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

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

*,*::before,*::after{box-sizing:border-box; margin:0; padding:0;}
html{font-size:16px; scroll-behavior:smooth; -webkit-text-size-adjust:100%;}body{background:var(--mist); line-height:1.7; -moz-osx-font-smoothing:grayscale; font-family:var(--ff); color:var(--ink); -webkit-font-smoothing:antialiased;}img, svg{display:block; height:auto;}
@media (min-width: 768px) {
  #counter-group {text-transform:none; transition:transform 0.25s ease-in-out; position:absolute; color:#e1d7cf; max-width:1040px}
  .slider-section::before {content:''; flex-wrap:wrap; letter-spacing:normal; cursor:default}
}

img, svg{max-width:100%;}a{text-decoration:none; color:var(--brand); transition:color var(--tr);}
a:hover{color:var(--brand-deep);}
ul,ol{text-rendering:auto; list-style:none;}
h1{line-height:1.22; color:var(--head); font-weight:800;}button{font-family:inherit;}*.panelInner{max-width:var(--max); padding:0 22px; margin:0 auto;}

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

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

/* fixed header (content sits first in the DOM) */
.carouselSection{position:fixed; z-index:900; background:rgba(248, 240, 255, 0.94); left:0; right:0; height:var(--bar); -webkit-backdrop-filter:blur(10px); transition:transform var(--tr),box-shadow var(--tr); top:0; border-bottom:1px solid var(--edge-2); backdrop-filter:blur(10px);}
.carouselSection.is-shadow{box-shadow:var(--sh-2);}.listRow:not(.unused31){align-items:center; gap:21px; height:100%; display:flex;}
.carousel-subtitle:first-child {border-radius:14px; overflow:auto; font-weight:400; gap:3rem; position:static; color:currentColor}

.carouselSection.is-hidden{transform:translateY(-100%);}
.threadZone{align-items:center; display:inline-flex; flex-shrink:0;}body .sortFoot{display:flex; gap:19px; flex:1;}
.threadZone img{height:25px; width:auto;}*.timelineOverlay{display:flex; gap:2px; align-items:center;}body .sortFoot{align-items:center;}
.toggleIcon{gap:8px; margin-left:auto; display:flex; align-items:center;}
.o-menu-zone{border-radius:var(--rs); display:inline-flex; font-weight:600; transition:color var(--tr),background var(--tr); padding-top:11px;padding-right:18px;padding-bottom:11px;padding-left:18px; color:var(--ink-2); font-size:.9374.98rem; align-items:center;}
.entry-placeholder > head {flex:1 1 0%; max-width:none; transition:color 0.3s; display:none; color:inherit; text-align:right}

