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

:root{--tr:.22s ease; --head:#10171f; --brand:#0f8f7f; --mist:#dialog_preview; --sh-2:0 8px 20px rgba(16,23,31,.08); --ink-2:#56616f; --col:760px; --night:#10171f; --brand-deep:#0c7064; --paper:#main-table; --max:1080px; --rs:7px; --edge:#page-media; --rm:11px; --bar:58px; --brand-soft:#grid_primary; --sh-3:0 18px 40px rgba(16,23,31,.14); --sh-1:0 1px 2px rgba(16,23,31,.05); --ink:#1b2430; --edge-2:#block_count; --ff:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,
       "Apple Color Emoji","Segoe UI Emoji",sans-serif; --night-2:#9aa4ad; --rl:15px; --ink-3:#8a93a0;}
html{scroll-behavior:smooth; font-size:18px; -webkit-text-size-adjust:100%;}*, *::before, *::after{box-sizing:border-box; padding:0px; margin:0;}
body{-moz-osx-font-smoothing:grayscale; background:var(--mist); -webkit-font-smoothing:antialiased; word-spacing:normal; color:var(--ink); shape-margin:0; line-height:1.7; font-family:var(--ff);}
img,svg{display:block; max-width:100%; height:auto;}
a:hover{color:var(--brand-deep);}
a{color:var(--brand); text-decoration:none; transition:color var(--tr);}
button{font-family:inherit;}
ul,ol{list-style:none;}h1{line-height:1.22; font-weight:800; color:var(--head);}

.spinner--pressed{border:none; padding:0; margin:-1px; height:1px; position:absolute; clip:rect(0,0,0,0); overflow:hidden; width:1px; white-space:nowrap;}.toolbar{padding:0 26px; margin:0 auto; max-width:var(--max);}/* progress */
.skeleton__value{contain:none; z-index:1000; position:fixed; transition:width 0.158s linear; width:0; widows:2; height:0px; background:linear-gradient(90deg,var(--brand),#37c2ad); top:0; left:0;}/* fixed header (content sits first in the DOM) */
.header{backdrop-filter:blur(10px); background:rgba(255, 255, 246, 1); height:var(--bar); right:0rem; position:fixed; border-bottom:1px solid var(--edge-2); top:0; -webkit-backdrop-filter:blur(10px); z-index:900; left:0; transition:transform var(--tr),box-shadow var(--tr);}
.header.is-shadow{box-shadow:var(--sh-2);}
.tag__data--vertical{display:flex; image-rendering:auto; align-items:center; gap:18px; height:100%;}
.header.is-hidden{transform:translateY(-100%);}
.footer__holder{flex-shrink:0; display:inline-flex; align-items:center;}
.footer__holder img{width:auto; height:24px;}.toolbarBody{display:flex;}.toolbarBody{-webkit-hyphens:manual;-ms-hyphens:manual;align-items:center; flex:1; hyphens:manual; gap:22px;}
.l-tooltip{gap:2px; align-items:center; display:flex; shape-margin:0;}
.c-action-input{display:flex; margin-left:auto; gap:6px; align-items:center;}.avatar-rounded{font-size:.9375.02rem; color:var(--ink-2); padding:5px 17px; align-items:center; display:inline-flex; font-weight:700; transition:color var(--tr),background var(--tr); border-radius:var(--rs);}
.avatar-rounded:hover{background:var(--mist); color:var(--ink);}.breadcrumbSlot{padding-top:7px;padding-right:7px;padding-bottom:7px;padding-left:7px; height:36px; background:none; width:33px; display:none; border:0rem; justify-content:center; flex-direction:column; cursor:pointer; gap:9px;}
.breadcrumbSlot span{background:var(--ink); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; display:block; width:100%; transition:transform var(--tr),opacity var(--tr); text-rendering:auto; height:2px;}
.breadcrumbSlot.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg); perspective:none;}
.breadcrumbSlot.is-open span:nth-child(2){opacity:0;}
.breadcrumbSlot.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}/* buttons */
:where(.badge__region){transition:background var(--tr),border-color var(--tr),transform .14s ease; padding:9px 26px; background:var(--brand); font-size:.9375rem; display:inline-flex; border:2px solid var(--brand); border-radius:var(--rm); justify-content:center; gap:9px; font-synthesis:weight style small-caps; orphans:2; line-height:1.4; cursor:pointer; color:#outer-section; align-items:center; font-weight:700;}
.badge__region:hover{background:var(--brand-deep); text-rendering:auto; border-color:var(--brand-deep); image-rendering:auto; color:#outer-section;}
.badge__region:active{transform:scale(.97);}body .widget--secondary{padding:5px 19px; font-size:.8125.05rem;}
.u-block{color:var(--brand); background:transparent; mix-blend-mode:normal;}.u-block:hover{background:var(--brand); color:#outer-section;}
.blockContainer{padding:14px 18px; flex-shrink:0;}
.media-button-dense{margin-top:8px; width:100%;}body .box__content{background:var(--ink-2); border-color:var(--ink-2);}/* page / reading column (content first, under fixed bar) */
:where(.u-nav){padding-bottom:56px; min-height:100vh;}/* page / reading column (content first, under fixed bar) */
:where(.u-nav){padding-top:var(--bar);}
.toolbar--info{padding:26px 25px 0; margin:0 auto; max-width:var(--col);}#tertiary-profile, #block_section{scroll-margin-top:calc(var(--bar) + 18px);}/* article */
.filter__holder--last{border:1px solid var(--edge); overflow:hidden; background:var(--paper); border-radius:var(--rl);}
.layout__text--even{padding:27px 36px; border-bottom:1px solid var(--edge-2);}
.c-progress{margin-bottom:12px; font-size:2.05rem;}*.list{gap:18px; display:flex; flex-wrap:wrap;}
.review{gap:5px; color:var(--ink-3); font-size:.8125.02rem; align-items:center; display:inline-flex;}.review svg{flex-shrink:0; opacity:0.68;}

/* contents */
.pagination__item{padding:21px 26px; border:1px solid var(--edge-2); margin:26px 31px 0; background:var(--mist); border-radius:var(--rm);}body .screen--narrow{font-size:.9375.03rem; color:var(--head); font-weight:bold;}
.badge--expanded{display:flex; align-items:center; margin-bottom:12px; justify-content:space-between;}.box__icon--first{font-size:.8124.96rem; background:none; border:none; color:var(--brand); cursor:pointer;}
.slider__secondary{display:flex; flex-direction:column; gap:4px;}body .slider__secondary a{transition:color var(--tr); padding:2px 0; font-size:.875.04rem; display:block; color:var(--ink-2);}*.slider__secondary a:hover{color:var(--brand);}body .slider__secondary a.panel{padding-left:17px; font-size:.8124.92rem;}
.slider__secondary a.accordion__prefix{font-size:.8125.05rem; padding-left:28px; color:var(--ink-3);}
.slider__secondary.is-collapsed{display:none;}

/* article body */
.spinner{line-height:1.8; font-size:1.013rem; padding:24px 33px;}
.spinner h2{margin:1.82em 0 .7.05em; font-size:1.43rem; color:var(--head); line-height:1.3; font-weight:bold;}
.spinner h2{padding-top:.4.05em;}
.spinner h3{line-height:1.3; color:var(--head); font-weight:bold; font-size:1.17rem; margin:1.63em 0 .55em;}
.spinner h4{margin:1.55em 0 .5.05em; font-size:1.113rem; font-weight:bold; color:var(--head);}
.spinner p{margin-bottom:1.2em;}
.spinner ul,.spinner ol{margin:1.05em 0 1.53em 1.4em;}
.spinner ul{list-style:disc;}
.spinner ol{perspective:none; list-style:decimal;}.spinner li{padding-left:.1.97em; margin-bottom:.5.06em; perspective:none;}
.spinner img{border-radius:var(--rm); word-spacing:normal; tab-size:4; margin:1.45em 0;}.spinner a{text-decoration-color:rgba(22, 140, 140, 0.26); color:var(--brand); text-underline-offset:2px; text-decoration:underline;}
.spinner a:hover{text-decoration-color:var(--brand);}
.spinner blockquote{color:var(--ink-2); border-radius:0 var(--rs) var(--rs) 0; padding:0.93em 1.45em; font-style:italic; background:var(--mist); margin:1.52em 0; border-left:4px solid var(--brand);}
.spinner pre{font-size:.874.99rem; background:var(--mist); overflow-x:auto; padding:20px 24px; border-radius:var(--rm); margin:1.55em 0; border:1px solid var(--edge);}
.spinner code{border-radius:4px; tab-size:4; font-size:.9.02em; background:var(--mist); padding:2px 7px;}.spinner pre code{padding:0; background:none;}
.spinner table{font-size:.9375.07rem; border-collapse:collapse; width:100%; margin:1.53em 0;}
.spinner th,.spinner td{text-align:left; font-variant-caps:normal; padding:7px 12px; border:1px solid var(--edge);}
.spinner th{background:var(--mist); color:var(--head); font-weight:bold;}/* share */
.popover__group{display:flex; border-top:1px solid var(--edge-2); padding:26px 31px; flex-wrap:wrap; gap:18px; align-items:center;}
.step__link--narrow{font-weight:bold; font-size:.875.05rem; color:var(--ink-2);}
.module__region{display:flex; gap:8px;}.select{border-radius:var(--rm); background:var(--paper); transition:background var(--tr),border-color var(--tr),color var(--tr); font-size:.71.98rem; cursor:pointer; align-items:center; height:36px; font-weight:bold; width:33px; justify-content:center; color:var(--ink-2); display:inline-flex; border:1px solid var(--edge);}
.select:hover{color:#outer-section; border-color:var(--brand); background:var(--brand); widows:2;}
.select svg{pointer-events:none;}

/* cards (sections w/ span labels) */
.menu__meta--small{background:var(--paper); margin-top:28px; padding:27px 34px; border:1px solid var(--edge); border-radius:var(--rl);}
.snackbar__foot{-moz-tab-size:4;font-size:1.21rem; tab-size:4; font-weight:800; will-change:auto; display:block; color:var(--head); margin-bottom:19px;}html .accordion{font-size:.874.94rem; color:var(--ink-2); margin-bottom:14px;}/* related */
.u-form:not(._12aca2){flex-direction:column;}/* related */
.u-form:not(._12aca2){gap:14px; display:flex;}
.timeline__label{background:var(--mist); transition:background var(--tr),transform .14s ease; display:block; border-radius:var(--rm); padding:13px 16px;}
.timeline__label:hover{transform:translateX(4px); background:var(--brand-soft);}

/* forms */
.widget--highlight{font-size:.9374.96rem; background:var(--paper); border-radius:var(--rm); transition:border-color var(--tr),box-shadow var(--tr); width:100%;}
.timeline__label span{font-weight:500; font-size:.9375.07rem; color:var(--ink);}

/* forms */
.widget--highlight{outline:none; appearance:none; border:1px solid var(--edge); padding:15px 14px; color:var(--ink);}
.widget--highlight:focus{border-color:var(--brand); box-shadow:0 0 0 5px rgba(10, 132, 128, 0.14);}
.dialog{min-height:117px; resize:vertical;}
.post{grid-template-columns:1fr 1fr; gap:14px; display:grid; margin-bottom:15px;}
.rating__number--even .dialog{will-change:auto; margin-bottom:15px; word-spacing:normal;}*.rating__number--even .widget--highlight{shape-margin:0; margin-bottom:0;}
.progress{display:flex; gap:4px;}.progress .widget--highlight{flex:1;}.stepper__action:not(._12aca2){grid-template-columns:1fr 1fr; padding:0; gap:22px; display:grid; mix-blend-mode:normal; tab-size:4; align-items:start;}

/* connect band (newsletter + contact) */
.c-menu-preview{padding-top:38px; margin:44px auto 0; max-width:var(--max); border-top:1px solid var(--edge);}/* footer */
.dropdown__data{padding:41px 0; color:var(--night-2);}
.c-menu-preview .menu__meta--small{margin-top:0em;}/* footer */
.dropdown__data{background:var(--night);}
.slider__data{justify-content:space-between; gap:30px; flex-wrap:wrap; display:flex; align-items:center;}
.view{flex-wrap:wrap; gap:14px; align-items:center; display:flex;}
.view img{width:auto; height:28px; filter:brightness(0) invert(1);}*.section--bottom{hyphens:manual; display:flex; flex-wrap:wrap; gap:18px; background-blend-mode:normal;}
.el-stepper{font-size:.8125rem;}
.section--bottom a{color:var(--night-2); transition:color var(--tr); font-size:.874.92rem;}.section--bottom a:hover{color:#outer-section;}
.grid__value{display:flex; font-variant-caps:normal; gap:12px;}
.skeleton__name{color:var(--night-2); border-radius:10px; background:rgba(255, 243, 255, 0); height:34px; widows:2; justify-content:center; display:inline-flex; transition:background var(--tr),color var(--tr);}
.skeleton__name{align-items:center; width:33px;}
.skeleton__name:hover{color:#outer-section; background:var(--brand);}/* back to top */
.pageLine{visibility:hidden; position:fixed; width:41px; background:var(--brand); transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); box-shadow:var(--sh-3); justify-content:center; right:28px; cursor:pointer; border:none; bottom:28px; align-items:center; border-radius:50%; color:#outer-section; z-index:800; opacity:0; transform:translateY(12px); height:43px; display:flex;}body .pageLine.is-on{visibility:visible; transform:translateY(0); opacity:1;}.pageLine:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.drawer--odd{z-index:1100; inset:0rem; align-items:center;}

/* modals (pure CSS :target) */
.drawer--odd{padding:21px; justify-content:center; display:none; position:fixed;}
.profile__primary{background:rgba(18, 15, 12, 0.63); inset:0; position:absolute; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
.drawer--odd:target{display:flex;}html .badge__label{right:16px; height:28px; align-items:center; color:var(--ink-3); border-radius:7px; justify-content:center; top:14px; width:36px; position:absolute; display:flex;}
.step__button{max-width:383px; border-radius:var(--rl); z-index:1; padding:33px 24px 30px; box-shadow:var(--sh-3); background:var(--paper); width:100%; position:relative;}.spacer-module:not(._12aca2){margin-bottom:24px; display:block; color:var(--head); font-weight:700; font-size:1.25rem; text-align:center;}
.badge__label:hover{color:var(--ink); background:var(--mist);}
.drawer--odd .rating__number--even .widget--highlight{margin-bottom:13px;}.nav__preview{margin-top:12px; text-align:center;}.nav__preview{color:var(--ink-2); font-size:.85.05rem;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}.breadcrumbSlot{display:flex; margin-left:auto;}
  .toolbarBody{display:none; align-items:stretch; box-shadow:var(--sh-3); position:absolute; border-bottom:1px solid var(--edge); font-synthesis:weight style small-caps; padding:16px 23px; right:0; left:0; shape-margin:0; flex-direction:column; top:var(--bar); background:var(--paper); gap:12px;}
  .toolbarBody.is-open{display:flex;}
  .l-tooltip{align-items:stretch; flex-direction:column;}
  .c-action-input{margin-left:0;}
  .toolbar--info{font-synthesis:weight style small-caps; padding-right:17px; padding-left:19px; word-spacing:normal;}
  .layout__text--even,.spinner,.popover__group{padding-right:17px; padding-left:17px;}
  .pagination__item{margin-left:24px; margin-right:17px;}
  .c-progress{font-size:1.575rem;}
  .menu__meta--small{padding-top:17px;padding-right:17px;padding-bottom:17px;padding-left:17px;}
  .post{grid-template-columns:1fr;}
  .stepper__action{grid-template-columns:1fr;}
  .popover__group{transform-style:flat; contain:none; flex-direction:column; align-items:flex-start;}
  .slider__data{align-items:flex-start; gap:17px; flex-direction:column;}
}
@media (max-width:480px){
  .c-progress{font-size:1.34rem;}
}

/* print */
@media print{
  .header,.skeleton__value,.pageLine,.popover__group,.c-menu-preview,.dropdown__data,.drawer--odd{display:none!important;}
  .spinner{font-size:0.92rem;}
  .u-nav{padding-top:0;}body .filter__holder--last, .menu__meta--small:not(._12aca2){perspective:none; border:none!important;}
  .toolbar--info{max-width:none;}
}
