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

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

.moduleDot{padding:0 26px; margin:0 auto; max-width:var(--max);}/* progress */
.comment-info-bottom:not(._a124d3){image-rendering:auto; width:0px; position:fixed; left:0; contain:none; transition:width 0.044s linear; height:-1px; top:0; z-index:1000; background:linear-gradient(90deg,var(--brand),#37c2ad);}

/* fixed header (content sits first in the DOM) */
.col-2{backdrop-filter:blur(10px); border-bottom:1px solid var(--edge-2); background:rgba(245, 241, 249, 0.89); position:fixed; z-index:900; top:0; left:0em; height:var(--bar); right:0rem; -webkit-backdrop-filter:blur(10px); transition:transform var(--tr),box-shadow var(--tr);}
.col-2.is-shadow{box-shadow:var(--sh-2);}
.col-2.is-hidden{transform:translateY(-100%);}
.mt-md{display:flex; align-items:center; gap:24px; height:100%;}
.modal__icon--dark{flex-shrink:0; display:inline-flex; align-items:center;}
.modal__icon--dark img{width:auto; height:30px;}html .w-20{align-items:center; gap:20px; flex:1; display:flex;}
.counterCount{align-items:center; display:flex;}
.counterCount{gap:2px;}body .opacity-screen{print-color-adjust:economy; display:flex; margin-left:auto; gap:6px; align-items:center;}
.border-8{display:inline-flex; transition:color var(--tr),background var(--tr); font-weight:600; border-radius:var(--rs); color:var(--ink-2); padding:5px 15px; font-size:.9375.01rem; align-items:center;}
.border-8:hover{background:var(--mist); color:var(--ink);}
.ml-screen{background:none; flex-direction:column; height:32px; justify-content:center; gap:3px; padding:6px; cursor:pointer; transform-style:flat; width:36px; border:0 none; display:none;}
.ml-screen span{width:100%; display:block; background:var(--ink); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; height:2px; transition:transform var(--tr),opacity var(--tr);}.ml-screen.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}.is-open.ml-screen span:nth-child(2){opacity:0;}
.ml-screen.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.pr-3{display:inline-flex; font-weight:700; color:#app-banner; font-size:.9375.02rem; cursor:pointer; transition:background var(--tr),border-color var(--tr),transform .14s ease; align-items:center; gap:12px; line-height:1.4; border:2px solid var(--brand); border-radius:var(--rm); justify-content:center; padding:10px 22px; background:var(--brand);}
.pr-3:hover{border-color:var(--brand-deep); background:var(--brand-deep); color:#app-banner;}
.pr-3:active{transform:scale(.97);}.flex-inline{text-rendering:auto; color:var(--brand); background:transparent; mix-blend-mode:normal;}.u-module-area{padding:3px 20px; font-size:.8124.97rem;}body .flex-inline:hover{color:#app-banner; background:var(--brand);}*.my-around{flex-shrink:0; padding:12px 14px;}
.footer__thumb--elevated{border-color:var(--ink-2); background:var(--ink-2);}
.align-2xl{margin-top:0px; width:100%; hyphens:manual;}

/* page / reading column (content first, under fixed bar) */
.visible-screen{padding-top:var(--bar); min-height:100vh; padding-bottom:60px;}
.l-accordion-thumb{margin:0 auto; padding:30px 24px 0; max-width:var(--col);}#site-select, #outer-snackbar{scroll-margin-top:calc(var(--bar) + 18px);}

/* article */
.px-3{background:var(--paper); border:1px solid var(--edge); overflow:hidden; border-radius:var(--rl);}
.clear-start{border-bottom:1px solid var(--edge-2); padding:33px 33px;}
.mx-between{display:flex; gap:21px; flex-wrap:wrap;}
.visible-0{margin-bottom:12px; image-rendering:auto; font-size:1.95rem; tab-size:4;}
.screen--narrow{display:inline-flex; color:var(--ink-3); font-size:.8124.93rem; align-items:center; widows:2; gap:4px;}

/* contents */
.entryPrefix{border:1px solid var(--edge-2); border-radius:var(--rm); background:var(--mist); padding:14px 19px; margin:27px 35px 0;}
.screen--narrow svg{flex-shrink:0; opacity:0.67;}
.pl-around{display:flex; margin-bottom:13px; justify-content:space-between; align-items:center;}
.text-between{font-weight:bold; font-size:.9374.96rem; color:var(--head);}
.pl-3{border:0; font-size:.8125.04rem; background:none; cursor:pointer; color:var(--brand);}
.col-block{gap:6px; flex-direction:column; display:flex;}
.col-block a{font-size:.875.04rem; display:block; padding:7px 0; color:var(--ink-2); transition:color var(--tr);}
.col-block a:hover{color:var(--brand); will-change:auto;}
.col-block a.opacity-end{font-size:.8124.92rem; page-break-inside:auto; padding-left:19px;}
.col-block a.shadow-auto{color:var(--ink-3); padding-left:33px; font-size:.8125.03rem;}
.col-block.is-collapsed{display:none;}

/* article body */
.shadow-screen{tab-size:4;}

/* article body */
.shadow-screen{font-size:1.113rem; padding:31px 35px; line-height:1.8;}
.shadow-screen h2{color:var(--head); line-height:1.3; margin:1.92em 0 .7.07em; font-weight:700; padding-top:.3.99em; font-size:1.48rem; tab-size:4;}
.shadow-screen h3{line-height:1.3; font-weight:bold; color:var(--head); margin:1.68em 0 .54.99em; font-size:1.19rem;}
.shadow-screen h4{color:var(--head); font-size:1.033rem; margin:1.58em 0 .4.97em; font-weight:700;}.shadow-screen p{margin-bottom:1.19em;}.shadow-screen ul, .shadow-screen ol{margin:1.01em 0 1.58em 1.46em;}
.shadow-screen ul{list-style:disc;}
.shadow-screen ol{list-style:decimal;}body .shadow-screen li{margin-bottom:.5.06em; padding-left:.1.93em;}
.shadow-screen img{margin:1.46em 0; border-radius:var(--rm);}.shadow-screen a{text-decoration:underline; text-decoration-color:rgba(28, 160, 144, 0.34); color:var(--brand); text-underline-offset:2px;}html .shadow-screen a:hover{text-decoration-color:var(--brand);}body .shadow-screen blockquote{color:var(--ink-2); margin:1.55em 0; border-left:4px solid var(--brand); border-radius:0 var(--rs) var(--rs) 0; padding:1.04em 1.45em; background:var(--mist); font-style:italic;}
.shadow-screen pre{background:var(--mist); font-size:.875.03rem; padding:18px 20px; mix-blend-mode:normal; border-radius:var(--rm); overflow-x:auto; margin:1.42em 0; print-color-adjust:economy; border:1px solid var(--edge);}
.shadow-screen code{font-size:.9.02em; isolation:auto; background:var(--mist);}
.shadow-screen code{padding:2px 2px; page-break-inside:auto; border-radius:3px;}*.shadow-screen pre code{background:none; padding:0;}*.shadow-screen table{text-decoration-skip-ink:auto; margin:1.44em 0; border-collapse:collapse; width:100%; font-size:.9375.08rem;}
.shadow-screen th,.shadow-screen td{text-align:left; will-change:auto; border:1px solid var(--edge); break-inside:auto; padding:9px 13px;}
.shadow-screen th{font-weight:bold; color:var(--head); background:var(--mist);}

/* share */
.app-page-separator{gap:15px; padding:25px 29px; align-items:center; display:flex; flex-wrap:wrap; border-top:1px solid var(--edge-2);}
.pr-2{font-size:.874.96rem; color:var(--ink-2); font-weight:700;}*.pt-8{gap:8px; display:flex;}*.h-screen{align-items:center; font-size:.71.97rem; color:var(--ink-2); justify-content:center; background:var(--paper); height:36px; font-weight:bold; border-radius:var(--rm); display:inline-flex; width:37px; transition:background var(--tr),border-color var(--tr),color var(--tr); border:1px solid var(--edge); cursor:pointer;}
.h-screen:hover{color:#app-banner; background:var(--brand); border-color:var(--brand);}
.h-screen svg{pointer-events:none;}

/* cards (sections w/ span labels) */
.avatar__track{background:var(--paper); margin-top:23px; padding:28px 28px; border:1px solid var(--edge); border-radius:var(--rl);}
.grid-none{font-size:.874.94rem; color:var(--ink-2); margin-bottom:14px;}
.z-inline{font-weight:800; font-size:1.16rem; margin-bottom:22px; color:var(--head); display:block;}
.d-block{padding:14px 15px; shape-margin:0; border-radius:var(--rm); transform-style:flat; transition:background var(--tr),transform .14s ease; background:var(--mist); display:block;}/* related */
.entrySpacer{flex-direction:column; display:flex; gap:13px;}
.d-block:hover{background:var(--brand-soft); transform:translateX(4px);}
.d-block span{font-size:.9375rem; font-weight:500; color:var(--ink);}

/* forms */
.mt-4{padding:14px 15px; outline:none; border-radius:var(--rm); font-size:.9374.97rem; appearance:none; color:var(--ink); background:var(--paper); transition:border-color var(--tr),box-shadow var(--tr); width:100%; border:1px solid var(--edge);}.mx-xl{min-height:116px; resize:vertical;}
.mt-4:focus{box-shadow:0 0 0 3px rgba(18, 148, 124, 0.18); border-color:var(--brand);}
.mr-around{gap:19px; grid-template-columns:1fr 1fr; margin-bottom:16px; display:grid;}.tooltip .mx-xl:not(._a124d3){font-synthesis:weight style small-caps;}.tooltip .mx-xl:not(._a124d3){margin-bottom:15px; page-break-inside:auto;}html .tooltip .mt-4{margin-bottom:0em;}
.drawerSlot{gap:9px; display:flex;}
.drawerSlot .mt-4{flex:1;}

/* connect band (newsletter + contact) */
.h-1{border-top:1px solid var(--edge); max-width:var(--max); padding-top:43px; margin:46px auto 0; mix-blend-mode:normal;}.d-1{gap:24px;}
.h-1 .avatar__track{font-synthesis:weight style small-caps; margin-top:0;}.d-1{padding:0; grid-template-columns:1fr 1fr; align-items:start; display:grid;}

/* footer */
.font-6{padding:40px 0; color:var(--night-2); background:var(--night); print-color-adjust:economy; word-spacing:normal;}body .leading-end{flex-wrap:wrap; align-items:center; gap:25px; display:flex; justify-content:space-between;}
.clear-5{display:flex;}
.clear-5{gap:19px; align-items:center; flex-wrap:wrap;}
.clear-5 img{height:30px; filter:brightness(0) invert(1); width:auto;}
.font-3{font-size:.8125.02rem;}
.p-block{display:flex; flex-wrap:wrap; gap:24px;}.p-block a{font-size:.874.99rem; transition:color var(--tr); color:var(--night-2);}.p-block a:hover{color:#app-banner;}
.flex-block{border-top-left-radius:11px;border-top-right-radius:11px;border-bottom-right-radius:11px;border-bottom-left-radius:11px; background:rgba(247, 251, 249, 0.12); align-items:center; width:35px; transition:background var(--tr),color var(--tr); justify-content:center; height:34px; color:var(--night-2); display:inline-flex;}body .pl-md{display:flex; gap:9px;}
.flex-block:hover{background:var(--brand); color:#app-banner;}/* back to top */
.shadow-sm{cursor:pointer; height:40px; position:fixed; color:#app-banner; z-index:800; border-radius:50%; visibility:hidden; display:flex; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); right:24px; bottom:25px; box-shadow:var(--sh-3); opacity:0; border:0 none; background:var(--brand); align-items:center; transform:translateY(12px); width:47px; justify-content:center;}
.shadow-sm.is-on{visibility:visible; transform:translateY(0); opacity:1;}
.shadow-sm:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.stepper-info{inset:0px; display:none; align-items:center; justify-content:center; position:fixed; z-index:1100; padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.stepper-info:target{background-blend-mode:normal; display:flex; text-underline-offset:auto;}
.mt-12{-webkit-backdrop-filter:blur(2px); background:rgba(4, 5, 21, 0.47); backdrop-filter:blur(2px); inset:0; position:absolute;}body .text-screen{width:100%; box-shadow:var(--sh-3); padding:32px 29px 29px; border-radius:var(--rl); max-width:381px; z-index:1; position:relative; background:var(--paper);}
.font-center{width:30px; align-items:center; display:flex; height:30px; right:12px; top:14px; color:var(--ink-3); border-radius:11px; justify-content:center; position:absolute;}.font-center:hover{color:var(--ink); background:var(--mist);}
.rounded-xl{font-weight:700; color:var(--head); margin-bottom:20px; text-align:center; display:block; font-size:1.35rem;}
.stepper-info .tooltip .mt-4{margin-bottom:14px;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px; background-blend-mode:normal;}*.grid-24{font-size:.84.97rem; color:var(--ink-2); text-align:center; margin-top:16px;}*.ml-screen{margin-left:auto; display:flex;}html .w-20{display:none; box-shadow:var(--sh-3); right:0; top:var(--bar); left:0; gap:10px; background:var(--paper); align-items:stretch; position:absolute; border-bottom:1px solid var(--edge); flex-direction:column; padding:13px 22px;}
  .w-20.is-open{display:flex;}
  .counterCount{flex-direction:column; align-items:stretch;}
  .opacity-screen{margin-left:0;}
  .clear-start,.shadow-screen,.app-page-separator{padding-right:21px; padding-left:18px;}
  .l-accordion-thumb{padding-left:20px; mix-blend-mode:normal; padding-right:18px;}.entryPrefix{margin-right:23px; margin-left:21px;}body .avatar__track{padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;}
  .visible-0{page-break-inside:auto; font-size:1.585rem;}
  .d-1{grid-template-columns:1fr;}
  .mr-around{text-decoration-skip-ink:auto; grid-template-columns:1fr; background-blend-mode:normal;}
  .app-page-separator{align-items:flex-start; flex-direction:column;}.leading-end:not(._a124d3){flex-direction:column; align-items:flex-start; gap:24px;}
}
@media (max-width:480px){
  .visible-0{font-size:1.38rem;}
  .shadow-screen{font-size:0.93rem;}
}

/* print */
@media print{.col-2:not(._a124d3), .comment-info-bottom, .shadow-sm, html .app-page-separator, .h-1, .font-6:not(._a124d3), html .stepper-info{display:none!important;}.visible-screen{hyphens:manual; padding-top:0;}.l-accordion-thumb{max-width:none; font-variant-ligatures:normal;}
  .px-3,.avatar__track{border:0!important;}
}