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

:root{--sh-1:0 1px 2px rgba(16,23,31,.05); --night:#10171f; --max:1080px; --brand-deep:#0c7064; --night-2:#9aa4ad; --paper:#overlay-gallery; --rs:7px; --ink-3:#8a93a0; --edge-2:#site-banner; --mist:#search-overlay; --head:#10171f; --brand:#0f8f7f; --brand-soft:#toggle-entry; --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; --tr:.22s ease; --rl:15px; --col:760px; --ink-2:#56616f; --sh-3:0 18px 40px rgba(16,23,31,.14); --edge:#avatar-content; --bar:58px; --ink:#1b2430; --rm:11px;}

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

.position-auto{height:1px; white-space:nowrap; margin:-1px; clip:rect(0,0,0,0); position:absolute; overflow:hidden; padding:0; border:0 none; width:1px;}*.clear-10{padding:0 23px; margin:0 auto; max-width:var(--max); perspective:none;}/* fixed header (content sits first in the DOM) */
.d-start{left:0rem; background:rgba(255, 240, 255, 0.94); transition:transform var(--tr),box-shadow var(--tr); z-index:900; height:var(--bar); right:0; -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--edge-2); position:fixed; top:0; backdrop-filter:blur(10px);}

/* progress */
.el-review-secondary{transition:width 0.08s linear; background:linear-gradient(90deg,var(--brand),#37c2ad); top:0; left:0; position:fixed; height:-1px; width:0; z-index:1000;}*.d-start.is-shadow{tab-size:4; box-shadow:var(--sh-2);}
.d-start.is-hidden{transform:translateY(-100%); print-color-adjust:economy;}.grid-4:not(._3a7f49){height:100%; align-items:center; display:flex; gap:26px;}.p-5{align-items:center; display:inline-flex;}.p-5{flex-shrink:0;}.order-lg{align-items:center; display:flex; flex:1; gap:20px;}
.p-5 img{height:25px; width:auto;}
.mt-2{align-items:center; display:flex;}
.mt-2{gap:2px;}
.border-2xl{gap:9px; margin-left:auto; display:flex; align-items:center;}
.stepperContainer{border-radius:var(--rs); font-weight:500; align-items:center; transition:color var(--tr),background var(--tr); padding:9px 14px; color:var(--ink-2); font-size:.9374.92rem; display:inline-flex;}
.stepperContainer:hover{background:var(--mist); color:var(--ink);}
.rounded-between{height:33px; border:0em; flex-direction:column; cursor:pointer; width:37px; justify-content:center; display:none; gap:9px; background:none; padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px;}
.rounded-between span{image-rendering:auto; shape-margin:0; height:2px; transition:transform var(--tr),opacity var(--tr); background:var(--ink); width:100%; display:block; border-radius:2px;}
.rounded-between.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}body .rounded-between.is-open span:nth-child(2){opacity:0;}
.rounded-between.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.border-md{gap:11px; justify-content:center; background:var(--brand); line-height:1.4; align-items:center; padding:14px 21px; border:2px solid var(--brand); cursor:pointer; display:inline-flex; transition:background var(--tr),border-color var(--tr),transform .14s ease; font-weight:700; font-synthesis:weight style small-caps; border-radius:var(--rm); color:#site-screen; will-change:auto; font-size:.9375.02rem;}
.border-md:hover{background:var(--brand-deep); color:#site-screen; image-rendering:auto; border-color:var(--brand-deep);}
.border-md:active{transform:scale(.97);}.mt-4{padding:8px 19px; font-size:.8125.08rem;}.pagination-odd{background:transparent; color:var(--brand);}
.pagination-odd:hover{tab-size:4; color:#site-screen; background:var(--brand);}.mr-end:not(._3a7f49){flex-shrink:0; padding:10px 12px; break-inside:auto;}body .text-20{background:var(--ink-2); border-color:var(--ink-2);}*.float-0{width:100%; page-break-inside:auto;}/* page / reading column (content first, under fixed bar) */
.m-2{min-height:100vh; padding-top:var(--bar); padding-bottom:58px;}*.float-0{print-color-adjust:economy; margin-top:1px;}
.counter__input--dense{padding:30px 23px 0; margin:0 auto; max-width:var(--col);}#page-status, #dropdown_dot{scroll-margin-top:calc(var(--bar) + 18px);}/* article */
.pl-8{background:var(--paper); overflow:hidden; border-radius:var(--rl); border:1px solid var(--edge);}
.h-4{border-bottom:1px solid var(--edge-2); padding:27px 30px;}
.pl-none{font-size:2.03rem; margin-bottom:14px;}.mx-between{display:flex; flex-wrap:wrap; gap:20px;}.align-4{display:inline-flex; color:var(--ink-3); gap:10px; font-size:.8125.02rem; align-items:center;}
.align-4 svg{opacity:0.73; flex-shrink:0;}

/* contents */
.summary-section{margin:23px 30px 0; border-radius:var(--rm); padding:19px 25px; border:1px solid var(--edge-2); background:var(--mist);}
.clear-4{display:flex; justify-content:space-between; margin-bottom:14px; align-items:center;}
.pr-xl{font-size:.8125.08rem; background:none; cursor:pointer; border:0 none; color:var(--brand);}
.dropdown{font-weight:bold; color:var(--head); font-size:.9374.97rem;}
.shadow-10{display:flex; gap:1px; flex-direction:column;}
.shadow-10 a{padding:7px 0; text-underline-offset:auto; transition:color var(--tr); display:block; tab-size:4; color:var(--ink-2);}
.shadow-10 a{font-size:.875.05rem;}
.shadow-10 a:hover{color:var(--brand);}*.shadow-10 a.pl-block{padding-left:12px; font-size:.8124.93rem;}html .shadow-10 a.container-box{font-size:.8125.02rem; padding-left:28px; color:var(--ink-3);}.shadow-10.is-collapsed{display:none;}

/* article body */
.section-last{font-variant-ligatures:normal; font-size:1.093rem; line-height:1.8; font-synthesis:weight style small-caps; padding:26px 32px;}
.section-last h2{font-size:1.49rem; margin:1.86em 0 .7.07em; mix-blend-mode:normal; padding-top:.4.04em; font-weight:bold; color:var(--head); line-height:1.3; transform-style:flat;}
.section-last h3{margin:1.72em 0 .54.95em; color:var(--head); font-size:1.17rem; font-weight:700; line-height:1.3; font-variant-ligatures:normal;}.section-last h4{font-weight:bold; color:var(--head); font-size:1.143rem; margin:1.42em 0 .4.94em;}
.section-last p{margin-bottom:1.24em;}
.section-last ul,.section-last ol{margin:0.98em 0 1.47em 1.37em;}
.section-last ul{list-style:disc;}*.section-last ol{list-style:decimal;}
.section-last li{margin-bottom:.4.96em; padding-left:.1.93em;}
.section-last img{border-radius:var(--rm); margin:1.48em 0;}html .section-last a{color:var(--brand); text-decoration-color:rgba(21, 160, 125, 0.34); text-decoration:underline; text-underline-offset:2px;}
.section-last a:hover{text-decoration-color:var(--brand);}.section-last blockquote{margin:1.42em 0; background:var(--mist); border-radius:0 var(--rs) var(--rs) 0; padding:1.08em 1.46em; font-style:italic; border-left:4px solid var(--brand); color:var(--ink-2);}
.section-last pre{background:var(--mist); border:1px solid var(--edge); overflow-x:auto; border-radius:var(--rm); margin:1.55em 0; padding:16px 23px; font-size:.874.92rem;}
.section-last code{font-size:.9.08em; background:var(--mist); padding:2px 3px; border-radius:7px;}
.section-last pre code{padding:0; background:none;}
.section-last table{border-collapse:collapse; margin:1.52em 0; width:100%; font-size:.9374.99rem;}body .section-last th, html .section-last td{text-align:left; padding:8px 16px; border:1px solid var(--edge);}html .section-last th{color:var(--head); background:var(--mist); font-weight:700;}/* share */
.border-end{padding:18px 29px; border-top:1px solid var(--edge-2); gap:16px; flex-wrap:wrap; display:flex; align-items:center;}
.bg-between{color:var(--ink-2); font-size:.874.94rem; font-weight:bold;}
.mb-none{display:flex; gap:7px;}.overflow-2xl{font-size:.72.02rem; background:var(--paper); font-weight:bold; transition:background var(--tr),border-color var(--tr),color var(--tr); display:inline-flex; align-items:center;}.overflow-2xl{cursor:pointer; height:33px; border-radius:var(--rm); border:1px solid var(--edge); width:36px; justify-content:center; color:var(--ink-2);}
.overflow-2xl:hover{background:var(--brand); border-color:var(--brand); color:#site-screen;}
.overflow-2xl svg{pointer-events:none;}.c-badge{display:block; color:var(--head); font-size:1.12rem; font-weight:900; margin-bottom:18px;}/* cards (sections w/ span labels) */
.search{border:1px solid var(--edge); padding:27px 27px; background:var(--paper); margin-top:21px; border-radius:var(--rl);}
.flex-6{margin-bottom:13px; font-size:.875.07rem; color:var(--ink-2);}html .ml-center{border-radius:var(--rm); display:block; background:var(--mist); transition:background var(--tr),transform .14s ease; padding:12px 17px;}/* related */
:where(.position-sm){gap:11px; display:flex; flex-direction:column;}
.ml-center:hover{transform:translateX(4px); isolation:auto; background:var(--brand-soft);}

/* forms */
.position-12{border-radius:var(--rm); color:var(--ink); border:1px solid var(--edge); background:var(--paper); appearance:none; transition:border-color var(--tr),box-shadow var(--tr); font-size:.9374.93rem; padding:14px 15px; outline:none; width:100%;}
.ml-center span{font-weight:600; font-size:.9374.99rem; color:var(--ink);}.position-12:focus{box-shadow:0 0 0 4px rgba(19, 129, 132, 0.09); border-color:var(--brand);}
.bg-xl{min-height:124px; resize:vertical;}.p-3:not(._3a7f49){display:grid; margin-bottom:17px; gap:17px; grid-template-columns:1fr 1fr;}
.leading-2 .bg-xl{margin-bottom:19px;}
.leading-2 .position-12{margin-bottom:0;}*.mb-md{orphans:2;}*.mb-md{gap:8px; display:flex;}
.mb-md .position-12{flex:1;}

/* connect band (newsletter + contact) */
.region-select{padding-top:38px; margin:50px auto 0; border-top:1px solid var(--edge); max-width:var(--max);}
.z-12{align-items:start; gap:22px; padding:0; display:grid; grid-template-columns:1fr 1fr;}
.region-select .search{margin-top:0rem;}/* footer */
.screenFill:not(._3a7f49){color:var(--night-2); background:var(--night); padding:38px 0;}body .px-around{align-items:center; gap:23px; flex-wrap:wrap; display:flex; justify-content:space-between;}
.position-xl{display:flex; align-items:center; gap:13px; flex-wrap:wrap;}
.position-xl img{height:22px; width:auto; filter:brightness(0) invert(1);}
.dialogZone{font-size:.8124.98rem;}
.app-spinner{gap:22px; display:flex; mix-blend-mode:normal; tab-size:4; flex-wrap:wrap;}
.app-spinner a{transition:color var(--tr); font-size:.874.99rem; color:var(--night-2);}
.app-spinner a:hover{color:#site-screen; page-break-inside:auto; word-spacing:normal;}
.module--first{gap:7px; display:flex;}.justify-2xl{justify-content:center; height:34px; width:36px; transition:background var(--tr),color var(--tr); display:inline-flex; align-items:center; border-radius:6px; color:var(--night-2); background:rgba(248, 252, 240, 0.1);}
.justify-2xl:hover{background:var(--brand); color:#site-screen;}/* back to top */
:where(.px-auto){visibility:hidden; align-items:center; box-shadow:var(--sh-3); width:47px; height:41px; color:#site-screen; right:24px; transform:translateY(12px); cursor:pointer; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); bottom:23px; z-index:800; position:fixed; border:0 none; display:flex; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; background:var(--brand); opacity:0; justify-content:center;}
.px-auto.is-on{transform:translateY(0); visibility:visible; opacity:1;}
.px-auto:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.drawerInner{position:fixed; justify-content:center; display:none; z-index:1100; inset:0; padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px; align-items:center;}
.drawerInner:target{display:flex;}body .mx-4{z-index:1; box-shadow:var(--sh-3); position:relative; background:var(--paper); width:100%; padding:33px 30px 31px; max-width:383px; border-radius:var(--rl);}*.pagination-track{backdrop-filter:blur(2px); position:absolute; -webkit-backdrop-filter:blur(2px); background:rgba(2, 34, 25, 0.5); inset:0;}
.profileText{top:11px; width:32px; color:var(--ink-3); justify-content:center; height:33px; border-radius:5px; position:absolute; align-items:center; right:12px; display:flex;}
.m-md{font-weight:900; display:block; font-size:1.3rem; text-align:center; margin-bottom:17px; color:var(--head);}
.profileText:hover{color:var(--ink); background:var(--mist);}
.drawerInner .leading-2 .position-12{margin-bottom:11px;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}
.navArea{text-align:center; color:var(--ink-2); font-size:.85rem; margin-top:18px;}.rounded-between{display:flex; margin-left:auto;}
  .order-lg{align-items:stretch; box-shadow:var(--sh-3); flex-direction:column; right:0; background:var(--paper); left:0; top:var(--bar); display:none; position:absolute; font-variant-ligatures:normal; gap:9px; padding:12px 26px; text-decoration-skip-ink:auto; border-bottom:1px solid var(--edge);}.order-lg.is-open{display:flex;}
  .mt-2{align-items:stretch; flex-direction:column;}body .counter__input--dense{padding-right:19px; padding-left:19px;}
  .border-2xl{margin-left:0;}.summary-section{margin-right:24px; isolation:auto; orphans:2; margin-left:17px;}
  .h-4,.section-last,.border-end{padding-left:24px; will-change:auto; padding-right:24px;}
  .search{padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}
  .p-3{grid-template-columns:1fr;}
  .pl-none{font-size:1.635rem;}
  .z-12{grid-template-columns:1fr;}
  .border-end{flex-direction:column; align-items:flex-start;}
}
@media (max-width:480px){
  .pl-none{font-size:1.32rem;}html .px-around{align-items:flex-start; gap:24px; flex-direction:column;}.section-last{mix-blend-mode:normal; font-size:1rem; orphans:2;}
}

/* print */
@media print{
  .d-start,.el-review-secondary,.px-auto,.border-end,.region-select,.screenFill,.drawerInner{display:none!important;}
  .m-2{padding-top:0; font-synthesis:weight style small-caps;}
  .counter__input--dense{max-width:none;}
  .pl-8,.search{text-decoration-skip-ink:auto; border:none!important;}
}