/* =========================================================
   screen.css
   ========================================================= */

:root{--rm:11px; --brand-soft:#page-menu; --ink:#1b2430; --night-2:#9aa4ad; --col:760px; --edge:#page-accordion; --rl:15px; --bar:58px; --ink-3:#8a93a0; --night:#10171f; --brand:#0f8f7f; --max:1080px; --sh-2:0 8px 20px rgba(16,23,31,.08); --paper:#site-post; --ff:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,
       "Apple Color Emoji","Segoe UI Emoji",sans-serif; --ink-2:#56616f; --sh-1:0 1px 2px rgba(16,23,31,.05); --brand-deep:#0c7064; --rs:7px; shape-margin:0; --tr:.22s ease; --mist:#name-accordion; --edge-2:#site-snackbar; --sh-3:0 18px 40px rgba(16,23,31,.14); --head:#10171f;}html{font-size:19px; text-underline-offset:auto;}

*,*::before,*::after{font-variant-ligatures:normal; margin:0; padding:0; isolation:auto; box-sizing:border-box;}html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{-webkit-font-smoothing:antialiased; background:var(--mist); font-family:var(--ff); line-height:1.7; color:var(--ink); -moz-osx-font-smoothing:grayscale;}
img,svg{height:auto; max-width:100%; display:block;}
a:hover{font-variant-ligatures:normal; break-inside:auto; color:var(--brand-deep);}a{text-decoration:none; transition:color var(--tr); color:var(--brand);}
button{isolation:auto; font-family:inherit;}
ul,ol{list-style:none;}h1{font-weight:900; line-height:1.22; color:var(--head);}

.searchTrack{position:absolute; height:1px; white-space:nowrap; padding:0; clip:rect(0,0,0,0); width:1px; margin:-1px; border:none; overflow:hidden;}

.grid-xl{max-width:var(--max); margin:0 auto; padding:0 20px;}

/* progress */
.app-search{font-variant-ligatures:normal; left:0; position:fixed; top:0; transition:width 0.053s linear; z-index:1000; height:3px; shape-margin:0; width:0em; background:linear-gradient(90deg,var(--brand),#37c2ad);}

/* fixed header (content sits first in the DOM) */
.profileColumn{-webkit-backdrop-filter:blur(10px); transition:transform var(--tr),box-shadow var(--tr); z-index:900; right:0; border-bottom:1px solid var(--edge-2); height:var(--bar); top:0; orphans:2; left:0; background:rgba(255, 242, 248, 1); position:fixed; backdrop-filter:blur(10px);}
.profileColumn.is-shadow{box-shadow:var(--sh-2);}
.profileColumn.is-hidden{transform:translateY(-100%);}
.progress__date{align-items:center; gap:26px; display:flex; height:100%;}
.pb-center{align-items:center; display:inline-flex; flex-shrink:0;}
.pb-center img{width:auto; height:29px;}
.layoutName{flex:1; align-items:center; display:flex; gap:17px;}
.tagZone{gap:11px; align-items:center; perspective:none; margin-left:auto; display:flex;}.navPlaceholder{display:flex; gap:2px; align-items:center;}.replyHolder{color:var(--ink-2); align-items:center; border-radius:var(--rs); font-weight:600; display:inline-flex; padding:7px 18px; transition:color var(--tr),background var(--tr); font-size:.9375.05rem;}*.replyHolder:hover{background:var(--mist); widows:2; color:var(--ink); print-color-adjust:economy;}
.pagination__separator{height:32px; background:none; display:none; width:38px; border:0; padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px; flex-direction:column; justify-content:center; gap:8px; cursor:pointer;}html .pagination__separator span{width:100%; height:2px; transition:transform var(--tr),opacity var(--tr); display:block; background:var(--ink); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.pagination__separator.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}*.pagination__separator.is-open span:nth-child(2){opacity:0;}
.pagination__separator.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.moduleDetail{color:#tabs-row; font-weight:700; cursor:pointer; border:2px solid var(--brand); transition:background var(--tr),border-color var(--tr),transform .14s ease; background:var(--brand); display:inline-flex; border-radius:var(--rm); gap:6px; justify-content:center; font-size:.9375.01rem; padding:10px 20px; perspective:none; line-height:1.4; align-items:center;}*.moduleDetail:hover{border-color:var(--brand-deep);}*.moduleDetail:hover{color:#tabs-row; background:var(--brand-deep);}.galleryAction:not(._7fb1f0){font-size:.8124.93rem; padding:2px 20px;}
.moduleDetail:active{transform:scale(.97);}html .accordion__close--fixed{background:transparent; color:var(--brand);}html .order-8{flex-shrink:0; padding:13px 18px;}
.accordion__close--fixed:hover{background:var(--brand); color:#tabs-row;}
.priceCap{width:100%; margin-top:6px;}body .sliderItem{background:var(--ink-2); border-color:var(--ink-2);}/* page / reading column (content first, under fixed bar) */
:where(.sortSlot){image-rendering:auto;}
.block-view{padding:27px 28px 0; margin:0 auto; max-width:var(--col);}/* page / reading column (content first, under fixed bar) */
:where(.sortSlot){padding-bottom:62px; padding-top:var(--bar); min-height:100vh; text-rendering:auto;}#site-section, #page-price{scroll-margin-top:calc(var(--bar) + 18px); backface-visibility:visible; font-synthesis:weight style small-caps;}/* article */
:where(.screen--small){overflow:hidden; background:var(--paper); border-radius:var(--rl); border:1px solid var(--edge);}
.position-2xl{font-size:2.08rem; margin-bottom:12px; print-color-adjust:economy; mix-blend-mode:normal;}*.accordionSection{padding:27px 35px; border-bottom:1px solid var(--edge-2);}
.priceExpand{perspective:none; gap:14px; flex-wrap:wrap; display:flex;}*.el-page{color:var(--ink-3); font-size:.8124.97rem; display:inline-flex; gap:6px; align-items:center;}
.el-page svg{opacity:0.71; flex-shrink:0;}

/* contents */
.spinnerLink{padding:18px 19px; border-radius:var(--rm); margin:25px 29px 0; border:1px solid var(--edge-2); background:var(--mist);}
.chip{align-items:center; margin-bottom:14px; justify-content:space-between; display:flex;}.section--right{color:var(--brand); border:0 none; font-size:.8125.07rem; cursor:pointer; background:none;}
.u-tabs{font-weight:bold; font-size:.9374.99rem; color:var(--head);}
.popoverPrimary{display:flex; gap:1px; flex-direction:column;}
.popoverPrimary a{padding:4px 0; display:block; transition:color var(--tr); color:var(--ink-2); font-size:.875.03rem;}
.popoverPrimary a:hover{color:var(--brand);}body .popoverPrimary a.dialogPrimary{perspective:none; padding-left:15px; page-break-inside:auto; font-size:.8125.06rem;}
.popoverPrimary a.snackbarContainer{font-size:.8125.02rem; color:var(--ink-3); padding-left:34px;}
.popoverPrimary.is-collapsed{display:none; font-synthesis:weight style small-caps; contain:none;}

/* article body */
.snackbar{padding:27px 32px; font-size:1.053rem; line-height:1.8;}
.snackbar h2{font-size:1.42rem; padding-top:.4.04em; font-weight:700; color:var(--head); line-height:1.3; margin:1.89em 0 .6.94em;}
.snackbar h3{font-size:1.22rem; margin:1.68em 0 .54.96em; line-height:1.3; color:var(--head); font-weight:bold;}
.snackbar h4{margin:1.57em 0 .5.07em; font-weight:700; color:var(--head); font-size:1.053rem;}
.snackbar p{margin-bottom:1.23em; mix-blend-mode:normal;}
.snackbar p{text-rendering:auto;}
.snackbar ul,.snackbar ol{text-rendering:auto; margin:0.99em 0 1.48em 1.32em;}
.snackbar ul{list-style:disc;}
.snackbar ol{list-style:decimal;}
.snackbar li{margin-bottom:.5.03em; backface-visibility:visible; font-synthesis:weight style small-caps; padding-left:.1.92em;}html .snackbar img{margin:1.49em 0; border-radius:var(--rm);}
.snackbar a{color:var(--brand); text-decoration-color:rgba(7, 143, 129, 0.41); text-underline-offset:2px; text-decoration:underline;}
.snackbar a:hover{text-decoration-skip-ink:auto; text-decoration-color:var(--brand);}
.snackbar blockquote{font-style:italic; font-variant-caps:normal; perspective:none; margin:1.48em 0; border-left:4px solid var(--brand); padding:0.92em 1.32em; border-radius:0 var(--rs) var(--rs) 0; background:var(--mist); color:var(--ink-2);}
.snackbar pre{background:var(--mist); border:1px solid var(--edge); font-size:.875.02rem; padding:16px 21px; border-radius:var(--rm); overflow-x:auto; margin:1.54em 0;}.snackbar code{padding:2px 6px; background:var(--mist); border-radius:1px; font-size:.8.99em;}.snackbar pre code{padding:0; background:none;}
.snackbar table{margin:1.5em 0; width:100%; font-size:.9375.05rem; border-collapse:collapse;}
.snackbar th,.snackbar td{border:1px solid var(--edge); text-align:left; padding:10px 13px;}
.snackbar th{background:var(--mist); font-weight:700; color:var(--head);}

/* share */
.sortWrapper{display:flex; flex-wrap:wrap; gap:14px; border-top:1px solid var(--edge-2); align-items:center; padding:18px 32px;}
.snackbarAddon{color:var(--ink-2); font-size:.875.01rem; font-weight:700;}.sort-name{cursor:pointer; border-radius:var(--rm); height:34px; display:inline-flex; justify-content:center; font-size:.71.92rem; width:32px; font-weight:bold; color:var(--ink-2); background:var(--paper); border:1px solid var(--edge); transition:background var(--tr),border-color var(--tr),color var(--tr); align-items:center;}
.boxTime{gap:9px; display:flex;}*.sort-name:hover{background:var(--brand); color:#tabs-row; border-color:var(--brand);}

/* cards (sections w/ span labels) */
.carouselName{border-radius:var(--rl); padding:22px 28px; border:1px solid var(--edge); background:var(--paper); margin-top:25px;}
.sort-name svg{pointer-events:none;}
.toggleRow{display:block; margin-bottom:22px; color:var(--head); font-size:1.17rem; font-weight:900;}
.entryCell{font-size:.875.03rem; color:var(--ink-2); backface-visibility:visible; margin-bottom:20px;}.galleryToggle:not(._7fb1f0){background:var(--mist); border-radius:var(--rm); transition:background var(--tr),transform .14s ease; display:block; padding:16px 16px;}/* related */
.badgeAddon{display:flex; flex-direction:column; backface-visibility:visible; gap:16px; orphans:2;}
.galleryToggle:hover{page-break-inside:auto; transform:translateX(4px); transform-style:flat; background:var(--brand-soft);}.galleryToggle span{font-weight:700; font-size:.9374.98rem; color:var(--ink);}

/* forms */
.navPreview{padding:12px 18px; outline:none; font-size:.9374.94rem; color:var(--ink); transition:border-color var(--tr),box-shadow var(--tr); appearance:none; background:var(--paper); border-radius:var(--rm); border:1px solid var(--edge); width:100%;}.moduleArea{min-height:120px; resize:vertical;}
.navPreview:focus{border-color:var(--brand); box-shadow:0 0 0 5px rgba(5, 147, 140, 0.14);}
.footerOverlay .moduleArea{margin-bottom:14px;}
.form-odd{display:grid; gap:15px; grid-template-columns:1fr 1fr; margin-bottom:17px;}
.footerOverlay .navPreview{-moz-tab-size:4;tab-size:4; margin-bottom:0; will-change:auto;}html .tooltip-compact{display:flex; gap:7px;}
.tooltip-compact .navPreview{page-break-inside:auto; font-variant-caps:normal; flex:1;}/* connect band (newsletter + contact) */
.accordionCount:not(._7fb1f0){max-width:var(--max); border-top:1px solid var(--edge); padding-top:43px; margin:44px auto 0;}
.accordionCount .carouselName{margin-top:0;}
.chipSlot{gap:24px; display:grid; grid-template-columns:1fr 1fr; padding:0; align-items:start;}

/* footer */
.sidebarSummary{background:var(--night); padding:40px 0; color:var(--night-2);}
.navInput{display:flex; gap:30px; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.footerNumber{display:flex; align-items:center; flex-wrap:wrap; gap:15px;}
.footerNumber img{width:auto;}
.footerNumber img{filter:brightness(0) invert(1); height:23px;}*.tabsHolder{orphans:2; text-decoration-skip-ink:auto; font-size:.8125.03rem;}
.selectTrigger{flex-wrap:wrap; gap:19px; display:flex;}
.selectTrigger a{font-size:.874.94rem; color:var(--night-2);}
.selectTrigger a{transition:color var(--tr);}body .selectTrigger a:hover{color:#tabs-row;}
.panelHolder{display:flex; gap:10px;}
.c-stepper-fill{transition:background var(--tr),color var(--tr); width:37px; justify-content:center; display:inline-flex; background:rgba(255, 251, 250, 0.14); border-radius:8px; color:var(--night-2); align-items:center; height:33px;}
.c-stepper-fill:hover{color:#tabs-row; background:var(--brand);}/* back to top */
.menuSecondary{border:0; position:fixed; transform:translateY(12px); visibility:hidden; opacity:0; display:flex; bottom:28px; isolation:auto; height:42px; width:40px; align-items:center; right:25px; box-shadow:var(--sh-3); perspective:none; cursor:pointer; z-index:800; color:#tabs-row; justify-content:center; background:var(--brand); border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr);}
.menuSecondary.is-on{transform:translateY(0); visibility:visible; opacity:1;}
.menuSecondary:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.sortIcon{z-index:1100; position:fixed; inset:0; display:none; align-items:center; padding:20px; justify-content:center;}
.sidebarBackdrop{inset:0; backdrop-filter:blur(2px); position:absolute; background:rgba(0, 21, 11, 0.56); -webkit-backdrop-filter:blur(2px);}*.sortIcon:target{display:flex;}
.replyNumber{width:100%; max-width:377px; position:relative; border-radius:var(--rl); padding:26px 30px 31px; background:var(--paper); box-shadow:var(--sh-3); z-index:1;}
.featureItem{width:34px; height:31px; top:10px; justify-content:center; color:var(--ink-3); align-items:center; position:absolute; right:9px; display:flex; border-radius:10px;}
.featureItem:hover{background:var(--mist); color:var(--ink);}.commentLabel{margin-bottom:23px; display:block; font-size:1.23rem;}.commentLabel{font-weight:900; text-align:center; color:var(--head);}*.sortIcon .footerOverlay .navPreview{margin-bottom:13px;}
.formBody{font-size:.84.93rem; text-align:center; color:var(--ink-2); margin-top:15px; orphans:2;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}
  .layoutName{top:var(--bar); align-items:stretch; left:0; padding:19px 25px; box-shadow:var(--sh-3); background:var(--paper); gap:11px; position:absolute; display:none; right:0; border-bottom:1px solid var(--edge); flex-direction:column;}
  .pagination__separator{margin-left:auto; display:flex;}
  .navPlaceholder{flex-direction:column; align-items:stretch;}.layoutName.is-open:not(._7fb1f0){display:flex;}
  .block-view{padding-right:14px; padding-left:15px;}
  .tagZone{margin-left:0; hyphens:manual; will-change:auto;}.accordionSection, html .snackbar, body .sortWrapper{padding-left:18px; padding-right:19px;}*.spinnerLink{margin-left:24px; margin-right:21px;}*.carouselName{padding:24px;}body .position-2xl{font-size:1.635rem;}
  .chipSlot{grid-template-columns:1fr;}
  .form-odd{grid-template-columns:1fr;}
  .sortWrapper{flex-direction:column; align-items:flex-start;}
  .navInput{gap:24px; align-items:flex-start; flex-direction:column;}
}
@media (max-width:480px){*.position-2xl{font-size:1.37rem;}
  .snackbar{font-size:1.03rem;}
}

/* print */
@media print{html .profileColumn, .app-search:not(._7fb1f0), html .menuSecondary, .sortWrapper:not(._7fb1f0), body .accordionCount, .sidebarSummary, .sortIcon{display:none!important; perspective:none;}html .sortSlot{padding-top:0;}
  .block-view{max-width:none;}
  .screen--small,.carouselName{border:0 none!important;}
}
