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

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

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

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

.position-end{padding:0 24px; max-width:var(--max); margin:0 auto;}

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

/* fixed header (content sits first in the DOM) */
.u-tag-trigger{top:0; height:var(--bar); right:0; left:0; backdrop-filter:blur(10px); background:rgba(255, 255, 255, 1); z-index:900; transition:transform var(--tr),box-shadow var(--tr); position:fixed; border-bottom:1px solid var(--edge-2); word-spacing:normal; -webkit-backdrop-filter:blur(10px);}
.u-tag-trigger.is-shadow{box-shadow:var(--sh-2);}
.u-tag-trigger.is-hidden{transform:translateY(-100%);}
.l-form{tab-size:4; gap:24px; align-items:center; display:flex; height:100%; word-spacing:normal;}body .t-carousel-overlay{align-items:center; flex-shrink:0; display:inline-flex;}.t-carousel-overlay img{width:auto; height:27px;}
.t-nav-holder{gap:22px; display:flex; align-items:center;}
.t-nav-holder{flex:1;}
.ui-select-body{gap:2px; display:flex; align-items:center;}
.el-list-secondary{-moz-tab-size:4;margin-left:auto; align-items:center; display:flex; tab-size:4; background-blend-mode:normal; gap:6px;}
.c-panel-icon{transition:color var(--tr),background var(--tr); padding:10px 12px; align-items:center; display:inline-flex; font-weight:700; font-size:.9374.97rem; color:var(--ink-2); border-radius:var(--rs);}
.c-panel-icon:hover{background:var(--mist); color:var(--ink);}
.u-spinner{gap:6px; cursor:pointer; padding:2px; width:37px; background:none; display:none; flex-direction:column; height:35px; border:none; justify-content:center;}
.u-spinner span{background:var(--ink); width:100%; transition:transform var(--tr),opacity var(--tr); height:2px; display:block; border-radius:2px;}
.u-spinner.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}*.u-spinner.is-open span:nth-child(2){opacity:0;}
.u-spinner.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.el-banner{padding:9px 24px; background:var(--brand); cursor:pointer; display:inline-flex; color:#main-alert; border:2px solid var(--brand); justify-content:center; font-weight:700; gap:6px; line-height:1.4; font-size:.9375.03rem; transition:background var(--tr),border-color var(--tr),transform .14s ease; align-items:center;}

/* buttons */
.el-banner{border-radius:var(--rm);}
.el-banner:hover{color:#main-alert; background:var(--brand-deep); border-color:var(--brand-deep);}
.el-banner:active{font-synthesis:weight style small-caps; transform:scale(.97); mix-blend-mode:normal;}*.o-chip{font-size:.8124.93rem; padding:5px 13px;}
.o-form{color:var(--brand); background:transparent;}
.o-form:hover{color:#main-alert; background:var(--brand);}.u-screen{padding:10px 12px; flex-shrink:0;}
.app-action{background:var(--ink-2); border-color:var(--ink-2);}
.app-status{margin-top:4px; width:100%;}/* page / reading column (content first, under fixed bar) */
:where(.u-form){padding-top:var(--bar); padding-bottom:64px; min-height:100vh;}
.position-xs{max-width:var(--col); padding:25px 26px 0; margin:0 auto;}
#toggleFill,#modal_name{scroll-margin-top:calc(var(--bar) + 18px);}
.l-nav{padding:26px 28px; border-bottom:1px solid var(--edge-2);}

/* article */
.l-filter{background:var(--paper); border:1px solid var(--edge); border-radius:var(--rl); overflow:hidden;}
.t-page-value{font-size:1.97rem; margin-bottom:12px;}.l-media{gap:9px; color:var(--ink-3); align-items:center; font-size:.8125.03rem; display:inline-flex;}.ui-search{flex-wrap:wrap; gap:15px; display:flex;}body .l-media svg{opacity:0.65; flex-shrink:0;}/* contents */
.ui-avatar-body{border-radius:var(--rm); margin:24px 29px 0; padding:19px 25px; background:var(--mist); border:1px solid var(--edge-2);}
.o-profile{align-items:center; transform-style:flat; margin-bottom:13px; display:flex; perspective:none; justify-content:space-between;}*.app-section-cap{font-size:.9375.08rem; color:var(--head); font-weight:700;}
.o-popover-trigger{flex-direction:column; gap:7px; display:flex;}
.c-rating-toggle{font-synthesis:weight style small-caps; backface-visibility:visible; border:0; background:none; font-size:.8125.04rem; cursor:pointer; color:var(--brand);}
.o-popover-trigger a{padding:1px 0; font-size:.874.93rem; color:var(--ink-2); display:block; transition:color var(--tr);}*.o-popover-trigger a:hover{font-synthesis:weight style small-caps; color:var(--brand);}
.o-popover-trigger a.heroData{padding-left:16px; font-size:.8125.05rem; isolation:auto;}*.o-popover-trigger a.app-form{color:var(--ink-3); font-size:.8124.95rem; padding-left:29px;}
.o-popover-trigger.is-collapsed{display:none; transform-style:flat; text-rendering:auto;}

/* article body */
.l-page-name{font-size:1.063rem; line-height:1.8; padding:32px 36px;}
.l-page-name h2{margin:1.88em 0 .6.98em; line-height:1.3; color:var(--head); font-weight:bold; font-size:1.57rem; padding-top:.3.96em;}
.l-page-name h3{margin:1.64em 0 .54.98em; font-weight:bold; color:var(--head); line-height:1.3; font-size:1.29rem;}body .l-page-name h4{font-size:1.093rem; font-weight:bold; color:var(--head); margin:1.52em 0 .4.94em;}
.l-page-name p{margin-bottom:1.2em;}*.l-page-name ul, .l-page-name ol{margin:1.03em 0 1.53em 1.39em;}.l-page-name ul{list-style:disc;}
.l-page-name ol{list-style:decimal;}
.l-page-name li{margin-bottom:.5.02em; padding-left:.2.01em;}
.l-page-name img{margin:1.56em 0; border-radius:var(--rm);}
.l-page-name a{text-decoration-color:rgba(9, 150, 125, 0.31); color:var(--brand); text-decoration:underline; text-underline-offset:2px;}
.l-page-name a:hover{text-decoration-color:var(--brand);}body .l-page-name blockquote{border-radius:0 var(--rs) var(--rs) 0; border-left:4px solid var(--brand); padding:1.06em 1.43em; mix-blend-mode:normal;}body .l-page-name blockquote{color:var(--ink-2); background:var(--mist); margin:1.55em 0; font-style:italic;}
.l-page-name pre{overflow-x:auto; padding:20px 24px; break-inside:auto; font-size:.874.95rem; margin:1.47em 0; border-radius:var(--rm); background:var(--mist); text-underline-offset:auto; border:1px solid var(--edge);}.l-page-name code{padding:2px 9px; font-size:.9.05em; background:var(--mist); border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}html .l-page-name pre code{padding:0; background:none;}
.l-page-name table{width:100%; font-size:.9374.96rem; border-collapse:collapse; margin:1.52em 0;}
.l-page-name th,.l-page-name td{text-align:left; border:1px solid var(--edge); padding:11px 14px;}
.l-page-name th{background:var(--mist); color:var(--head); font-weight:bold;}

/* share */
.navGroup{padding:22px 35px; gap:13px; flex-wrap:wrap;}.app-gallery{font-size:.875rem; color:var(--ink-2); font-weight:700;}

/* share */
.navGroup{display:flex; align-items:center; border-top:1px solid var(--edge-2);}
.ui-view{gap:11px; display:flex;}*.el-post{height:32px; cursor:pointer; display:inline-flex; background:var(--paper); width:35px; font-size:.71.93rem; transition:background var(--tr),border-color var(--tr),color var(--tr); align-items:center; justify-content:center; border-radius:var(--rm); font-weight:700; border:1px solid var(--edge); color:var(--ink-2);}.el-post:hover{color:#main-alert; backface-visibility:visible; border-color:var(--brand); background:var(--brand);}
.el-post svg{pointer-events:none;}

/* cards (sections w/ span labels) */
.action__wrapper{border-radius:var(--rl); border:1px solid var(--edge); background:var(--paper); margin-top:27px; padding:27px 26px;}
.el-status-cell{font-size:1.15rem; display:block; margin-bottom:21px; font-weight:800; color:var(--head);}
.l-toggle-thumb{font-size:.875.08rem; color:var(--ink-2); margin-bottom:15px;}

/* related */
.o-divider{display:flex; gap:13px; flex-direction:column;}
.app-toggle{transition:background var(--tr),transform .14s ease; border-radius:var(--rm); padding:11px 19px; background:var(--mist); display:block;}
.app-toggle:hover{background:var(--brand-soft); transform:translateX(4px);}
.app-toggle span{font-weight:500;}
.app-toggle span{font-size:.9374.93rem; color:var(--ink);}

/* forms */
.layoutSecondary{outline:none; width:100%; background:var(--paper); font-size:.9375.01rem; color:var(--ink); border-radius:var(--rm); padding:10px 10px; appearance:none; border:1px solid var(--edge); transition:border-color var(--tr),box-shadow var(--tr);}
.layoutSecondary:focus{border-color:var(--brand); box-shadow:0 0 0 -1px rgba(6, 138, 143, 0.08);}
.o-progress{min-height:124px; resize:vertical;}
.layoutTime{margin-bottom:15px; gap:13px; display:grid;}
.layoutTime{grid-template-columns:1fr 1fr;}.o-post .o-progress{shape-margin:0; will-change:auto; margin-bottom:12px;}
.o-post .layoutSecondary{margin-bottom:0;}
.c-pagination-fill{display:flex; gap:7px;}.c-pagination-fill .layoutSecondary{flex:1;}
.c-hero-container{align-items:start; grid-template-columns:1fr 1fr; display:grid; gap:20px; padding:0;}/* connect band (newsletter + contact) */
:where(.u-status){max-width:var(--max); padding-top:42px; margin:49px auto 0; border-top:1px solid var(--edge);}*.u-status .action__wrapper{margin-top:0;}/* footer */
.order-lg{padding:43px 0; color:var(--night-2); background:var(--night);}
.app-carousel{gap:24px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.u-banner{gap:17px; display:flex; flex-wrap:wrap; align-items:center;}
.u-banner img{height:27px; width:auto; filter:brightness(0) invert(1);}.el-status{font-size:.8125.02rem;}.el-module{display:flex; gap:25px; flex-wrap:wrap;}html .el-module a{contain:none; color:var(--night-2); transition:color var(--tr); font-size:.875rem;}.el-module a:hover{color:#main-alert;}
.el-breadcrumb-secondary{page-break-inside:auto; background-blend-mode:normal; display:flex; gap:9px;}
.c-footer-toggle{transition:background var(--tr),color var(--tr); width:37px; border-radius:5px; display:inline-flex; color:var(--night-2); background:rgba(255, 254, 251, 0.08); justify-content:center; align-items:center; height:30px;}.c-footer-toggle:hover{color:#main-alert; background:var(--brand);}

/* back to top */
.u-media{border-radius:50%; cursor:pointer; background:var(--brand); right:21px; height:45px; opacity:0; width:42px; transform:translateY(12px); position:fixed; display:flex; border:0; justify-content:center; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); z-index:800; color:#main-alert; box-shadow:var(--sh-3); visibility:hidden; bottom:23px; align-items:center;}
.u-media.is-on{visibility:visible; opacity:1; transform:translateY(0);}

/* modals (pure CSS :target) */
.c-badge{z-index:1100; position:fixed; align-items:center; display:none; justify-content:center; inset:0; padding:20px;}
.u-media:hover{print-color-adjust:economy; background:var(--brand-deep);}
.c-badge:target{display:flex;}
.t-carousel{position:absolute; backdrop-filter:blur(2px); background:rgba(23, 19, 29, 0.62); inset:0; -webkit-backdrop-filter:blur(2px);}
.u-box{padding:32px 29px 26px; box-shadow:var(--sh-3); width:100%; border-radius:var(--rl); z-index:1; position:relative; max-width:384px; background:var(--paper);}.l-modal{color:var(--ink-3); border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; justify-content:center; top:16px; height:33px; right:13px; position:absolute; align-items:center; width:28px; display:flex;}
.l-modal:hover{color:var(--ink); background:var(--mist);}
.c-badge .o-post .layoutSecondary{margin-bottom:12px;}
.ui-menu-spacer{font-weight:800; display:block; font-synthesis:weight style small-caps; font-size:1.3rem; margin-bottom:18px; text-align:center; color:var(--head); widows:2;}
.block__value--narrow{text-align:center; color:var(--ink-2); margin-top:17px; font-size:.85.06rem;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}
  .u-spinner{margin-left:auto; display:flex; print-color-adjust:economy; perspective:none;}.t-nav-holder{align-items:stretch; top:var(--bar); flex-direction:column; gap:11px; left:0; display:none; right:0; border-bottom:1px solid var(--edge); position:absolute; background:var(--paper); padding:19px 22px; box-shadow:var(--sh-3);}
  .ui-select-body{flex-direction:column; align-items:stretch;}
  .t-nav-holder.is-open{display:flex;}
  .el-list-secondary{margin-left:0;}.position-xs:not(._c3bd3c){padding-right:13px; padding-left:19px;}
  .l-nav,.l-page-name,.navGroup{padding-right:19px; padding-left:16px;}*.ui-avatar-body{margin-right:17px; margin-left:18px;}.action__wrapper{padding:23px;}.t-page-value{font-size:1.595rem;}
  .layoutTime{grid-template-columns:1fr; text-decoration-skip-ink:auto; font-variant-caps:normal;}body .c-hero-container{grid-template-columns:1fr;}
  .navGroup{background-blend-mode:normal; align-items:flex-start; isolation:auto; flex-direction:column;}
  .app-carousel{flex-direction:column; gap:23px; shape-margin:0; align-items:flex-start; transform-style:flat;}
}
@media (max-width:480px){.t-page-value{font-size:1.4rem;}
}

/* print */
@media print{
  .u-tag-trigger,.l-skeleton-image,.u-media,.navGroup,.u-status,.order-lg,.c-badge{display:none!important;}
  .l-page-name{font-size:1.05rem;}
  .u-form{padding-top:0;}
  .position-xs{max-width:none;}
  .l-filter,.action__wrapper{border:0 none!important; perspective:none;}
}