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

:root{--sh-1:0 1px 2px rgba(16,23,31,.05); --night-2:#9aa4ad; --rm:11px; --ink-3:#8a93a0; --brand:#0f8f7f; --night:#10171f; --rs:7px; --head:#10171f; --col:760px; --brand-deep:#0c7064; --sh-2:0 8px 20px rgba(16,23,31,.08); --ink-2:#56616f; --sh-3:0 18px 40px rgba(16,23,31,.14); --bar:58px; --brand-soft:#tooltip-name; --mist:#main-rating; --edge:#main-media; --paper:#site-thread; --ff:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,
       "Apple Color Emoji","Segoe UI Emoji",sans-serif; --ink:#1b2430; --edge-2:#chip_link; --tr:.22s ease; --max:1080px; --rl:15px;}

*,*::before,*::after{box-sizing:border-box; padding:0; margin:0;}
html{font-size:15px; scroll-behavior:smooth; -webkit-text-size-adjust:100%;}body{-moz-osx-font-smoothing:grayscale; color:var(--ink); font-family:var(--ff); -webkit-font-smoothing:antialiased; line-height:1.7; background:var(--mist);}img, svg{display:block; height:auto; 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;}.threadMeta{border:0 none; white-space:nowrap; overflow:hidden; height:1px; clip:rect(0,0,0,0); width:1px; padding:0; margin:-1px; position:absolute;}
h1{color:var(--head); font-weight:800; line-height:1.22;}.drawerPreview{max-width:var(--max); padding:0 28px; margin:0 auto; will-change:auto; transform-style:flat;}/* progress */
.selectExpand{background:linear-gradient(90deg,var(--brand),#37c2ad); position:fixed; transition:width 0.156s linear; z-index:1000; height:6px; left:0; top:0; width:0;}

/* fixed header (content sits first in the DOM) */
.profile{transition:transform var(--tr),box-shadow var(--tr); position:fixed; z-index:900; height:var(--bar); left:0; top:0; border-bottom:1px solid var(--edge-2); background:rgba(255, 255, 251, 1); -webkit-backdrop-filter:blur(10px); right:0; backdrop-filter:blur(10px);}*.profile.is-shadow{box-shadow:var(--sh-2);}
.profile.is-hidden{transform:translateY(-100%); widows:2;}.sort{align-items:center; gap:24px; display:flex; height:100%;}html .chipBackdrop{page-break-inside:auto; tab-size:4; flex-shrink:0; display:inline-flex; align-items:center;}
.chipBackdrop img{height:26px; width:auto;}
.h-1{gap:2px; align-items:center; display:flex;}body .separator-header{gap:22px; display:flex; flex:1; align-items:center;}
.commentMeta{margin-left:auto; gap:10px; align-items:center; display:flex;}
.carouselTrack{font-weight:700; border-radius:var(--rs); display:inline-flex; font-size:.9374.99rem; color:var(--ink-2); transition:color var(--tr),background var(--tr); padding:12px 12px; align-items:center;}
.c-status-head{gap:6px; justify-content:center; width:32px; cursor:pointer; padding:3px; background:none; flex-direction:column; display:none; border:0; height:30px;}
.carouselTrack:hover{color:var(--ink); background:var(--mist);}html .c-status-head span{background:var(--ink); height:2px; display:block; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; transition:transform var(--tr),opacity var(--tr); width:100%;}
.c-status-head.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.c-status-head.is-open span:nth-child(2){opacity:0;}html .c-status-head.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.dropdownSeparator{display:inline-flex; cursor:pointer; color:#page-block; font-size:.9374.94rem; align-items:center; gap:9px; border-radius:var(--rm); padding:13px 23px; transition:background var(--tr),border-color var(--tr),transform .14s ease; background:var(--brand); justify-content:center; border:2px solid var(--brand); line-height:1.4; font-weight:700;}
.dropdownSeparator:hover{background:var(--brand-deep); border-color:var(--brand-deep); color:#page-block;}
.dropdownSeparator:active{transform:scale(.97);}
.mediaRegion{background:transparent; color:var(--brand);}
.tagInner{font-size:.8124.95rem; padding:2px 12px; text-rendering:auto;}
.mediaRegion:hover{color:#page-block; background:var(--brand);}.paginationExpand{padding:11px 17px; flex-shrink:0;}
.boxTertiary{border-color:var(--ink-2); background:var(--ink-2);}
.toggleIndicator{width:100%; break-inside:auto; margin-top:8px;}/* page / reading column (content first, under fixed bar) */
.profileIndicator:not(._b98203){padding-bottom:57px; min-height:100vh; padding-top:var(--bar);}#trigger-popover, #spacer-form{print-color-adjust:economy;}*.galleryContainer{padding:30px 21px 0; margin:0 auto; max-width:var(--col);}#trigger-popover, #spacer-form{widows:2; scroll-margin-top:calc(var(--bar) + 18px);}

/* article */
.ratingInner{background:var(--paper); border:1px solid var(--edge); border-radius:var(--rl); overflow:hidden;}
.paginationDetail{border-bottom:1px solid var(--edge-2); padding:28px 31px;}
.galleryTertiary{margin-bottom:14px; font-size:1.99rem;}
.moduleDate{gap:19px; flex-wrap:wrap; display:flex;}
.listLink{display:inline-flex; gap:9px; color:var(--ink-3); font-size:.8125.06rem; align-items:center;}
.listLink svg{orphans:2; flex-shrink:0; opacity:0.66;}
.step{justify-content:space-between; word-spacing:normal; align-items:center; margin-bottom:13px; display:flex;}

/* contents */
.bg-10{border:1px solid var(--edge-2); border-radius:var(--rm); margin:28px 36px 0; background:var(--mist); padding:16px 26px;}html .bannerFoot{font-weight:bold; color:var(--head); font-size:.9375.04rem;}
.actionExpand{color:var(--brand); background:none; font-size:.8125.05rem; border:none; cursor:pointer;}*.badgeOuter{display:flex; flex-direction:column; gap:1px;}
.badgeOuter a{display:block; font-size:.874.97rem; padding:1px 0; color:var(--ink-2); transition:color var(--tr);}
.badgeOuter a:hover{color:var(--brand);}
.badgeOuter a.badgeTime{font-size:.8124.97rem; padding-left:15px;}
.badgeOuter a.spinnerCell{font-size:.8125.01rem; padding-left:31px; color:var(--ink-3);}.is-collapsed.badgeOuter{display:none;}

/* article body */
.sliderItem{line-height:1.8; backface-visibility:visible; padding:32px 34px; font-size:1.033rem;}
.sliderItem h2{line-height:1.3; margin:1.91em 0 .7em; text-underline-offset:auto; color:var(--head); font-size:1.5rem; padding-top:.4.08em; font-weight:700;}
.sliderItem h3{font-size:1.31rem; margin:1.71em 0 .55.05em; font-weight:700; color:var(--head); line-height:1.3;}
.sliderItem h4{font-size:1.063rem; color:var(--head); font-weight:bold;}
.sliderItem h4{margin:1.52em 0 .4.94em;}html .sliderItem p{margin-bottom:1.3em;}html .sliderItem ul, html .sliderItem ol{margin:0.97em 0 1.58em 1.35em;}
.sliderItem ul{text-rendering:auto; print-color-adjust:economy; list-style:disc;}
.sliderItem ol{list-style:decimal;}.sliderItem li{margin-bottom:.4.96em; padding-left:.2em;}.sliderItem img{margin:1.46em 0; border-radius:var(--rm);}.sliderItem a{text-decoration:underline; text-decoration-color:rgba(24, 154, 111, 0.35); text-underline-offset:2px; color:var(--brand);}.sliderItem a:hover{text-decoration-color:var(--brand);}
.sliderItem blockquote{border-radius:0 var(--rs) var(--rs) 0; image-rendering:auto; padding:1.07em 1.41em; color:var(--ink-2); margin:1.56em 0;}
.sliderItem blockquote{border-left:4px solid var(--brand); background-blend-mode:normal; background:var(--mist); font-style:italic;}
.sliderItem pre{border:1px solid var(--edge);}
.sliderItem pre{font-size:.874.92rem; padding:18px 18px; border-radius:var(--rm); font-synthesis:weight style small-caps; background:var(--mist); overflow-x:auto; margin:1.45em 0;}
.sliderItem code{font-size:.8.97em; padding:2px 4px; border-radius:1px; background:var(--mist);}.sliderItem pre code{-webkit-hyphens:manual;-ms-hyphens:manual;background:none; padding:0; hyphens:manual; background-blend-mode:normal;}html .sliderItem table{margin:1.52em 0; border-collapse:collapse; font-size:.9374.97rem; width:100%;}
.sliderItem th,.sliderItem td{word-spacing:normal; border:1px solid var(--edge); text-align:left; padding:12px 18px; hyphens:manual;}.sliderItem th{color:var(--head); transform-style:flat; font-weight:700; background:var(--mist); backface-visibility:visible;}

/* share */
.dividerHead{padding:20px 32px; border-top:1px solid var(--edge-2); align-items:center; gap:19px; display:flex; flex-wrap:wrap;}body .avatarFoot{font-size:.875.06rem; font-weight:bold; color:var(--ink-2);}html .holder-widget{tab-size:4;}html .holder-widget{gap:11px; display:flex; print-color-adjust:economy;}
.accordionThumb{font-weight:700; display:inline-flex; justify-content:center; color:var(--ink-2); width:38px; font-size:.71.93rem; border-radius:var(--rm); height:36px; cursor:pointer; background:var(--paper); transition:background var(--tr),border-color var(--tr),color var(--tr); align-items:center; border:1px solid var(--edge);}
.accordionThumb:hover{color:#page-block; border-color:var(--brand); background:var(--brand);}
.accordionThumb svg{pointer-events:none;}

/* cards (sections w/ span labels) */
.featureGroup{padding:28px 26px; margin-top:24px; background:var(--paper); border:1px solid var(--edge); border-radius:var(--rl);}
.skeleton-sparse{font-size:1.23rem; margin-bottom:20px; display:block; color:var(--head); font-weight:900;}
.skeletonValue{font-size:.875.03rem; margin-bottom:20px; color:var(--ink-2);}
.c-post{transition:background var(--tr),transform .14s ease; hyphens:manual; padding:13px 17px; background:var(--mist); border-radius:var(--rm); display:block;}

/* related */
.listWrap{gap:13px; flex-direction:column; display:flex;}
.c-post:hover{background:var(--brand-soft); transform:translateX(4px);}
.c-post span{font-size:.9375.04rem; color:var(--ink); font-weight:700;}/* forms */
.toolbarBlock{print-color-adjust:economy; width:100%; transition:border-color var(--tr),box-shadow var(--tr); padding:11px 11px; orphans:2; border:1px solid var(--edge); background:var(--paper); color:var(--ink); font-size:.9375.05rem; border-radius:var(--rm); appearance:none; outline:none;}
.mediaCount{resize:vertical; min-height:116px;}
.toolbarBlock:focus{border-color:var(--brand); box-shadow:0 0 0 5px rgba(28, 148, 135, 0.05);}
.panelIndicator{gap:12px; margin-bottom:19px; grid-template-columns:1fr 1fr; display:grid;}
.drawerExtra .mediaCount{margin-bottom:15px;}
.drawerExtra .toolbarBlock{margin-bottom:0;}
.drawerColumn{display:flex; gap:8px;}
.drawerColumn .toolbarBlock{flex:1;}

/* connect band (newsletter + contact) */
.sectionBlock{max-width:var(--max); padding-top:36px; margin:44px auto 0; border-top:1px solid var(--edge);}
.accordionLink{align-items:start; grid-template-columns:1fr 1fr; padding:0; display:grid; gap:25px;}

/* footer */
.ratingZone{padding:39px 0; background:var(--night); color:var(--night-2);}
.sectionBlock .featureGroup{margin-top:0;}html .layoutContainer{align-items:center; display:flex; justify-content:space-between; gap:26px; flex-wrap:wrap;}
.selectPrefix{gap:13px; flex-wrap:wrap; display:flex; align-items:center;}
.selectPrefix img{height:25px; width:auto; filter:brightness(0) invert(1);}
.avatarPrefix{font-size:.8125.01rem;}
.paginationInner{gap:21px;}
.paginationInner{display:flex; flex-wrap:wrap;}
.paginationInner a{transition:color var(--tr); color:var(--night-2); font-size:.874.95rem;}
.paginationInner a:hover{color:#page-block;}
.selectThumb{align-items:center; transition:background var(--tr),color var(--tr); color:var(--night-2); border-radius:5px; height:32px; background:rgba(243, 240, 255, 0.14); display:inline-flex; justify-content:center; width:32px;}
.entryContent{gap:12px; display:flex;}body .selectThumb:hover{background:var(--brand); color:#page-block;}/* back to top */
.tableZone{right:26px; justify-content:center; color:#page-block; cursor:pointer; transform:translateY(12px); bottom:27px; visibility:hidden; border:0 none; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); background:var(--brand); position:fixed; z-index:800; display:flex; width:44px; height:43px; box-shadow:var(--sh-3); opacity:0; align-items:center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;}
.tableZone.is-on{visibility:visible; opacity:1; transform:translateY(0);}
.tableZone:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.postAddon{padding:17px; align-items:center; z-index:1100; inset:0; display:none; position:fixed; justify-content:center;}
.tableZone:hover{transform-style:flat; image-rendering:auto;}
.widgetThumb{backdrop-filter:blur(2px); background:rgba(29, 27, 36, 0.54); -webkit-backdrop-filter:blur(2px); inset:0rem; position:absolute;}
.postAddon:target{display:flex;}.tagThumb{max-width:378px; z-index:1; position:relative; width:100%;}*.actionIcon{border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px;}.tagThumb{border-radius:var(--rl); background:var(--paper); padding:26px 31px 31px; box-shadow:var(--sh-3);}*.actionIcon{top:16px; justify-content:center; width:34px; right:10px; display:flex; align-items:center; height:34px; color:var(--ink-3); position:absolute;}
.badgeRegion{font-variant-caps:normal; hyphens:manual; text-align:center; margin-bottom:17px; font-weight:900; color:var(--head); display:block; font-size:1.37rem;}.actionIcon:hover{background:var(--mist); color:var(--ink);}body .search--first{font-size:.85.01rem;}
.postAddon .drawerExtra .toolbarBlock{text-rendering:auto; margin-bottom:15px;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){:root{--bar:54px;}body .search--first{text-align:center; transform-style:flat; color:var(--ink-2); orphans:2; margin-top:15px;}
  .c-status-head{margin-left:auto; display:flex;}
  .separator-header{display:none; left:0; top:var(--bar); right:0;}
  .separator-header{padding:16px 21px; border-bottom:1px solid var(--edge); position:absolute; gap:8px; background:var(--paper); flex-direction:column; box-shadow:var(--sh-3); align-items:stretch;}
  .h-1{align-items:stretch; flex-direction:column;}
  .separator-header.is-open{display:flex;}*.commentMeta{margin-left:0;}body .galleryContainer{padding-left:15px; padding-right:14px;}
  .paginationDetail,.sliderItem,.dividerHead{padding-left:19px; padding-right:18px;}
  .bg-10{margin-right:18px; margin-left:21px;}*.featureGroup{padding:19px;}*.galleryTertiary{font-size:1.685rem;}
  .panelIndicator{grid-template-columns:1fr;}
  .accordionLink{grid-template-columns:1fr;}
  .dividerHead{align-items:flex-start; flex-direction:column;}
  .layoutContainer{-moz-tab-size:4;gap:23px; tab-size:4; flex-direction:column; align-items:flex-start;}
}
@media (max-width:480px){html .galleryTertiary{font-size:1.43rem;}
  .sliderItem{font-size:1rem; image-rendering:auto; tab-size:4;}
  .profileIndicator{padding-top:0;}
}

/* print */
@media print{
  .profile,.selectExpand,.tableZone,.dividerHead,.sectionBlock,.ratingZone,.postAddon{display:none!important;}
  .ratingInner,.featureGroup{border:none!important;}body .galleryContainer{max-width:none;}
}