.gridSummary{background:none; flex-direction:column; cursor:pointer; border:0 none; justify-content:center; gap:1px; width:30px; display:none; padding:7px; height:33px;}
.o-menu-zone:hover{background:var(--mist); color:var(--ink);}
.gridSummary span{height:2px; display:block; transition:transform var(--tr),opacity var(--tr); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background:var(--ink); width:100%;}
.gridSummary.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.gridSummary.is-open span:nth-child(2){opacity:0;}
.gridSummary.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.entry__slot{font-size:.9375.06rem; padding:10px 25px; background:var(--brand); border-radius:var(--rm); transition:background var(--tr),border-color var(--tr),transform .14s ease; align-items:center; display:inline-flex; cursor:pointer; gap:12px; isolation:auto; color:#f5fff3; line-height:1.4; font-weight:bold; justify-content:center; border:2px solid var(--brand);}.entry__slot:hover{color:#f8fef3; border-color:var(--brand-deep); background:var(--brand-deep);}
.tagGroup{font-size:.8124.95rem; padding-top:2px;padding-right:12px;padding-bottom:2px;padding-left:12px;}body .entry__slot:active{transform-style:flat; transform:scale(.97);}
.breadcrumbOverlay{background:transparent; color:var(--brand);}
.breadcrumbOverlay:hover{background:var(--brand); color:rgb(231, 255, 239);}
.commentTrack{background:var(--ink-2); border-color:var(--ink-2);}.toggleLink:not(.unused99){flex-shrink:0; text-underline-offset:auto; padding-top:14px;padding-right:16px;padding-bottom:14px;padding-left:16px; image-rendering:auto;}.counterCell{margin-top:0px; width:100%;}
.listItem{padding:30px 21px 0; max-width:var(--col); margin:0 auto;}

/* page / reading column (content first, under fixed bar) */
.screenContainer{min-height:100vh; padding-top:var(--bar); padding-bottom:57px;}#page-modal, #page-box{scroll-margin-top:calc(var(--bar) + 18px);}

/* article */
.postSection{background:var(--paper); border-radius:var(--rl); border:1px solid var(--edge); overflow:hidden;}
.threadSubtitle{padding:30px 28px; border-bottom:1px solid var(--edge-2);}
.step-content:not(:last-child) {max-width:100%; min-width:6px; margin-left:auto; margin-right:auto; align-items:stretch}

.viewSuffix{display:flex; gap:19px; flex-wrap:wrap;}*.widgetItem{font-size:1.95rem; margin-bottom:10px;}
.threadTertiary{font-size:.8124.93rem; align-items:center; display:inline-flex;}
.threadTertiary{gap:9px; color:var(--ink-3);}
.threadTertiary svg{opacity:0.65; flex-shrink:0;}html .searchSeparator{margin-bottom:13px; align-items:center; justify-content:space-between; display:flex;}
.review-head::before {content:''; min-width:0; width:fit-content; justify-content:space-between; text-transform:capitalize}
/* contents */
.menuInfo{background:var(--mist); padding-top:16px;padding-right:25px;padding-bottom:16px;padding-left:25px; border-radius:var(--rm); border:1px solid var(--edge-2); margin:20px 30px 0;}
#alert-area {font-size:29px; display:inline-block; flex:1}

.widget-muted{font-size:.9374.96rem; font-weight:700; image-rendering:auto; color:var(--head);}
.tabsLine{color:var(--brand); cursor:pointer; font-size:.8124.98rem; background:none; border:0 none;}
.skeleton-input + .tag-text {display:flex; max-width:160px; letter-spacing:normal; padding-right:3rem}

.o-screen{gap:7px; flex-direction:column; display:flex;}
.o-screen a{color:var(--ink-2); transition:color var(--tr); padding:5px 0; font-size:.874.94rem; display:block;}
.select-zone {text-align:center; transition:transform 0.3s ease-in-out; min-width:21px}

.o-screen a:hover{isolation:auto; color:var(--brand);}
.o-screen a.selectWrapper{font-size:.8125.02rem; padding-left:19px;}
.o-screen a.module-slot{color:var(--ink-3); padding-left:29px; font-size:.8124.94rem;}

/* article body */
.boxData{line-height:1.8; font-size:1.123rem; padding-top:25px;padding-right:31px;padding-bottom:25px;padding-left:31px;}
.o-screen.is-collapsed{display:none;}
.boxData h2{padding-top:.4.01em; font-size:1.53rem;}
.boxData h2{margin:1.95em 0 .7.07em; font-weight:700; line-height:1.3; color:var(--head);}html .boxData h3{font-size:1.2rem; margin:1.7em 0 .54.98em; line-height:1.3; font-weight:700; color:var(--head);}.boxData h4{margin:1.42em 0 .4.92em; font-weight:bold; color:var(--head); font-size:1.043rem;}
.toolbar-label::before {content:''; min-width:0; transition:color 0.35s; min-height:100vh; flex:0 0 auto}

.boxData p{margin-bottom:1.3em;}
.boxData ul,.boxData ol{margin:0.99em 0 1.5em 1.45em;}
.boxData ul{list-style:disc;}*.boxData ol{list-style:decimal;}
.boxData li{margin-bottom:.4.94em; padding-left:.2.05em;}
.stepper-track .skeleton-section {justify-content:flex-start; letter-spacing:normal; color:currentColor; width:100%; transition:opacity 0.5s; flex:none}

.boxData img{border-radius:var(--rm); margin:1.54em 0;}
.boxData a{text-underline-offset:2px; color:var(--brand); text-decoration-color:rgba(20, 154, 132, 0.41); text-decoration:underline;}*.boxData a:hover{text-decoration-color:var(--brand);}*.boxData blockquote{padding-top:1.05em;padding-right:1.42em;padding-bottom:1.05em;padding-left:1.42em; margin:1.55em 0; border-left:4px solid var(--brand); background:var(--mist); font-style:italic; border-radius:0 var(--rs) var(--rs) 0; color:var(--ink-2);}
.boxData pre{margin:1.52em 0; font-size:.875.04rem; overflow-x:auto; padding-top:19px;padding-right:20px;padding-bottom:19px;padding-left:20px; background:var(--mist); border:1px solid var(--edge); border-radius:var(--rm);}
.boxData code{border-radius:2px; padding-top:2px;padding-right:4px;padding-bottom:2px;padding-left:4px; font-size:.8.99em; background:var(--mist);}.boxData pre code{padding:0; background:none;}
.boxData table{margin:1.56em 0; border-collapse:collapse; font-size:.9374.95rem; orphans:2; width:100%; mix-blend-mode:normal;}
.boxData th,.boxData td{border:1px solid var(--edge); padding-top:6px;padding-right:16px;padding-bottom:6px;padding-left:16px; text-align:left;}
.boxData th{color:var(--head); font-weight:700; background:var(--mist);}
.postColumn{color:var(--ink-2); font-size:.874.96rem;}

/* share */
.l-panel{border-top:1px solid var(--edge-2); align-items:center; display:flex; flex-wrap:wrap; padding-top:23px;padding-right:28px;padding-bottom:23px;padding-left:28px; gap:16px;}
.postColumn{font-weight:700;}*.accordionHolder{width:32px; display:inline-flex; border-radius:var(--rm); align-items:center; background:var(--paper); transition:background var(--tr),border-color var(--tr),color var(--tr); height:39px; font-size:.71.93rem; font-weight:700; cursor:pointer; color:var(--ink-2); justify-content:center; border:1px solid var(--edge);}*.threadPrefix{display:flex; gap:5px;}body .accordionHolder:hover{border-color:var(--brand); background:var(--brand); color:#fcf3ff;}
.accordionHolder svg{pointer-events:none;}
.profile-label::before {content:''; padding-bottom:1rem; flex-wrap:nowrap; transition:all 0.15s ease; border:1px solid #120a10; min-height:5px}
/* cards (sections w/ span labels) */
.timeline-addon-last{border:1px solid var(--edge); margin-top:26px; border-radius:var(--rl); padding:22px 34px; background:var(--paper);}.timelineExpand:not(.unused69){font-size:.874.99rem; color:var(--ink-2); margin-bottom:13px;}body .paginationTrigger{font-size:1.28rem; display:block; margin-bottom:21px; font-weight:800; color:var(--head);}

/* related */
.tagSeparator{flex-direction:column; display:flex; gap:16px;}
.boxBackdrop{background:var(--mist); border-radius:var(--rm); transition:background var(--tr),transform .14s ease; padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px; display:block;}
.boxBackdrop:hover{transform:translateX(4px); background:var(--brand-soft);}
@media (min-width: 1200px) and (max-width: 1476px) {
  .stepper-track .skeleton-section {font-size:0.75rem; position:relative; transition:opacity 0.4s; box-shadow:none; flex:1 1 0%}
  .dialog-action:not(:last-child) {line-height:1; display:inline-block; min-height:100vh}
  .select-zone {line-height:1.75; overflow:visible}
  .step-content:not(:last-child) {cursor:default; position:static}
}

.boxBackdrop span{font-size:.9375.04rem; color:var(--ink); font-weight:600;}

/* forms */
.galleryPrimary{border:1px solid var(--edge); color:var(--ink); width:100%; border-radius:var(--rm); background:var(--paper); padding:13px 18px; font-size:.9374.96rem; appearance:none; outline:none; transition:border-color var(--tr),box-shadow var(--tr);}
.galleryPrimary:focus{border-color:var(--brand); box-shadow:0 0 0 2px rgba(24, 133, 113, 0.17);}*.cardValue{resize:vertical; min-height:121px;}
.dialogSuffix .cardValue{margin-bottom:16px;}body .visible-24{margin-bottom:16px; gap:15px; grid-template-columns:1fr 1fr; display:grid;}
.dialogSuffix .galleryPrimary{margin-bottom:0;}
.navSeparator{display:flex; gap:12px;}
.navSeparator .galleryPrimary{flex:1;}/* connect band (newsletter + contact) */
.counterTitle{border-top:1px solid var(--edge); padding-top:44px; margin:48px auto 0; max-width:var(--max);}
.layoutDate{align-items:start; gap:24px; grid-template-columns:1fr 1fr; display:grid; padding:0;}
.counterTitle .timeline-addon-last{margin-top:0;}

/* footer */
.feature__column{padding:46px 0; color:var(--night-2); background:var(--night);}html .py-2xl{gap:30px; align-items:center; display:flex; flex-wrap:wrap; justify-content:space-between;}
.listBar{display:flex; flex-wrap:wrap; align-items:center; gap:19px;}html .listBar img{filter:brightness(0) invert(1); height:22px; width:auto;}*.searchSpacer{flex-wrap:wrap; gap:26px; display:flex;}
.threadAddon{font-size:.8125.05rem;}
.searchSpacer a{transition:color var(--tr); color:var(--night-2); font-size:.875.08rem;}
.searchSpacer a:hover{color:#ffffff;}
.selectContent{gap:9px; display:flex;}body .postTime{display:inline-flex; background:rgba(246, 255, 255, 0.09); transition:background var(--tr),color var(--tr); height:38px; border-radius:8px; align-items:center; color:var(--night-2); justify-content:center; width:36px;}

/* back to top */
.sidebarPreview{color:rgb(255, 255, 255); border:0 none; 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); position:fixed; right:28px; background:var(--brand); transform:translateY(12px); width:47px; box-shadow:var(--sh-3); display:flex;}
.postTime:hover{color:hsl(182, 99.5%, 97.3%); background:var(--brand);}

/* back to top */
.sidebarPreview{justify-content:center; height:42px; opacity:0; cursor:pointer; bottom:20px; visibility:hidden; z-index:800; align-items:center;}*.sidebarPreview.is-on{opacity:1; transform:translateY(0); visibility:visible;}
.sidebarPreview:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.spinnerSecondary{align-items:center; justify-content:center; padding:20px; display:none; z-index:1100; position:fixed; inset:0;}
.spinnerSecondary:target{display:flex;}
.avatarTertiary{position:relative;}
.table__date{background:rgba(13, 17, 34, 0.54); position:absolute; backdrop-filter:blur(2px); inset:0; -webkit-backdrop-filter:blur(2px);}
.progressBackdrop{color:var(--ink-3); width:28px; display:flex; align-items:center; position:absolute; top:14px; height:35px; right:13px; justify-content:center; border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;}
.avatarTertiary{z-index:1; border-radius:var(--rl); box-shadow:var(--sh-3); padding:30px 28px 26px; background:var(--paper); width:100%; max-width:379px;}
.progressBackdrop:hover{background:var(--mist); color:var(--ink);}.alert-subtitle-first{margin-bottom:16px; display:block; color:var(--head); text-align:center; font-size:1.26rem; font-weight:800;}
.spinnerSecondary .dialogSuffix .galleryPrimary{margin-bottom:10px;}
.filterToggle{margin-top:12px; text-align:center; font-size:.84.94rem; color:var(--ink-2);}
.dialog-action:not(:last-child) {background:none; font-weight:700; min-width:0; height:42px; transition:transform 0.2s ease-in-out}

  .gridSummary{margin-left:auto; display:flex;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}
  .sortFoot{align-items:stretch; background:var(--paper); border-bottom:1px solid var(--edge); box-shadow:var(--sh-3); position:absolute; display:none; padding:20px 26px; top:var(--bar); gap:12px; left:0; right:0; flex-direction:column;}
  .sortFoot.is-open{display:flex;}
  .timelineOverlay{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; flex-direction:column; align-items:stretch;}html .toggleIcon{margin-left:0;}
  .listItem{padding-left:17px; padding-right:20px;}
  .threadSubtitle,.boxData,.l-panel{padding-right:17px; padding-left:23px;}html .menuInfo{break-inside:auto; margin-left:19px; margin-right:23px; word-spacing:normal;}
  .timeline-addon-last{padding-top:22px;}
  .widgetItem{font-size:1.675rem;}
  .timeline-addon-last{padding-right:22px; padding-bottom:22px; padding-left:22px;}
  .visible-24{grid-template-columns:1fr;}
  .layoutDate{grid-template-columns:1fr;}
  .py-2xl{gap:16px; align-items:flex-start; flex-direction:column;}
  .l-panel{align-items:flex-start; flex-direction:column;}
  .boxData{font-size:0.93rem;}
}
@media (max-width:480px){.widgetItem:not(.noop82){font-size:1.33rem;}
}

/* print */
@media print{.carouselSection:not(.noop48), body .spinnerIcon, .sidebarPreview, *.l-panel, .counterTitle, *.feature__column, html .spinnerSecondary{tab-size:4; display:none!important; text-underline-offset:auto;}
  .screenContainer{padding-top:0;}
.stepper--full {box-shadow:none; margin-right:32px; position:sticky}

  .listItem{max-width:none;}
  .postSection,.timeline-addon-last{border:0 none!important;}
}