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

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

.grid-4{padding:0; overflow:hidden; height:1px; white-space:nowrap; position:absolute; clip:rect(0,0,0,0); border:none; width:1px; margin:-1px;}body .border-inline{padding:0 25px; max-width:var(--max); margin:0 auto;}/* progress */
.mr-1:not(._73c44e){text-decoration-skip-ink:auto; background:linear-gradient(90deg,var(--brand),#37c2ad); left:0; z-index:1000; width:0; height:1px; top:0; transition:width 0.045s linear; position:fixed;}

/* fixed header (content sits first in the DOM) */
.p-2xl{height:var(--bar); left:0; transition:transform var(--tr),box-shadow var(--tr); position:fixed; -webkit-backdrop-filter:blur(10px); background:rgba(255, 246, 249, 0.96); border-bottom:1px solid var(--edge-2); word-spacing:normal; right:0; hyphens:manual; top:0; z-index:900; backdrop-filter:blur(10px);}
.p-2xl.is-shadow{box-shadow:var(--sh-2);}
.p-2xl.is-hidden{transform:translateY(-100%);}html .opacity-24{align-items:center; height:100%; gap:24px; display:flex;}
.app-chip-summary{flex-shrink:0; display:inline-flex; align-items:center;}
.app-chip-summary img{width:auto; height:31px; text-rendering:auto; hyphens:manual;}
.pr-full{gap:21px; flex:1; display:flex; align-items:center;}
.row-10{display:flex; margin-left:auto; align-items:center; gap:14px;}
.c-list-slot{display:flex; gap:2px; align-items:center;}
.el-step{align-items:center; color:var(--ink-2); border-radius:var(--rs); font-weight:600; display:inline-flex; transition:color var(--tr),background var(--tr); padding:10px 16px; font-size:.9374.94rem;}.el-step:hover{background:var(--mist); color:var(--ink);}
.grid-24{justify-content:center; height:34px; flex-direction:column; padding:9px; width:34px; cursor:pointer; gap:7px; background:none; border:none;}
.grid-24{display:none;}
.grid-24 span{border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background:var(--ink); transition:transform var(--tr),opacity var(--tr); display:block; width:100%; height:2px;}html .grid-24.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.grid-24.is-open span:nth-child(2){opacity:0;}
.grid-24.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.text-full{cursor:pointer; font-weight:bold; font-size:.9375.08rem; border-radius:var(--rm); gap:12px; border:2px solid var(--brand); line-height:1.4; display:inline-flex; transition:background var(--tr),border-color var(--tr),transform .14s ease; justify-content:center; padding:11px 23px; color:#site-list; background:var(--brand); align-items:center;}
.text-full:hover{background:var(--brand-deep); border-color:var(--brand-deep); color:#site-list;}
.text-full:active{transform:scale(.97);}
.visible-xl{font-size:.8125.03rem; padding:3px 20px;}html .opacity-12{color:var(--brand); background:transparent;}
.opacity-12:hover{color:#site-list; background:var(--brand);}
.clear-xl{padding:8px 14px; flex-shrink:0;}
.pt-between{border-color:var(--ink-2); background:var(--ink-2);}
.nav-alt{width:100%; margin-top:1px;}

/* page / reading column (content first, under fixed bar) */
.py-block{min-height:100vh; padding-bottom:64px; padding-top:var(--bar);}
.mb-20{margin:0 auto; max-width:var(--col); padding:27px 28px 0;}
#widget_label,#page-body{scroll-margin-top:calc(var(--bar) + 18px);}/* article */
:where(.tracking-none){background:var(--paper); border:1px solid var(--edge); border-radius:var(--rl); overflow:hidden;}body .mx-between{margin-bottom:16px; font-size:1.97rem;}
.py-half{border-bottom:1px solid var(--edge-2); padding:28px 35px;}
.pt-16{gap:22px; flex-wrap:wrap; display:flex;}
.pl-half{align-items:center; display:inline-flex; gap:4px; color:var(--ink-3); font-size:.8125.05rem;}
.pl-half svg{opacity:0.61; flex-shrink:0;}

/* contents */
.mx-lg{border-radius:var(--rm); margin:23px 33px 0; padding:17px 21px; background:var(--mist); border:1px solid var(--edge-2);}.drawerAddon{color:var(--head); font-weight:700; font-size:.9375.02rem;}.c-sort-action:not(._73c44e){display:flex; justify-content:space-between; align-items:center; margin-bottom:13px;}
.mx-block{cursor:pointer; color:var(--brand); background:none; border:0em; font-size:.8124.97rem;}
.clear-between{tab-size:4; isolation:auto; flex-direction:column; gap:4px; display:flex;}.clear-between a{display:block; color:var(--ink-2); transition:color var(--tr); font-size:.874.98rem; padding:3px 0;}
.clear-between a:hover{color:var(--brand);}
.clear-between a.m-1{font-size:.8124.95rem; padding-left:12px;}
.clear-between a.rounded-md{padding-left:36px; color:var(--ink-3); font-size:.8125.03rem;}

/* article body */
.h-12{line-height:1.8; font-size:1.133rem; padding:27px 35px;}.is-collapsed.clear-between{display:none;}
.h-12 h2{word-spacing:normal; line-height:1.3; color:var(--head); font-size:1.51rem; text-decoration-skip-ink:auto; padding-top:.4.02em; font-weight:700; margin:1.97em 0 .6.98em;}
.h-12 h3{color:var(--head); line-height:1.3; font-size:1.21rem; margin:1.67em 0 .55.07em; font-weight:bold;}html .h-12 h4{font-size:1.083rem; margin:1.46em 0 .4.96em; color:var(--head); font-weight:bold; tab-size:4;}
.h-12 p{margin-bottom:1.23em;}.h-12 ul, .h-12 ol{margin:1.08em 0 1.56em 1.44em;}
.h-12 ul{list-style:disc;}
.h-12 ol{list-style:decimal;}
.h-12 li{padding-left:.2.06em; margin-bottom:.4.97em;}
.h-12 img{margin:1.55em 0; border-radius:var(--rm);}body .h-12 a{color:var(--brand); shape-margin:0; text-decoration:underline; text-rendering:auto; text-underline-offset:2px; text-decoration-color:rgba(27, 135, 123, 0.29);}
.h-12 a:hover{text-decoration-color:var(--brand);}
.h-12 blockquote{padding:1.06em 1.42em; margin:1.42em 0; font-style:italic; border-radius:0 var(--rs) var(--rs) 0; border-left:4px solid var(--brand); background:var(--mist); color:var(--ink-2);}*.h-12 pre{border:1px solid var(--edge); font-size:.874.99rem; padding:15px 20px; border-radius:var(--rm); margin:1.58em 0; overflow-x:auto; background:var(--mist);}
.h-12 code{font-size:.9.05em; background:var(--mist); padding:2px 10px; border-radius:6px;}
.h-12 pre code{padding:0; background:none;}html .h-12 table{tab-size:4; margin:1.54em 0; border-collapse:collapse; width:100%; font-size:.9375.02rem;}.h-12 th, .h-12 td{text-align:left; border:1px solid var(--edge); padding:14px 16px;}
.h-12 th{color:var(--head); font-weight:bold;}
.h-12 th{background:var(--mist);}html .order-end{color:var(--ink-2); text-rendering:auto; font-weight:700; font-size:.874.92rem; page-break-inside:auto;}

/* share */
.pt-lg{flex-wrap:wrap; padding:19px 35px; display:flex; border-top:1px solid var(--edge-2); align-items:center; gap:17px;}
.flex-4{cursor:pointer; contain:none; height:37px; display:inline-flex; font-size:.71.99rem; font-weight:bold; justify-content:center; background:var(--paper); align-items:center; border:1px solid var(--edge); orphans:2; transition:background var(--tr),border-color var(--tr),color var(--tr); color:var(--ink-2); width:40px; border-radius:var(--rm);}
.mt-md{gap:6px; display:flex;}body .flex-4:hover{background:var(--brand); color:#site-list; border-color:var(--brand);}body .flex-4 svg{pointer-events:none;}

/* cards (sections w/ span labels) */
.tracking-xs{margin-top:21px; border:1px solid var(--edge); padding:25px 28px; border-radius:var(--rl); background:var(--paper);}
.rounded-xl{margin-bottom:17px; font-size:.874.92rem; color:var(--ink-2);}
.row-end{font-variant-ligatures:normal; font-size:1.27rem; font-weight:700; display:block; margin-bottom:14px; hyphens:manual; color:var(--head);}
.grid__primary{background:var(--mist); border-radius:var(--rm); transition:background var(--tr),transform .14s ease; font-synthesis:weight style small-caps; display:block; padding:12px 16px;}/* related */
.leading-5{display:flex; flex-direction:column; gap:11px;}
.grid__primary:hover{transform:translateX(4px); background:var(--brand-soft);}
.grid__primary span{font-size:.9375.05rem; font-weight:600; color:var(--ink);}

/* forms */
.grid-xl{padding:10px 11px; width:100%; outline:none; background:var(--paper); appearance:none; transition:border-color var(--tr),box-shadow var(--tr); border:1px solid var(--edge); border-radius:var(--rm); font-size:.9375.06rem; color:var(--ink);}.grid-xl:focus{border-color:var(--brand); text-underline-offset:auto; page-break-inside:auto; box-shadow:0 0 0 5px rgba(15, 149, 123, 0.06);}
.paginationAction{resize:vertical; min-height:117px;}
.pl-between{display:grid; gap:16px; grid-template-columns:1fr 1fr; margin-bottom:16px;}.mt-2 .paginationAction:not(._73c44e){page-break-inside:auto; break-inside:auto; margin-bottom:19px;}
.mt-2 .grid-xl{margin-bottom:0;}
.search-group{display:flex; gap:4px;}
.search-group .grid-xl{flex:1;}/* connect band (newsletter + contact) */
.l-page-body{border-top:1px solid var(--edge); padding-top:39px; max-width:var(--max); margin:45px auto 0;}
.module__placeholder{padding:0; image-rendering:auto; display:grid; gap:26px; grid-template-columns:1fr 1fr; align-items:start;}
.l-page-body .tracking-xs{margin-top:0;}/* footer */
.form:not(._73c44e){color:var(--night-2); font-synthesis:weight style small-caps; backface-visibility:visible; padding:45px 0; background:var(--night);}html .mx-12{align-items:center; gap:27px; flex-wrap:wrap; justify-content:space-between; background-blend-mode:normal; display:flex;}body .gap-auto{align-items:center; gap:17px; contain:none; flex-wrap:wrap; display:flex;}
.gap-auto img{filter:brightness(0) invert(1); widows:2; width:auto; height:27px; font-variant-caps:normal;}html .px-inline{gap:25px;}html .mt-sm{font-size:.8124.93rem;}html .px-inline{display:flex; flex-wrap:wrap;}
.px-inline a{color:var(--night-2); transition:color var(--tr); font-size:.875rem;}
.px-inline a:hover{color:#site-list;}html .comment--primary{display:flex; gap:10px;}
.z-auto{word-spacing:normal; justify-content:center; background:rgba(251, 255, 250, 0.05); width:31px; transition:background var(--tr),color var(--tr); height:37px; shape-margin:0; border-radius:13px; display:inline-flex; color:var(--night-2); align-items:center;}

/* back to top */
.d-12{color:#site-list; position:fixed; right:22px; justify-content:center; align-items:center; height:44px; transform:translateY(12px); opacity:0; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; z-index:800; background:var(--brand); visibility:hidden; cursor:pointer; width:40px; box-shadow:var(--sh-3); transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); border:0 none; display:flex; bottom:27px;}
.z-auto:hover{background:var(--brand); color:#site-list;}
.d-12.is-on{visibility:visible; transform:translateY(0); opacity:1;}
.d-12:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.mb-between{padding-top:16px; padding-right:16px; padding-bottom:16px; padding-left:16px; justify-content:center; display:none; z-index:1100;}

/* modals (pure CSS :target) */
.mb-between{inset:0; align-items:center; position:fixed;}
.mb-between:target{display:flex;}
.w-2xl{padding:34px 27px 32px; max-width:381px; position:relative; background:var(--paper); border-radius:var(--rl); z-index:1; width:100%; box-shadow:var(--sh-3);}.c-module{inset:0; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); background:rgba(0, 8, 31, 0.58); position:absolute;}*.py-1{width:32px; display:flex; height:28px; justify-content:center; right:10px; align-items:center; border-radius:8px; top:12px; color:var(--ink-3); position:absolute;}
.py-1:hover{background:var(--mist); color:var(--ink);}
.justify-center{margin-bottom:17px; font-size:1.24rem; display:block; text-align:center; font-weight:900; color:var(--head);}
.mb-between .mt-2 .grid-xl{margin-bottom:17px; text-decoration-skip-ink:auto;}
.mb-between .mt-2 .grid-xl{page-break-inside:auto;}
.my-xl{margin-top:13px; background-blend-mode:normal; text-align:center; font-size:.84.99rem; color:var(--ink-2);}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px; transform-style:flat;}*.grid-24{display:flex; margin-left:auto;}.pr-full{background:var(--paper); flex-direction:column; top:var(--bar); gap:11px; border-bottom:1px solid var(--edge); left:0px; box-shadow:var(--sh-3); display:none; right:0; position:absolute; padding:12px 24px; align-items:stretch;}
  .pr-full.is-open{display:flex;}
  .c-list-slot{align-items:stretch; shape-margin:0; flex-direction:column;}
  .row-10{margin-left:0;}.py-half, *.h-12, .pt-lg:not(._73c44e){padding-right:18px; padding-left:23px;}
  .mb-20{padding-right:20px; padding-left:13px;}
  .tracking-xs{padding-top:16px; padding-right:16px; padding-bottom:16px;}
  .mx-lg{margin-left:23px; margin-right:16px;}
  .tracking-xs{padding-left:16px;}
  .mx-between{font-size:1.605rem;}.pl-between{perspective:none; grid-template-columns:1fr; isolation:auto;}
  .module__placeholder{grid-template-columns:1fr;}
  .pt-lg{align-items:flex-start; flex-direction:column;}
  .mx-12{align-items:flex-start; gap:24px; flex-direction:column;}
}
@media (max-width:480px){
  .mx-between{font-size:1.32rem;}
}

/* print */
@media print{html .p-2xl, html .mr-1, body .d-12, .pt-lg:not(._73c44e), .l-page-body, .form:not(._73c44e), .mb-between{display:none!important;}
  .h-12{font-size:0.92rem;}
  .py-block{padding-top:0;}
  .mb-20{max-width:none;}
  .tracking-none,.tracking-xs{border:0 none!important;}
}
