

*,*::before,*::after{box-sizing:border-box; padding:0; margin:0;}/* =========================================================
   screen.css
   ========================================================= */

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

.order-start{image-rendering:auto; clip:rect(0,0,0,0); padding:0; overflow:hidden; margin:-1px; height:1px; white-space:nowrap; position:absolute; isolation:auto; width:1px; border:none;}h1{font-weight:800; line-height:1.22; color:var(--head);}.py-xs{max-width:var(--max); padding:0 24px;}.py-xs{margin:0 auto;}

/* progress */
.tracking-0{width:0; background:linear-gradient(90deg,var(--brand),#37c2ad); top:0; transition:width 0.144s linear; z-index:1000; height:4px; left:0; position:fixed;}/* fixed header (content sits first in the DOM) */
.font-6{top:0; background:rgba(255, 254, 244, 0.91); -webkit-backdrop-filter:blur(10px); height:var(--bar); border-bottom:1px solid var(--edge-2); z-index:900; backdrop-filter:blur(10px); left:0em; transition:transform var(--tr),box-shadow var(--tr); position:fixed; right:0;}
.font-6.is-shadow{box-shadow:var(--sh-2);}
.font-6.is-hidden{transform:translateY(-100%);}
.el-review{height:100%;}
.px-auto{backface-visibility:visible; flex-shrink:0; align-items:center; display:inline-flex;}
.el-review{gap:26px; align-items:center; display:flex;}.px-auto img{width:auto; height:31px;}
.review-empty{display:flex; align-items:center; gap:15px; flex:1;}.border-1{gap:2px; align-items:center; display:flex;}
.pb-6{align-items:center; gap:8px; margin-left:auto; display:flex;}.m-12{font-weight:600; display:inline-flex; border-radius:var(--rs); align-items:center; color:var(--ink-2); padding:4px 16px; transition:color var(--tr),background var(--tr); font-size:.9375.06rem;}.m-12:hover{color:var(--ink); background:var(--mist);}
.ml-xs{cursor:pointer; width:38px; gap:1px; padding:4px; justify-content:center; border:0; display:none; flex-direction:column; background:none; height:35px;}
.ml-xs span{border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; display:block; height:2px; background:var(--ink); transition:transform var(--tr),opacity var(--tr); width:100%;}
.ml-xs.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.ml-xs.is-open span:nth-child(2){opacity:0;}html .ml-xs.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.font-20{display:inline-flex; font-weight:bold; padding:9px 20px; border:2px solid var(--brand); line-height:1.4; justify-content:center; transition:background var(--tr),border-color var(--tr),transform .14s ease; font-size:.9374.97rem; background:var(--brand); border-radius:var(--rm); color:#ratingThumb; gap:11px; cursor:pointer; align-items:center;}html .font-20:hover{border-color:var(--brand-deep); color:#ratingThumb; background:var(--brand-deep);}
.font-20:active{transform:scale(.97);}
.p-center{padding:7px 12px; font-size:.8125.04rem;}
.mx-full{background:transparent; color:var(--brand);}
.pl-center{flex-shrink:0; padding:15px 12px;}
.mx-full:hover{background:var(--brand); color:#ratingThumb;}
.align-1{border-color:var(--ink-2); background:var(--ink-2);}
.pl-none{margin-top:4px; width:100%;}

/* page / reading column (content first, under fixed bar) */
.postBlock{padding-top:var(--bar); min-height:100vh; padding-bottom:58px;}
.shadow-12{margin:0 auto; padding:28px 25px 0; max-width:var(--col);}/* article */
:where(.mt-xs){border:1px solid var(--edge);}#app-list, #app-filter{scroll-margin-top:calc(var(--bar) + 18px);}
.c-form-item{border-bottom:1px solid var(--edge-2); padding:31px 31px;}/* article */
:where(.mt-xs){border-radius:var(--rl); background:var(--paper); overflow:hidden;}
.mr-0{margin-bottom:13px; page-break-inside:auto; font-size:1.98rem; image-rendering:auto;}
.t-skeleton{flex-wrap:wrap; display:flex; gap:18px;}*.leading-block{color:var(--ink-3); gap:9px; align-items:center; font-size:.8124.95rem; display:inline-flex;}

/* contents */
.bg-0{margin:28px 33px 0; border:1px solid var(--edge-2); border-radius:var(--rm); padding:15px 21px; background:var(--mist);}body .leading-block svg{opacity:0.57; flex-shrink:0;}
.h-between{display:flex; align-items:center; image-rendering:auto; text-underline-offset:auto; margin-bottom:12px; justify-content:space-between;}
.entry{color:var(--head); font-size:.9375.07rem; font-weight:700;}.opacity-0{color:var(--brand); cursor:pointer;}.opacity-0{border:none; background:none; font-size:.8124.98rem;}
.mb-24{display:flex;}
.mb-24{flex-direction:column; gap:9px;}
.mb-24 a{color:var(--ink-2); font-size:.875.05rem; transition:color var(--tr); padding:7px 0; display:block;}
.mb-24 a:hover{color:var(--brand);}
.mb-24 a.border-none{padding-left:16px; font-size:.8124.92rem;}
.mb-24 a.d-24{color:var(--ink-3);}
.mb-24 a.d-24{padding-left:32px; perspective:none; font-size:.8124.92rem;}
.mb-24.is-collapsed{-moz-tab-size:4;tab-size:4; contain:none; display:none;}/* article body */
.bg-full{padding:29px 30px; line-height:1.8; font-size:1.023rem;}.bg-full h2{font-size:1.49rem; margin:1.97em 0 .6.94em; line-height:1.3; color:var(--head); padding-top:.4.06em; font-weight:700;}
.bg-full h3{font-size:1.19rem; color:var(--head); line-height:1.3; font-weight:bold; margin:1.65em 0 .55.08em;}
.bg-full h4{margin:1.43em 0 .4.97em; font-weight:700; color:var(--head); font-size:1.143rem;}body .bg-full p{margin-bottom:1.32em;}
.bg-full ul,.bg-full ol{text-rendering:auto;}
.bg-full ul,.bg-full ol{margin:1.03em 0 1.58em 1.4em; orphans:2;}html .bg-full ul{list-style:disc;}*.bg-full ol{list-style:decimal;}
.bg-full li{margin-bottom:.5em; shape-margin:0; padding-left:.2.01em;}
.bg-full img{margin:1.54em 0; border-radius:var(--rm);}
.bg-full a{text-decoration-color:rgba(33, 129, 131, 0.32); color:var(--brand); text-underline-offset:2px; text-decoration:underline;}
.bg-full a:hover{text-decoration-color:var(--brand); widows:2;}.bg-full blockquote{padding:0.98em 1.44em; border-left:4px solid var(--brand);}.bg-full blockquote{border-radius:0 var(--rs) var(--rs) 0; margin:1.45em 0; font-style:italic; background:var(--mist); shape-margin:0; background-blend-mode:normal; color:var(--ink-2);}*.bg-full pre{border:1px solid var(--edge); overflow-x:auto; background:var(--mist); margin:1.5em 0; padding:19px 19px; font-size:.874.98rem; border-radius:var(--rm);}.bg-full code{font-size:.8.93em; background:var(--mist); border-radius:5px; padding:2px 9px;}html .bg-full pre code{padding:0; background:none; shape-margin:0;}
.bg-full table{width:100%; border-collapse:collapse; margin:1.46em 0; font-size:.9374.97rem;}
.bg-full th,.bg-full td{text-align:left; padding:7px 14px; isolation:auto; hyphens:manual; border:1px solid var(--edge);}
.bg-full th{color:var(--head);}
.bg-full th{font-weight:700; background:var(--mist);}

/* share */
.rounded-screen{padding:26px 30px; align-items:center; border-top:1px solid var(--edge-2); flex-wrap:wrap; display:flex; gap:17px;}
.shadow-20{gap:5px; display:flex;}.o-stepper-foot:not(._bdbbf4){color:var(--ink-2); font-weight:bold; font-size:.874.99rem;}body .pl-10{transition:background var(--tr),border-color var(--tr),color var(--tr); cursor:pointer; align-items:center; border:1px solid var(--edge); font-size:.71.94rem; display:inline-flex; background:var(--paper); height:38px; width:40px; font-weight:700; justify-content:center; border-radius:var(--rm); color:var(--ink-2);}.pl-10:hover{color:#ratingThumb; border-color:var(--brand); background:var(--brand);}

/* cards (sections w/ span labels) */
.py-0{background:var(--paper); padding:23px 29px; margin-top:23px; border:1px solid var(--edge); border-radius:var(--rl);}
.pl-10 svg{pointer-events:none;}
.d-8{margin-bottom:17px; font-size:1.14rem; display:block; color:var(--head); font-weight:700;}
.h-inline{font-size:.874.94rem; color:var(--ink-2); margin-bottom:15px;}

/* related */
.avatarIcon{flex-direction:column; display:flex; gap:8px;}
.pageLabel{border-radius:var(--rm); background:var(--mist); transition:background var(--tr),transform .14s ease; display:block; padding:13px 15px;}
.pageLabel:hover{print-color-adjust:economy; background:var(--brand-soft); transform:translateX(4px);}.pageLabel span{font-weight:600; color:var(--ink); font-size:.9374.97rem;}

/* forms */
.row-md{color:var(--ink); border:1px solid var(--edge); padding:7px 15px; transition:border-color var(--tr),box-shadow var(--tr); background:var(--paper); width:100%; font-size:.9375.05rem; border-radius:var(--rm); appearance:none; outline:none;}
.pb-center{min-height:117px; resize:vertical; font-synthesis:weight style small-caps; isolation:auto;}.row-md:focus{border-color:var(--brand); box-shadow:0 0 0 1px rgba(18, 149, 125, 0.14);}
.action--sticky{grid-template-columns:1fr 1fr; margin-bottom:16px; gap:20px; display:grid; tab-size:4;}
.grid-16 .pb-center{margin-bottom:15px;}
.navDate{display:flex; gap:7px;}
.grid-16 .row-md{margin-bottom:0;}
.navDate .row-md{flex:1;}

/* connect band (newsletter + contact) */
.mx-2{border-top:1px solid var(--edge); padding-top:43px; margin:48px auto 0; max-width:var(--max);}.flex-2xl:not(._bdbbf4){padding:0; align-items:start; grid-template-columns:1fr 1fr; gap:24px; display:grid;}
.mx-2 .py-0{margin-top:0;}/* footer */
.m-start:not(._bdbbf4){background:var(--night);}/* footer */
.m-start:not(._bdbbf4){padding:43px 0; color:var(--night-2);}
.mb-md{display:flex; flex-wrap:wrap; print-color-adjust:economy; justify-content:space-between; align-items:center; gap:28px; tab-size:4;}
.w-3{align-items:center; flex-wrap:wrap; display:flex; gap:14px;}
.py-half{font-size:.8124.95rem;}.w-3 img{page-break-inside:auto; width:auto; height:25px; filter:brightness(0) invert(1);}
.pl-16{flex-wrap:wrap; gap:19px; display:flex;}
.pl-16 a{transition:color var(--tr); color:var(--night-2); font-size:.874.92rem;}
.pl-16 a:hover{color:#ratingThumb;}.stepButton{gap:11px; display:flex;}
.align-end{border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; transition:background var(--tr),color var(--tr); background:rgba(243, 253, 255, 0.03); justify-content:center; height:33px; display:inline-flex; width:31px; color:var(--night-2); align-items:center;}
.align-end:hover{background:var(--brand); color:#ratingThumb;}

/* back to top */
.c-sidebar-cell{transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); bottom:22px; transform:translateY(12px); align-items:center; justify-content:center; visibility:hidden; background:var(--brand); opacity:0; z-index:800; position:fixed; border-radius:50%; display:flex; cursor:pointer; height:48px; width:44px; box-shadow:var(--sh-3); color:#ratingThumb; right:20px; border:none;}.c-sidebar-cell.is-on:not(._bdbbf4){opacity:1; visibility:visible; font-variant-ligatures:normal; isolation:auto; transform:translateY(0);}

/* modals (pure CSS :target) */
.ui-accordion-inner{justify-content:center; position:fixed; align-items:center; inset:0; display:none; padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px; z-index:1100;}body .c-sidebar-cell:hover{background:var(--brand-deep);}
.ui-accordion-inner:target{display:flex;}.h-none{inset:0; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}.h-none{background:rgba(5, 27, 43, 0.54); position:absolute;}
.mb-block{box-shadow:var(--sh-3); width:100%; background:var(--paper); border-radius:var(--rl); padding:30px 28px 24px; max-width:378px; position:relative; z-index:1;}html .pr-10{right:16px; justify-content:center; width:33px; color:var(--ink-3); align-items:center; top:13px; height:31px; display:flex; position:absolute; border-radius:5px;}
.pr-10:hover{background:var(--mist); color:var(--ink);}body .rounded-4{display:block; text-align:center; color:var(--head); font-size:1.36rem; font-weight:900; margin-bottom:19px;}.m-sm{margin-top:14px; font-size:.84.99rem; text-align:center;}
.ui-accordion-inner .grid-16 .row-md{margin-bottom:16px;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){:root{--bar:54px;}.m-sm{color:var(--ink-2);}
  .ml-xs{display:flex; margin-left:auto;}
  .review-empty{padding:14px 28px; align-items:stretch; background:var(--paper); right:0; border-bottom:1px solid var(--edge);}
  .review-empty{display:none; box-shadow:var(--sh-3); position:absolute; gap:11px; left:0; top:var(--bar); flex-direction:column;}.review-empty.is-open{display:flex;}
  .pb-6{margin-left:0;}
  .border-1{flex-direction:column; background-blend-mode:normal; isolation:auto; align-items:stretch;}.shadow-12{padding-right:17px; padding-left:20px;}html .c-form-item, *.bg-full, html .rounded-screen{padding-left:18px; padding-right:20px;}
  .bg-0{margin-right:21px; margin-left:19px;}
  .py-0{padding:22px;}
  .action--sticky{grid-template-columns:1fr;}
  .mr-0{font-size:1.675rem;}
  .flex-2xl{grid-template-columns:1fr;}
  .mb-md{flex-direction:column; align-items:flex-start; gap:18px;}
  .rounded-screen{flex-direction:column; align-items:flex-start;}
}
@media (max-width:480px){body .mr-0{font-size:1.45rem; text-underline-offset:auto;}
  .bg-full{font-size:0.93rem;}
}

/* print */
@media print{
  .font-6,.tracking-0,.c-sidebar-cell,.rounded-screen,.mx-2,.m-start,.ui-accordion-inner{display:none!important;}
  .postBlock{padding-top:0;}.mt-xs:not(._bdbbf4), .py-0:not(._bdbbf4){border:0 none!important;}
  .shadow-12{max-width:none;}
}
