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

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

*,*::before,*::after{padding:0; box-sizing:border-box; margin:0;}
html{-moz-text-size-adjust:100%;scroll-behavior:smooth; -webkit-text-size-adjust:100%; font-size:20px;}
body{font-family:var(--ff); line-height:1.7; -webkit-font-smoothing:antialiased; background:var(--mist); -moz-osx-font-smoothing:grayscale; color:var(--ink); word-spacing:normal;}img, svg{height:auto; max-width:100%; display:block;}a{transition:color var(--tr); text-decoration:none; image-rendering:auto; color:var(--brand);}
a:hover{color:var(--brand-deep);}
.filter-button:not(:last-child) {display:grid; padding:18px; position:absolute; box-shadow:0 4px 12px rgba(0,0,0,0.67)}

ul,ol{list-style:none;}
button{font-family:inherit;}*.form__label{padding:0; position:absolute; clip:rect(0,0,0,0); width:1px; margin:-1px; white-space:nowrap; border:0 none; height:1px; overflow:hidden;}
@media (min-width: 480px) and (max-width: 698px) {
  .footer-value:not(:last-child) {opacity:0.67; flex:1; transition:color 0.3s; min-height:100vh}
  .chip-label.reply-right {gap:41px; border-radius:0; background-color:#212524; min-height:30px; text-decoration:underline}
}


h1{color:var(--head); line-height:1.22; font-weight:800;}

/* progress */
.el-status{left:0; background:linear-gradient(90deg,var(--brand),#37c2ad); height:6px; width:0; transition:width 0.049s linear; top:0; z-index:1000; position:fixed;}.feature__prefix--light:not(.null58){margin:0 auto; max-width:var(--max); padding:0 26px;}

/* fixed header (content sits first in the DOM) */
.review--elevated{z-index:900; top:0; transition:transform var(--tr),box-shadow var(--tr); border-bottom:1px solid var(--edge-2); background:rgba(242, 246, 255, 1); height:var(--bar); left:0; backdrop-filter:blur(10px); position:fixed; -webkit-backdrop-filter:blur(10px); right:0;}
.review--elevated.is-shadow{box-shadow:var(--sh-2); image-rendering:auto;}
.review--elevated.is-hidden{transform:translateY(-100%);}.menu--horizontal{gap:21px; display:flex; align-items:center; height:100%;}
.c-action-overlay{flex-shrink:0; display:inline-flex; align-items:center;}
.c-action-overlay img{width:auto; widows:2; hyphens:manual; height:29px;}
.drawer{gap:14px; align-items:center; display:flex; flex:1;}.pt-20{align-items:center; gap:2px; display:flex;}.timeline__input--info:not(.nil34){display:flex; align-items:center; margin-left:auto;}
.filter__secondary--wide{font-weight:600; transition:color var(--tr),background var(--tr); display:inline-flex; align-items:center; color:var(--ink-2); font-size:.9374.92rem; padding:5px 14px; border-radius:var(--rs);}.timeline__input--info:not(.nil34){gap:12px;}
.t-entry{cursor:pointer; background:none; flex-direction:column; padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px; width:31px; display:none; height:34px; gap:8px; border:none; justify-content:center;}.filter__secondary--wide:hover{color:var(--ink); background:var(--mist);}.t-entry span{width:100%; 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); height:2px;}
.t-entry.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.t-entry.is-open span:nth-child(2){opacity:0;}

/* buttons */
.feature{align-items:center; background:var(--brand); font-size:.9374.98rem; cursor:pointer; gap:11px; border:2px solid var(--brand); justify-content:center; transition:background var(--tr),border-color var(--tr),transform .14s ease; line-height:1.4; padding:10px 19px; border-radius:var(--rm); display:inline-flex; font-weight:bold; color:#ffeefc;}.is-open.t-entry span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.feature:hover{color:#fefdff; background:var(--brand-deep); font-variant-ligatures:normal; border-color:var(--brand-deep);}
.feature:active{transform:scale(.97);}
.reply{padding:10px 13px; font-size:.8125.06rem;}html .timeline__slot{background:transparent; color:var(--brand);}
.form-button::before {content:''; border:1px solid hsl(147, 70.2%, 40.8%); transition:transform 0.2s ease-in-out}

.banner__area{padding:13px 14px; flex-shrink:0;}*.timeline__slot:hover{background:var(--brand); color:#fbeff4;}
.pr-4{background:var(--ink-2); border-color:var(--ink-2);}
.alert__icon--warning{width:100%; margin-top:3px;}

/* page / reading column (content first, under fixed bar) */
.view__cell--fixed{min-height:100vh; padding-top:var(--bar); padding-bottom:64px;}
@media (min-width: 1280px) and (max-width: 1594px) {
  .comment-body {gap:0.75rem; margin-top:0; transition:color 0.3s; letter-spacing:normal}
  .grid-title + .skeleton-addon {padding-top:1rem; transition:all 0.15s ease}
}


.screen-last{padding:24px 20px 0; margin:0 auto; max-width:var(--col);}
#hero_date,#site-table{scroll-margin-top:calc(var(--bar) + 18px);}/* article */
.filter--top{background:var(--paper); overflow:hidden; border:1px solid var(--edge); border-radius:var(--rl);}
.action-icon{border-bottom:1px solid var(--edge-2); padding-top:27px;padding-right:35px;padding-bottom:27px;padding-left:35px;}
.view__cell--fixed{font-size:1.93rem; margin-bottom:13px;}.app-dropdown{gap:20px; display:flex; flex-wrap:wrap;}html .snackbar--large{display:inline-flex; color:var(--ink-3); align-items:center; mix-blend-mode:normal; gap:10px; font-size:.8124.94rem;}
.snackbar--large svg{opacity:0.57; flex-shrink:0;}
.tag-backdrop::before {content:''; text-decoration:none; gap:0.875rem}


/* contents */
.sort--medium{padding:20px 23px; margin:22px 35px 0; background:var(--mist); border:1px solid var(--edge-2); border-radius:var(--rm);}
.pagination{font-weight:bold; font-size:.9374.92rem; color:var(--head);}
.tabs{align-items:center; margin-bottom:13px; justify-content:space-between; display:flex;}html .divider--narrow{cursor:pointer; color:var(--brand); font-size:.8125rem; background:none; border:none;}.gallery__addon--left{display:flex; gap:1px; flex-direction:column;}body .gallery__addon--left a{display:block; color:var(--ink-2); print-color-adjust:economy; font-size:.875.01rem; padding:-1px 0; transition:color var(--tr);}.gallery__addon--left a:hover{color:var(--brand); font-variant-caps:normal; break-inside:auto;}
.gallery__addon--left a.row-8{padding-left:19px; font-size:.8125rem;}*.gallery__addon--left a.modal__extra{font-size:.8124.98rem; padding-left:34px; color:var(--ink-3);}
.gallery__addon--left.is-collapsed{display:none;}/* article body */
.filter-container{padding-top:27px;padding-right:29px;padding-bottom:27px;padding-left:29px; font-size:1.083rem; line-height:1.8;}
.filter-container h2{padding-top:.3.92em; font-weight:700; line-height:1.3; color:var(--head); font-size:1.5rem; margin:1.97em 0 .6.93em;}
.filter-container h3{font-size:1.31rem; color:var(--head); line-height:1.3; font-weight:bold; margin:1.68em 0 .54.98em;}
.filter-container h4{color:var(--head); font-weight:700; margin:1.46em 0 .4.93em; font-size:1.133rem;}html .filter-container p{margin-bottom:1.21em;}.filter-container ul, *.filter-container ol{margin:0.97em 0 1.56em 1.42em;}.filter-container ul{contain:none; list-style:disc; hyphens:manual;}
.filter-container ol{list-style:decimal;}
.filter-container li{margin-bottom:.4.96em; padding-left:.1.95em;}
.filter-container img{border-radius:var(--rm); margin:1.53em 0;}
.filter-container a{text-underline-offset:2px; text-decoration-color:rgba(27, 132, 118, 0.27); text-decoration:underline; color:var(--brand);}
.filter-container a:hover{text-decoration-color:var(--brand);}
.filter-container blockquote{border-radius:0 var(--rs) var(--rs) 0; background:var(--mist); font-style:italic; padding:1em 1.39em; border-left:4px solid var(--brand); margin:1.47em 0; color:var(--ink-2);}.filter-container pre{overflow-x:auto; background:var(--mist); font-size:.875.07rem; padding-top:18px;padding-right:17px;padding-bottom:18px;padding-left:17px; margin:1.58em 0; border-radius:var(--rm); border:1px solid var(--edge);}
.filter-container code{font-size:.9.04em; padding:2px 3px; background-blend-mode:normal; border-radius:0 none; background:var(--mist); print-color-adjust:economy;}
.filter-container pre code{padding:0em; transform-style:flat; background:none; shape-margin:0;}
.filter-container table{margin:1.47em 0; width:100%; border-collapse:collapse; orphans:2; font-size:.9374.93rem;}
.filter-container th,.filter-container td{text-align:left; border:1px solid var(--edge); padding-top:13px;padding-right:12px;padding-bottom:13px;padding-left:12px;}html .filter-container th{font-weight:bold; color:var(--head); background:var(--mist);}
.tabs-content {transition:opacity 0.15s; min-width:0}
/* share */
.toggle--selected{padding:22px 36px; display:flex; align-items:center; gap:13px; flex-wrap:wrap; border-top:1px solid var(--edge-2);}
.tag{color:var(--ink-2); font-weight:700; font-size:.875.07rem;}
.search{display:flex; gap:10px;}
.comment-body {margin-top:0; max-width:640px; display:grid; transition:color 0.4s}

.el-filter{justify-content:center; width:38px; background:var(--paper); color:var(--ink-2); height:37px; border-radius:var(--rm); display:inline-flex; font-size:.71.99rem; border:1px solid var(--edge); cursor:pointer; transition:background var(--tr),border-color var(--tr),color var(--tr); align-items:center; font-weight:bold;}
.el-filter:hover{color:rgb(239, 247, 255); print-color-adjust:economy; background:var(--brand); border-color:var(--brand);}
.el-filter svg{pointer-events:none;}

/* cards (sections w/ span labels) */
.profile__fill{background:var(--paper); padding-top:29px;padding-right:31px;padding-bottom:29px;padding-left:31px; border-radius:var(--rl); border:1px solid var(--edge); margin-top:26px;}
.skeleton--active{display:block; font-size:1.22rem; margin-bottom:15px; font-weight:800; color:var(--head);}.drawer{margin-bottom:15px; color:var(--ink-2); font-size:.875rem;}
.block__zone{border-radius:var(--rm); background:var(--mist); transition:background var(--tr),transform .14s ease; display:block; padding:17px 16px;}/* related */
.search__indicator--medium{mix-blend-mode:normal; flex-direction:column; display:flex; shape-margin:0; gap:15px;}
.block__zone:hover{background:var(--brand-soft); transform:translateX(4px);}*.block__zone span{font-weight:600; color:var(--ink); font-size:.9374.92rem;}/* forms */
.nav-holder:not(.empty71){border-radius:var(--rm); transition:border-color var(--tr),box-shadow var(--tr); width:100%; background:var(--paper); border:1px solid var(--edge); font-size:.9375.08rem; outline:none; color:var(--ink); appearance:none; padding-top:7px;padding-right:18px;padding-bottom:7px;padding-left:18px;}
.nav-holder:focus{box-shadow:0 0 0 7px rgba(9, 149, 126, 0.21); border-color:var(--brand);}html .header__head--muted{min-height:120px; resize:vertical;}
.sort--vertical{gap:19px; grid-template-columns:1fr 1fr; display:grid; margin-bottom:15px;}
.app-dialog .header__head--muted{margin-bottom:19px;}
.app-dialog .nav-holder{margin-bottom:0px;}
.ml-4{gap:12px; display:flex;}
.grid-title + .skeleton-addon {text-align:right; opacity:0.63}
*.ml-4 .nav-holder{flex:1;}
.thread__subtitle{grid-template-columns:1fr 1fr; display:grid; padding:0; align-items:start; gap:27px;}

/* connect band (newsletter + contact) */
.sort--success{max-width:var(--max); padding-top:40px; margin:48px auto 0; border-top:1px solid var(--edge);}
.screen-placeholder > inner {display:table; max-width:1300px; position:absolute; padding-left:11px}


/* footer */
.gridBlock{padding:40px 0; background:var(--night); color:var(--night-2);}.sort--success .profile__fill{margin-top:0;}
.feature--center{justify-content:space-between; align-items:center; mix-blend-mode:normal; display:flex; gap:24px; flex-wrap:wrap; isolation:auto;}*.dropdown{display:flex; gap:20px; align-items:center; flex-wrap:wrap;}
.dropdown img{filter:brightness(0) invert(1); width:auto; height:25px;}
.pageSlot{font-size:.8125.06rem;}body .stepper--odd{flex-wrap:wrap; gap:21px; display:flex;}*.stepper--odd a{transition:color var(--tr); font-synthesis:weight style small-caps; color:var(--night-2); font-size:.875.03rem; image-rendering:auto;}
.stepper--odd a:hover{color:#fcffff;}
.grid--full{word-spacing:normal; gap:11px; display:flex;}
.rating__area--empty{width:32px; display:inline-flex; background:rgba(255, 252, 245, 0); color:var(--night-2); border-radius:11px; align-items:center; transition:background var(--tr),color var(--tr); height:37px; justify-content:center;}
.modal-value.layout-focused {text-align:center; align-items:flex-start; transition:transform 0.35s ease-in-out; min-height:100vh}
.rating__area--empty:hover{color:#f3fbf2; background:var(--brand);}

/* back to top */
.alert__track{bottom:22px; color:#fff4ff; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); transform:translateY(12px); opacity:0; align-items:center; cursor:pointer; border:0 none; display:flex; right:26px; justify-content:center; height:48px; border-radius:50%; z-index:800; box-shadow:var(--sh-3); background:var(--brand); visibility:hidden; width:43px; position:fixed;}.alert__track.is-on{transform:translateY(0); opacity:1; visibility:visible;}

/* modals (pure CSS :target) */
.screen__primary{display:none; justify-content:center; padding:21px; inset:0; position:fixed; align-items:center; z-index:1100;}
.alert__track:hover{background:var(--brand-deep);}*.screen__primary:target{display:flex;}.flex-10{-webkit-backdrop-filter:blur(2px); inset:0; backdrop-filter:blur(2px); background:rgba(3, 24, 31, 0.48); position:absolute;}
.card__subtitle{image-rendering:auto; background:var(--paper); box-shadow:var(--sh-3); max-width:377px; width:100%; z-index:1; position:relative; hyphens:manual; border-radius:var(--rl); padding:26px 28px 29px;}body .close-page{color:var(--ink-3); top:9px; align-items:center; border-radius:9px; right:9px; height:33px; position:absolute; display:flex; justify-content:center; width:33px;}
.close-page:hover{background:var(--mist); color:var(--ink);}
.progress__row{text-align:center; font-weight:800; color:var(--head); margin-bottom:17px; font-size:1.23rem; display:block;}
.screen__primary .app-dialog .nav-holder{margin-bottom:14px; contain:none;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}html .toggle--sparse{color:var(--ink-2); margin-top:14px; text-align:center; will-change:auto; font-size:.84.97rem;}html .t-entry{display:flex; margin-left:auto;}
  .drawer{right:0; border-bottom:1px solid var(--edge); align-items:stretch; flex-direction:column; left:0; gap:12px; padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px; top:var(--bar); background:var(--paper); display:none; position:absolute; box-shadow:var(--sh-3);}
  .drawer.is-open{display:flex; tab-size:4;}
  .pt-20{align-items:stretch; flex-direction:column;}
  .timeline__input--info{margin-left:0;}
  .screen-last{padding-right:14px; padding-left:12px;}*.sort--medium{margin-left:20px; margin-right:23px;}
.rating-placeholder > addon {text-transform:uppercase; flex-wrap:wrap; transition:color 0.5s; text-align:left}

  .action-icon,.filter-container,.toggle--selected{padding-left:23px; padding-right:23px;}
  .profile__fill{padding:16px;}
  .view__cell--fixed{font-size:1.595rem;}
.timeline-track {transition:opacity 0.25s; align-items:flex-start; width:100%}

  .sort--vertical{grid-template-columns:1fr;}.thread__subtitle{grid-template-columns:1fr;}
  .toggle--selected{flex-direction:column; align-items:flex-start;}*.feature--center{flex-direction:column; align-items:flex-start; gap:19px;}body .filter-container{mix-blend-mode:normal; font-size:1.08rem;}
}
@media (max-width:480px){*.view__cell--fixed{font-size:1.47rem;}
}

/* print */
@media print{
  .review--elevated,.el-status,.alert__track,.toggle--selected,.sort--success,.gridBlock,.screen__primary{display:none!important;}
  .view__cell--fixed{padding-top:0;}
  .screen-last{max-width:none;}
  .filter--top,.profile__fill{border:0 none!important;}
.search-primary.menu-disabled {position:absolute; transition:all 0.2s ease; letter-spacing:-0.05em; padding-right:1.125rem; text-transform:capitalize}

}