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

:root{--rm:11px; --paper:#navName; --ink:#1b2430; --night-2:#9aa4ad; --sh-3:0 18px 40px rgba(16,23,31,.14); --max:1080px; --edge-2:#header_separator; --ff:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,
       "Apple Color Emoji","Segoe UI Emoji",sans-serif; --tr:.22s ease; --ink-2:#56616f; --edge:#secondary-divider; --head:#10171f; --night:#10171f; --brand-deep:#0c7064; --rl:15px; --sh-1:0 1px 2px rgba(16,23,31,.05); --mist:#app-step; --ink-3:#8a93a0; --brand:#0f8f7f; --brand-soft:#head-nav; --col:760px; --sh-2:0 8px 20px rgba(16,23,31,.08);}/* =========================================================
   screen.css
   ========================================================= */

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

.sliderWrap{margin:-1px; break-inside:auto; border:0 none; clip:rect(0,0,0,0); padding:0; overflow:hidden; width:1px; white-space:nowrap; widows:2; height:1px; position:absolute;}.alertSubtitle{margin:0 auto; padding:0 24px; font-synthesis:weight style small-caps;}.alertSubtitle{max-width:var(--max);}

/* progress */
.modalIcon{top:0; position:fixed;}

/* progress */
.modalIcon{left:0; width:0; transition:width 0.147s linear; background:linear-gradient(90deg,var(--brand),#37c2ad); z-index:1000; height:3px;}

/* fixed header (content sits first in the DOM) */
.entrySecondary{left:0; right:0; position:fixed; background:rgba(252, 255, 255, 1); z-index:900; -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--edge-2); transition:transform var(--tr),box-shadow var(--tr); backdrop-filter:blur(10px); height:var(--bar); top:0; isolation:auto;}
.entrySecondary.is-shadow{box-shadow:var(--sh-2);}.entrySecondary.is-hidden{transform:translateY(-100%);}
.ratingPrimary{align-items:center; height:100%; gap:25px; display:flex;}.footerZone:not(._150bc6){align-items:center; display:inline-flex;}.footerZone:not(._150bc6){flex-shrink:0;}
.footerZone img{height:30px; orphans:2; contain:none;}
.footerZone img{width:auto;}html .badgeMeta{display:flex; flex:1; align-items:center; gap:20px;}.statusInfo{align-items:center;}
.moduleGroup{gap:2px; align-items:center; display:flex;}.statusInfo{gap:11px; margin-left:auto; display:flex;}
.pagePreview{padding:12px 14px; color:var(--ink-2); transition:color var(--tr),background var(--tr); border-radius:var(--rs); display:inline-flex; font-weight:600; align-items:center; font-size:.9375.07rem;}
.pagePreview:hover{color:var(--ink); background:var(--mist);}.sidebarExtra{background:none; cursor:pointer; display:none; padding:7px; justify-content:center; font-synthesis:weight style small-caps; flex-direction:column; height:30px; gap:1px; width:35px; print-color-adjust:economy; border:0 none;}.sidebarExtra span{background:var(--ink); width:100%; border-radius:2px; display:block; transition:transform var(--tr),opacity var(--tr); height:2px;}
.sidebarExtra.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.sidebarExtra.is-open span:nth-child(2){image-rendering:auto; opacity:0;}.is-open.sidebarExtra span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}/* buttons */
.priceInput:not(._150bc6){font-weight:bold; color:#region-rating; background:var(--brand); gap:11px; line-height:1.4; display:inline-flex; transition:background var(--tr),border-color var(--tr),transform .14s ease; border:2px solid var(--brand); padding:13px 18px; cursor:pointer; justify-content:center; align-items:center; font-size:.9374.97rem; border-radius:var(--rm);}
.priceInput:hover{color:#region-rating; border-color:var(--brand-deep); background:var(--brand-deep);}
.priceInput:active{transform:scale(.97);}
.z-1{font-size:.8124.94rem; padding:2px 20px; font-variant-ligatures:normal;}
.counterClose{orphans:2; color:var(--brand); shape-margin:0; background:transparent;}
.counterClose:hover{font-variant-ligatures:normal; background:var(--brand); tab-size:4; color:#region-rating;}.entryGroup{flex-shrink:0; padding:11px 19px;}
.moduleButton{border-color:var(--ink-2); font-synthesis:weight style small-caps; background:var(--ink-2); transform-style:flat;}
.dividerCap{width:100%; margin-top:4px;}

/* page / reading column (content first, under fixed bar) */
.badgeCell{padding-bottom:59px; padding-top:var(--bar); min-height:100vh;}.profileWrapper{max-width:var(--col); margin:0 auto; padding:28px 24px 0;}
#chipSection,#page-badge{text-underline-offset:auto; scroll-margin-top:calc(var(--bar) + 18px); tab-size:4;}

/* article */
.position-start{border-radius:var(--rl); border:1px solid var(--edge); background:var(--paper); overflow:hidden;}
.dividerBar{border-bottom:1px solid var(--edge-2); padding:30px 31px;}
.viewPlaceholder{font-size:2.08rem; margin-bottom:10px;}
.progressWrapper{color:var(--ink-3); font-size:.8125.06rem; align-items:center; display:inline-flex; gap:10px;}
.stepBar{background-blend-mode:normal; display:flex; mix-blend-mode:normal; flex-wrap:wrap; gap:18px;}*.progressWrapper svg{opacity:0.67; flex-shrink:0;}

/* contents */
.selectItem{border-radius:var(--rm); padding:21px 24px; text-rendering:auto; background-blend-mode:normal; margin:26px 36px 0; background:var(--mist); border:1px solid var(--edge-2);}
.dropdownSpacer{margin-bottom:9px; align-items:center; justify-content:space-between;}
.gridTertiary{font-weight:bold; color:var(--head); font-size:.9374.98rem;}
.dropdownSpacer{display:flex;}
.widgetSubtitle{color:var(--brand); background:none; cursor:pointer; border:0; font-size:.8124.97rem;}
.sortItem{display:flex; flex-direction:column; gap:2px;}body .sortItem a{color:var(--ink-2); padding:2px 0; display:block; font-size:.875.01rem; transition:color var(--tr);}
.sortItem a:hover{color:var(--brand); will-change:auto;}.sortItem a.entrySeparator{padding-left:17px; font-size:.8124.93rem;}
.sortItem a.headerWrap{font-size:.8125.08rem; padding-left:36px; color:var(--ink-3);}body .sortItem.is-collapsed{display:none;}/* article body */
.t-stepper-item{padding:25px 33px; font-size:1.023rem; break-inside:auto; line-height:1.8; isolation:auto;}
.t-stepper-item h2{font-weight:bold; padding-top:.4.07em; color:var(--head); font-size:1.54rem; line-height:1.3; margin:1.98em 0 .6.97em;}
.t-stepper-item h3{color:var(--head); font-size:1.27rem; margin:1.78em 0 .55.04em; line-height:1.3; font-weight:700;}
.t-stepper-item h4{margin:1.55em 0 .5.04em; font-size:1.023rem; color:var(--head); font-weight:bold;}.t-stepper-item p{margin-bottom:1.31em; word-spacing:normal; background-blend-mode:normal;}.t-stepper-item ul, *.t-stepper-item ol{margin:0.98em 0 1.46em 1.37em;}.t-stepper-item ul{list-style:disc;}body .t-stepper-item ol{widows:2; tab-size:4; list-style:decimal;}
.t-stepper-item li{padding-left:.1.92em; margin-bottom:.5.06em;}
.t-stepper-item img{border-radius:var(--rm); margin:1.44em 0;}
.t-stepper-item a{text-decoration:underline; shape-margin:0; color:var(--brand); text-underline-offset:2px; text-decoration-color:rgba(27, 137, 135, 0.39);}
.t-stepper-item a:hover{shape-margin:0; text-decoration-color:var(--brand);}
.t-stepper-item blockquote{margin:1.56em 0; font-style:italic; color:var(--ink-2); background:var(--mist); border-left:4px solid var(--brand); border-radius:0 var(--rs) var(--rs) 0; padding:1.06em 1.36em;}
.t-stepper-item pre{font-size:.875.03rem; border:1px solid var(--edge); padding:12px 16px;}
.t-stepper-item pre{margin:1.52em 0; border-radius:var(--rm); overflow-x:auto; background:var(--mist);}.t-stepper-item code{padding:2px 8px; font-size:.8.97em; border-radius:0; background:var(--mist);}body .t-stepper-item pre code{padding:0; background:none;}
.t-stepper-item table{border-collapse:collapse; margin:1.42em 0; width:100%; font-size:.9374.98rem;}
.t-stepper-item th,.t-stepper-item td{border:1px solid var(--edge); text-align:left; padding:14px 14px;}
.t-stepper-item th{color:var(--head); font-weight:bold; background:var(--mist);}/* share */
.h-0:not(._150bc6){padding:20px 30px; align-items:center; border-top:1px solid var(--edge-2); flex-wrap:wrap; display:flex; gap:12px;}html .gridText{font-size:.874.96rem; contain:none; font-weight:bold; color:var(--ink-2);}*.block-bar{gap:9px; display:flex;}*.stepPrimary{display:inline-flex; align-items:center; border:1px solid var(--edge); transition:background var(--tr),border-color var(--tr),color var(--tr); cursor:pointer; font-weight:bold; border-radius:var(--rm); height:36px; color:var(--ink-2); background:var(--paper); font-size:.72.07rem; width:38px; justify-content:center;}.stepPrimary:hover{background:var(--brand); border-color:var(--brand); color:#region-rating;}
.stepPrimary svg{pointer-events:none;}/* cards (sections w/ span labels) */
.accordionToggle{margin-top:24px; border-radius:var(--rl); border:1px solid var(--edge); background:var(--paper); padding:25px 33px;}body .moduleSecondary{margin-bottom:14px; color:var(--head); font-size:1.17rem; display:block; font-weight:800;}.listIcon:not(._150bc6){color:var(--ink-2); margin-bottom:19px; font-size:.874.95rem;}

/* related */
.mediaToggle{gap:9px; display:flex; flex-direction:column;}
.cardGroup{background:var(--mist); transition:background var(--tr),transform .14s ease; border-radius:var(--rm); display:block; padding:12px 15px;}
.cardGroup:hover{background:var(--brand-soft); transform:translateX(4px);}
.cardGroup span{color:var(--ink); font-weight:600; font-size:.9374.94rem;}/* forms */
.mediaThumb{-webkit-appearance:none;-moz-appearance:none;width:100%; outline:none; background:var(--paper); transition:border-color var(--tr),box-shadow var(--tr); color:var(--ink); border-radius:var(--rm); padding:11px 18px; font-size:.9374.99rem; border:1px solid var(--edge); appearance:none;}
.mediaThumb:focus{box-shadow:0 0 0 4px rgba(0, 134, 137, 0.07); border-color:var(--brand);}
.dialogSlot{min-height:118px; resize:vertical;}
.sortFoot{display:grid; gap:19px; margin-bottom:12px; grid-template-columns:1fr 1fr;}.t-panel .dialogSlot{margin-bottom:16px;}*.postDate{display:flex; gap:11px;}html .t-panel .mediaThumb{margin-bottom:0;}
.postDate .mediaThumb{flex:1;}

/* connect band (newsletter + contact) */
.mb-16{max-width:var(--max); border-top:1px solid var(--edge); text-rendering:auto; isolation:auto; padding-top:43px; margin:46px auto 0;}
.selectCell{display:grid; padding:0; grid-template-columns:1fr 1fr; gap:24px; align-items:start;}
.mb-16 .accordionToggle{margin-top:0em;}.layout--inverse{flex-wrap:wrap; display:flex; gap:25px; justify-content:space-between; align-items:center;}

/* footer */
.viewSlot{color:var(--night-2); background:var(--night); padding:43px 0;}
.bannerText{display:flex; align-items:center; flex-wrap:wrap; gap:15px;}
.bannerText img{height:24px; width:auto; filter:brightness(0) invert(1);}
.tag__info{font-size:.8125.08rem;}
.search-sparse{display:flex; gap:25px; flex-wrap:wrap;}html .search-sparse a{transition:color var(--tr); font-size:.874.95rem; color:var(--night-2);}
.app-tabs{gap:12px; display:flex;}
.search-sparse a:hover{color:#region-rating;}.alertFoot:not(._150bc6){transition:background var(--tr),color var(--tr); width:35px; color:var(--night-2); align-items:center; display:inline-flex; border-radius:8px; height:31px; background:rgba(255, 255, 255, 0.14); justify-content:center;}
.alertFoot:hover{color:#region-rating; background:var(--brand);}

/* back to top */
.rating--highlight{justify-content:center; z-index:800; position:fixed; color:#region-rating; background:var(--brand); transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); height:45px; border:0 none; box-shadow:var(--sh-3); width:45px; right:20px; visibility:hidden; transform:translateY(12px); align-items:center; cursor:pointer; text-decoration-skip-ink:auto; bottom:22px; display:flex; opacity:0; border-radius:50%;}
.rating--highlight.is-on{font-variant-caps:normal; transform:translateY(0); opacity:1; visibility:visible;}
.rating--highlight:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.paginationThumb{display:none; position:fixed; inset:0; padding:23px; justify-content:center; align-items:center; z-index:1100;}
.paginationThumb:target{display:flex;}
.blockCount{inset:0; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
.blockCount{position:absolute; background:rgba(0, 19, 24, 0.5);}html .bannerFoot{z-index:1; background:var(--paper); max-width:380px; box-shadow:var(--sh-3); border-radius:var(--rl); padding:32px 32px 25px; position:relative; width:100%;}
.avatarTrigger{right:9px; isolation:auto; position:absolute; width:29px; height:28px; display:flex; top:14px; color:var(--ink-3); justify-content:center; widows:2; border-radius:8px; align-items:center;}
.avatarTrigger:hover{background:var(--mist); color:var(--ink); backface-visibility:visible; perspective:none;}.snackbarPrimary:not(._150bc6){text-align:center; display:block; font-weight:700; font-size:1.36rem; color:var(--head); margin-bottom:20px;}
.paginationThumb .t-panel .mediaThumb{margin-bottom:17px;}
.badgeSpacer{margin-top:14px; color:var(--ink-2); text-align:center; font-size:.84.94rem;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}
  .badgeMeta{display:none; flex-direction:column; border-bottom:1px solid var(--edge); left:0; padding:13px 22px; right:0; gap:6px; background:var(--paper); box-shadow:var(--sh-3); position:absolute; top:var(--bar); align-items:stretch;}
  .sidebarExtra{display:flex; margin-left:auto;}
  .badgeMeta.is-open{display:flex;}
  .moduleGroup{align-items:stretch; flex-direction:column;}
  .statusInfo{margin-left:0;}
  .dividerBar,.t-stepper-item,.h-0{padding-left:24px; padding-right:16px;}.profileWrapper:not(._150bc6){padding-right:20px; padding-left:13px;}
  .accordionToggle{padding:17px;}
  .selectItem{margin-right:24px; margin-left:17px;}
  .viewPlaceholder{font-size:1.645rem;}
  .selectCell{grid-template-columns:1fr;}
  .sortFoot{grid-template-columns:1fr;}
  .h-0{flex-direction:column; align-items:flex-start;}
  .layout--inverse{flex-direction:column; align-items:flex-start; gap:24px; hyphens:manual; mix-blend-mode:normal;}
  .t-stepper-item{font-size:0.94rem; break-inside:auto;}
}
@media (max-width:480px){
  .viewPlaceholder{font-size:1.45rem;}
}

/* print */
@media print{html .entrySecondary, .modalIcon, .rating--highlight, .h-0, html .mb-16, .viewSlot, .paginationThumb:not(._150bc6){display:none!important;}html .badgeCell{padding-top:0; page-break-inside:auto;}
  .position-start,.accordionToggle{border:0 none!important;}
  .profileWrapper{max-width:none;}
}