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

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

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

.box{clip:rect(0,0,0,0); white-space:nowrap; height:1px; contain:none; font-variant-ligatures:normal; margin:-1px; overflow:hidden; padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem; border:none; position:absolute; width:1px;}

.menu__subtitle{padding:0 27px; margin:0 auto; text-underline-offset:auto; max-width:var(--max);}

/* fixed header (content sits first in the DOM) */
.divider__value--top{z-index:900; height:var(--bar); transition:transform var(--tr),box-shadow var(--tr); right:0; position:fixed; backdrop-filter:blur(10px); border-bottom:1px solid var(--edge-2); background:rgba(255, 255, 247, 0.92); -webkit-backdrop-filter:blur(10px); top:0; left:0;}

/* progress */
.pageCell{width:0; background:linear-gradient(90deg,var(--brand),#37c2ad); position:fixed; height:5px; text-rendering:auto; z-index:1000; transition:width 0.156s linear; widows:2; left:0; top:0;}
.divider__value--top.is-shadow{box-shadow:var(--sh-2);}
.divider__value--top.is-hidden{transform:translateY(-100%);}html .thread--fluid{gap:20px; align-items:center; height:100%; display:flex;}.snackbar{display:inline-flex;}.snackbar{align-items:center; flex-shrink:0;}
.snackbar img{height:28px; width:auto;}html .screen__summary--odd{align-items:center; display:flex; gap:2px;}
.form__image{gap:21px; align-items:center; flex:1; display:flex;}.dialog__label{font-size:.9375.06rem; color:var(--ink-2); align-items:center; font-weight:600; padding:5px 10px; transition:color var(--tr),background var(--tr); border-radius:var(--rs); display:inline-flex;}
.col-screen{align-items:center; font-variant-caps:normal; word-spacing:normal; gap:14px; margin-left:auto; display:flex;}*.dialog__label:hover{background:var(--mist); color:var(--ink);}
.popover__expand{padding:5px; border:0; justify-content:center; cursor:pointer; contain:none; height:35px; perspective:none; background:none; display:none; width:36px; gap:3px; flex-direction:column;}
.popover__expand span{display:block; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; width:100%; transition:transform var(--tr),opacity var(--tr); height:2px; background:var(--ink);}
.popover__expand.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}*.popover__expand.is-open span:nth-child(2){opacity:0;}body .popover__expand.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}/* buttons */
:where(.rating){background:var(--brand); padding:15px 20px; widows:2; color:#panelSuffix; transition:background var(--tr),border-color var(--tr),transform .14s ease; cursor:pointer; display:inline-flex; font-weight:bold; orphans:2; line-height:1.4; border:2px solid var(--brand); border-radius:var(--rm); font-size:.9375.05rem; justify-content:center; align-items:center; gap:10px;}
.rating:hover{background:var(--brand-deep); color:#panelSuffix; border-color:var(--brand-deep);}.rating:active{transform:scale(.97);}
.menu--even{background:transparent; color:var(--brand);}
.counter__content{padding:5px 17px; font-size:.8125rem;}
.menu--even:hover{color:#panelSuffix; background:var(--brand);}
.cardFoot{text-decoration-skip-ink:auto; text-rendering:auto; flex-shrink:0; padding:8px 16px;}
.carousel__suffix--light{border-color:var(--ink-2); background:var(--ink-2);}.filter__label:not(._b364b3){margin-top:0px; width:100%;}/* page / reading column (content first, under fixed bar) */
.comment{padding-top:var(--bar); min-height:100vh; padding-bottom:64px;}*.pt-inline{padding:25px 28px 0; transform-style:flat; max-width:var(--col); margin:0 auto;}#main-banner, #menuArea{scroll-margin-top:calc(var(--bar) + 18px);}

/* article */
.nav--hover{overflow:hidden; border-radius:var(--rl);}
.el-grid-trigger{border-bottom:1px solid var(--edge-2); padding:29px 30px;}

/* article */
.nav--hover{border:1px solid var(--edge); background:var(--paper);}
.skeleton__subtitle--filled{font-size:2.05rem; margin-bottom:17px;}.ml-start{contain:none; gap:4px; color:var(--ink-3); font-synthesis:weight style small-caps; align-items:center; font-size:.8125.02rem; display:inline-flex;}
.divider--top{display:flex; flex-wrap:wrap; gap:14px;}
.ml-start svg{page-break-inside:auto; flex-shrink:0; opacity:0.66; text-rendering:auto;}
.timeline--odd{align-items:center; justify-content:space-between; display:flex; margin-bottom:10px;}/* contents */
.section:not(._b364b3){border:1px solid var(--edge-2); padding:15px 22px; margin:25px 28px 0; background:var(--mist); border-radius:var(--rm);}
.avatar{font-weight:700; font-size:.9375.02rem; color:var(--head);}
.footer{border:none; cursor:pointer; perspective:none; font-size:.8124.96rem; tab-size:4; color:var(--brand); background:none;}
.reply__row{gap:4px; flex-direction:column; display:flex;}
.reply__row a{widows:2; transition:color var(--tr); padding:1px 0;}
.reply__row a{font-size:.874.95rem; display:block; color:var(--ink-2);}
.reply__row a:hover{color:var(--brand);}
.reply__row a.snackbar__overlay{padding-left:16px; font-size:.8124.95rem;}
.reply__row a.nav{text-decoration-skip-ink:auto; mix-blend-mode:normal; font-size:.8125.02rem; color:var(--ink-3); padding-left:30px;}body .reply__row.is-collapsed{display:none;}/* article body */
.entry-item-full{padding:29px 30px; line-height:1.8; font-size:0.983rem;}html .entry-item-full h2{color:var(--head); margin:1.95em 0 .7em; font-size:1.46rem; line-height:1.3; font-weight:700; padding-top:.4.07em;}
.entry-item-full h3{line-height:1.3; font-size:1.19rem; margin:1.72em 0 .55.07em;}
.entry-item-full h3{color:var(--head); font-weight:700;}
.entry-item-full h4{isolation:auto; page-break-inside:auto; margin:1.5em 0 .5.04em; color:var(--head); font-size:1.053rem; font-weight:bold;}
.entry-item-full p{margin-bottom:1.31em;}
.entry-item-full ul,.entry-item-full ol{margin:0.97em 0 1.43em 1.4em;}body .entry-item-full ul{list-style:disc;}.entry-item-full ol{list-style:decimal;}.entry-item-full li{margin-bottom:.4.92em; padding-left:.2em;}.entry-item-full img{margin:1.43em 0; border-radius:var(--rm);}
.entry-item-full a{text-decoration:underline; text-decoration-color:rgba(0, 157, 142, 0.31); color:var(--brand); text-underline-offset:2px;}
.entry-item-full a:hover{-webkit-hyphens:manual;-ms-hyphens:manual;text-decoration-color:var(--brand); hyphens:manual; perspective:none;}body .entry-item-full blockquote{border-left:4px solid var(--brand); color:var(--ink-2); margin:1.46em 0; border-radius:0 var(--rs) var(--rs) 0; font-style:italic; background:var(--mist); padding:1.03em 1.32em;}
.entry-item-full pre{margin:1.51em 0; font-size:.875.08rem; padding:19px 16px; overflow-x:auto; border-radius:var(--rm); background:var(--mist); border:1px solid var(--edge);}*.entry-item-full code{padding:2px 5px; background:var(--mist); border-radius:-1px; font-size:.9.02em;}.entry-item-full pre code{background:none; padding:0;}
.entry-item-full table{margin:1.52em 0; width:100%; font-size:.9375rem; border-collapse:collapse;}
.entry-item-full th,.entry-item-full td{padding:11px 16px; border:1px solid var(--edge); text-align:left;}/* share */
.pagination{border-top:1px solid var(--edge-2); gap:14px; display:flex; padding:26px 33px; align-items:center; flex-wrap:wrap;}
.entry-item-full th{color:var(--head); background:var(--mist); font-weight:bold;}
.select__line--half{font-weight:bold; font-size:.874.96rem; color:var(--ink-2);}
.accordion-dot{display:flex; gap:5px;}body .badge__placeholder{background:var(--paper); transition:background var(--tr),border-color var(--tr),color var(--tr); height:35px; color:var(--ink-2); font-size:.72.03rem; width:36px; justify-content:center; align-items:center; display:inline-flex; border:1px solid var(--edge); cursor:pointer; border-radius:var(--rm); font-weight:700;}body .badge__placeholder:hover{color:#panelSuffix; background:var(--brand); border-color:var(--brand);}
.badge__placeholder svg{pointer-events:none;}.divider{font-size:1.24rem; font-weight:700; color:var(--head); margin-bottom:19px; display:block;}

/* cards (sections w/ span labels) */
.progress--info{border-radius:var(--rl); padding:24px 26px; background:var(--paper); border:1px solid var(--edge); margin-top:26px;}
.layout__trigger{color:var(--ink-2); font-size:.875.07rem; margin-bottom:16px;}

/* related */
.thread__placeholder{gap:12px; display:flex; flex-direction:column;}
.el-breadcrumb-fill{background:var(--mist); display:block; border-radius:var(--rm); padding:11px 18px; transition:background var(--tr),transform .14s ease;}
.el-breadcrumb-fill:hover{background:var(--brand-soft); transform:translateX(4px);}
.el-breadcrumb-fill span{font-weight:600; font-size:.9375.04rem; color:var(--ink);}

/* forms */
.thread{border-radius:var(--rm); padding:13px 16px; color:var(--ink); outline:none; background:var(--paper); transition:border-color var(--tr),box-shadow var(--tr); width:100%; font-size:.9374.99rem; appearance:none; border:1px solid var(--edge);}
.thread:focus{box-shadow:0 0 0 7px rgba(0, 127, 137, 0.11); border-color:var(--brand);}
.action--top{margin-bottom:17px; display:grid; gap:14px; grid-template-columns:1fr 1fr;}
.list--default{min-height:119px; resize:vertical;}
.widget__link--left .list--default{margin-bottom:18px;}
.widget__link--left .thread{margin-bottom:0;}
.section__placeholder{transform-style:flat;}
.section__placeholder{gap:7px; display:flex;}
.section__placeholder .thread{flex:1;}/* connect band (newsletter + contact) */
.sidebar__toggle{max-width:var(--max); padding-top:42px; border-top:1px solid var(--edge); margin:49px auto 0;}
.screen{gap:23px; align-items:start; grid-template-columns:1fr 1fr; display:grid; padding:0;}.sidebar__toggle .progress--info:not(._b364b3){perspective:none; margin-top:0; text-rendering:auto;}/* footer */
.card__count:not(._b364b3){color:var(--night-2); background:var(--night); padding:43px 0;}
.popover__row{flex-wrap:wrap; gap:27px; justify-content:space-between; display:flex; align-items:center;}
.toggle__wrap{align-items:center; flex-wrap:wrap; gap:20px; display:flex;}
.toggle__wrap img{filter:brightness(0) invert(1); height:22px; width:auto;}body .widget__head{background-blend-mode:normal; font-size:.8124.99rem; perspective:none;}
.filter--right{display:flex; flex-wrap:wrap; gap:26px;}.filter--right a{transition:color var(--tr); backface-visibility:visible; color:var(--night-2); font-size:.875rem; widows:2;}
.filter--right a:hover{color:#panelSuffix;}
.drawer--horizontal{gap:10px; display:flex;}
.module__thumb{height:38px; display:inline-flex; transition:background var(--tr),color var(--tr); color:var(--night-2); align-items:center; justify-content:center; border-radius:10px; width:33px; background:rgba(247, 250, 251, 0.01);}body .module__thumb:hover{color:#panelSuffix; background:var(--brand);}

/* back to top */
.accordion__expand{border:0; width:43px; right:23px; cursor:pointer; visibility:hidden; height:43px; border-radius:50%; align-items:center; color:#panelSuffix; position:fixed; bottom:28px; opacity:0; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); box-shadow:var(--sh-3); transform:translateY(12px); justify-content:center; background:var(--brand); z-index:800; display:flex;}
.accordion__expand.is-on{transform:translateY(0); visibility:visible; font-variant-ligatures:normal; opacity:1;}html .accordion__expand:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.toolbar__detail--empty{display:none; align-items:center; justify-content:center; z-index:1100; position:fixed; padding:18px; inset:0; mix-blend-mode:normal;}*.toolbar__detail--empty:target{display:flex;}
.filter{inset:0; -webkit-backdrop-filter:blur(2px); position:absolute; word-spacing:normal; backdrop-filter:blur(2px); text-underline-offset:auto; background:rgba(6, 2, 19, 0.51);}
.pagination__dot{border-radius:var(--rl); background:var(--paper); box-shadow:var(--sh-3); max-width:378px; position:relative; width:100%; z-index:1; padding:32px 26px 31px;}
.feature__head--first{border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; justify-content:center; width:35px; right:9px; display:flex; height:31px; position:absolute; color:var(--ink-3); align-items:center; top:13px;}
.feature__head--first:hover{background:var(--mist); color:var(--ink);}
.badge__separator--active{text-align:center; display:block; margin-bottom:22px; font-size:1.26rem; color:var(--head); font-weight:800;}
.header__meta--last{font-variant-caps:normal; text-align:center; color:var(--ink-2); font-size:.84.92rem; margin-top:14px;}.toolbar__detail--empty .widget__link--left .thread{margin-bottom:15px;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}
  .popover__expand{display:flex; margin-left:auto;}body .form__image{background:var(--paper); border-bottom:1px solid var(--edge); box-shadow:var(--sh-3); flex-direction:column; top:var(--bar); position:absolute; right:0; padding:12px 23px; left:0; gap:5px; display:none; align-items:stretch;}body .form__image.is-open{display:flex;}
  .screen__summary--odd{align-items:stretch; flex-direction:column;}html .col-screen{margin-left:0;}.pt-inline:not(._b364b3){padding-left:19px; padding-right:12px;}
  .el-grid-trigger,.entry-item-full,.pagination{padding-right:23px; padding-left:20px;}
  .section{margin-right:24px; margin-left:22px;}
  .progress--info{padding:16px; mix-blend-mode:normal; hyphens:manual;}
  .skeleton__subtitle--filled{font-size:1.605rem;}
  .action--top{grid-template-columns:1fr;}
  .screen{grid-template-columns:1fr; will-change:auto;}
  .pagination{flex-direction:column; align-items:flex-start;}.popover__row:not(._b364b3){flex-direction:column; gap:22px; font-variant-caps:normal; align-items:flex-start;}
  .entry-item-full{font-size:0.93rem;}
}
@media (max-width:480px){
  .skeleton__subtitle--filled{font-size:1.37rem;}
}

/* print */
@media print{
  .divider__value--top,.pageCell,.accordion__expand,.pagination,.sidebar__toggle,.card__count,.toolbar__detail--empty{display:none!important;}.comment:not(._b364b3){padding-top:0;}
  .pt-inline{max-width:none;}
  .nav--hover,.progress--info{border:0!important;}
}