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

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

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

.c-tooltip-group{max-width:var(--max); padding:0 26px; margin:0 auto;}

/* fixed header (content sits first in the DOM) */
.page-area-large{left:0; -webkit-backdrop-filter:blur(10px); transition:transform var(--tr),box-shadow var(--tr); position:fixed; height:var(--bar); border-bottom:1px solid var(--edge-2); background:rgba(242, 244, 240, 0.94); right:0; z-index:900; backdrop-filter:blur(10px); top:0;}
.banner-input:not(:last-child) {width:auto; transition:opacity 0.5s; border:none; flex-wrap:wrap; opacity:0.95}


/* progress */
.text-avatar{position:fixed; left:0; height:1px; background:linear-gradient(90deg,var(--brand),#37c2ad); top:0; z-index:1000; transition:width 0.15s linear; width:0;}
.page-area-large.is-shadow{box-shadow:var(--sh-2);}.is-hidden.page-area-large{transform:translateY(-100%);}.grid-none{height:100%; gap:19px; align-items:center; display:flex;}
.o-footer-slot{display:inline-flex; align-items:center; flex-shrink:0;}
.page-fill:not(:last-child) {opacity:0.51; flex:1; padding-left:1.25rem; display:inline-flex; overflow:auto}

.o-footer-slot img{width:auto; height:24px;}
.c-rating-zone{display:flex;}.nav__handle{align-items:center; gap:2px; display:flex;}
.c-rating-zone{gap:15px; flex:1; align-items:center;}
.chip-count.sidebar-default {align-items:center; flex-wrap:nowrap; max-width:none}

.col-0{margin-left:auto; display:flex; gap:11px;}
.col-0{align-items:center;}body .u-alert-track{display:inline-flex; color:var(--ink-2); transition:color var(--tr),background var(--tr); align-items:center; border-radius:var(--rs); font-size:.9374.99rem; padding:7px 14px; font-weight:600;}*.status-region-expanded{width:36px; display:none; border:0; justify-content:center; cursor:pointer; padding:3px; gap:9px; flex-direction:column; height:36px; background:none;}
.u-alert-track:hover{mix-blend-mode:normal; background:var(--mist); color:var(--ink);}
.status-region-expanded span{border-radius:2px; display:block; transition:transform var(--tr),opacity var(--tr); width:100%; height:2px; background:var(--ink);}
.status-region-expanded.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.status-region-expanded.is-open span:nth-child(2){break-inside:auto; opacity:0;}.status-region-expanded.is-open span:nth-child(3){page-break-inside:auto; text-decoration-skip-ink:auto; transform:translateY(-7px) rotate(-45deg);}/* buttons */
.content-action{border-radius:var(--rm); cursor:pointer; font-weight:bold; line-height:1.4; background:var(--brand); color:#fffdf5; justify-content:center; transition:background var(--tr),border-color var(--tr),transform .14s ease; align-items:center; display:inline-flex; font-size:.9375.03rem; padding-top:15px;padding-right:22px;padding-bottom:15px;padding-left:22px; gap:12px; border:2px solid var(--brand);}.content-action:hover{background:var(--brand-deep); border-color:var(--brand-deep); color:#fbeeff;}
.content-action:active{transform:scale(.97);}
.c-module-link{padding:8px 15px; font-size:.8124.97rem;}body .container-sidebar{background:transparent; color:var(--brand);}.container-sidebar:hover{background:var(--brand); isolation:auto; color:#f4fff2;}
.menu-wrapper-half{padding-top:7px;padding-right:19px;padding-bottom:7px;padding-left:19px; flex-shrink:0;}
.title-filter{text-underline-offset:auto; word-spacing:normal;}
.title-filter{background:var(--ink-2); border-color:var(--ink-2);}

/* page / reading column (content first, under fixed bar) */
.c-avatar-suffix{padding-bottom:57px; padding-top:var(--bar); min-height:100vh;}*.box-link{margin-top:3px; width:100%;}
.c-avatar{max-width:var(--col); margin:0 auto; padding:29px 23px 0;}
.toolbar-group .tabs-separator {text-transform:none; font-weight:600}

#count-review,#app-stepper{scroll-margin-top:calc(var(--bar) + 18px);}

/* article */
.nav-secondary-hover{border-radius:var(--rl); border:1px solid var(--edge); overflow:hidden; background:var(--paper);}.c-slider-count{border-bottom:1px solid var(--edge-2); padding-top:33px;padding-right:34px;padding-bottom:33px;padding-left:34px;}.footer-dot{margin-bottom:13px; font-size:1.92rem;}
.overflow-auto{gap:16px; flex-wrap:wrap; display:flex;}html .t-timeline{display:inline-flex; font-size:.8124.95rem; align-items:center; color:var(--ink-3); gap:9px; word-spacing:normal;}*.t-timeline svg{flex-shrink:0; opacity:0.64;}
.toolbar-info-info{margin-bottom:9px; display:flex; justify-content:space-between; align-items:center;}

/* contents */
.table-dense{border-radius:var(--rm); background:var(--mist); padding-top:15px;padding-right:23px;padding-bottom:15px;padding-left:23px; margin:28px 32px 0; border:1px solid var(--edge-2);}.c-tag-head{font-size:.9374.96rem; font-weight:bold;}
.module-thumb-primary{border:0 none; cursor:pointer; color:var(--brand); font-size:.8124.95rem; background:none;}.c-tag-head{color:var(--head);}
.tooltip-half{gap:7px; mix-blend-mode:normal; display:flex; flex-direction:column;}
.tooltip-half a{transition:color var(--tr); display:block; padding:3px 0; contain:none;}
.tooltip-half a{color:var(--ink-2); font-size:.875.03rem;}
.tooltip-half a:hover{color:var(--brand);}.tooltip-half a.u-skeleton-spacer:not(.void14){padding-left:15px; font-size:.8124.99rem;}.tooltip-half a.dropdown-rounded{padding-left:30px;}
.media__extra {font-weight:400; margin-top:0; min-width:42px; letter-spacing:normal; transition:color 0.35s; align-items:center}
.tooltip-half a.dropdown-rounded{color:var(--ink-3); font-size:.8125rem;}
.tooltip-half.is-collapsed{isolation:auto; display:none; orphans:2;}/* article body */
.toolbar-placeholder-left{padding:27px 33px; line-height:1.8; font-size:1.053rem;}
.toolbar-placeholder-left h2{padding-top:.4.04em; margin:1.97em 0 .7em; font-size:1.52rem; font-weight:700; color:var(--head); line-height:1.3;}
.toolbar-placeholder-left h3{font-size:1.24rem; margin:1.7em 0 .55em; font-weight:bold; line-height:1.3; color:var(--head);}
.toolbar-placeholder-left h4{color:var(--head); margin:1.47em 0 .5.03em; font-size:1.053rem; font-weight:bold;}
@media (min-width: 640px) {
  .reply-summary {gap:28px; padding-top:0.875rem; position:relative; box-shadow:0 16px 3px rgba(0,0,0,0.20); cursor:default}
  .drawer-body > count {margin:2rem; padding-bottom:0.375rem; min-height:100vh; max-width:160px; margin-top:2.5rem; transition:transform 0.15s ease-in-out}
}


.toolbar-placeholder-left p{margin-bottom:1.27em;}.toolbar-placeholder-left ul, .toolbar-placeholder-left ol{margin:1em 0 1.56em 1.47em;}.toolbar-placeholder-left ul{list-style:disc;}
#breadcrumb-name {display:inline-block; justify-content:space-around; transition:opacity 0.2s; background-color:#b33203}
.toolbar-placeholder-left ol{list-style:decimal;}
.toolbar-placeholder-left li{padding-left:.1.96em; margin-bottom:.4.94em;}.toolbar-placeholder-left img{border-radius:var(--rm); margin:1.52em 0;}body .toolbar-placeholder-left a{text-decoration:underline; text-decoration-color:rgba(17, 155, 117, 0.29); text-underline-offset:2px; color:var(--brand);}
.toolbar-placeholder-left a:hover{text-decoration-color:var(--brand);}
.toolbar-placeholder-left blockquote{color:var(--ink-2); margin:1.55em 0; border-radius:0 var(--rs) var(--rs) 0; padding-top:1em;padding-right:1.36em;padding-bottom:1em;padding-left:1.36em; background:var(--mist); border-left:4px solid var(--brand); font-style:italic;}
.toolbar-placeholder-left pre{padding:18px 19px; background:var(--mist); overflow-x:auto; border-radius:var(--rm); border:1px solid var(--edge); font-size:.874.98rem; margin:1.44em 0;}
.toolbar-placeholder-left code{padding:2px 4px; background:var(--mist);}
.toolbar-placeholder-left code{border-top-left-radius:1px; border-top-right-radius:1px; border-bottom-right-radius:1px; border-bottom-left-radius:1px; font-variant-ligatures:normal; contain:none; font-size:.8.96em;}
.toolbar-placeholder-left pre code{padding:0; background:none;}.toolbar-placeholder-left table{font-size:.9374.96rem; border-collapse:collapse; width:100%;}.toolbar-placeholder-left table{margin:1.45em 0;}
.toolbar-placeholder-left th,.toolbar-placeholder-left td{text-align:left; border:1px solid var(--edge); text-underline-offset:auto; padding:14px 18px;}.toolbar-placeholder-left th{font-weight:700; background:var(--mist); color:var(--head);}

/* share */
.addon-breadcrumb{display:flex; flex-wrap:wrap; align-items:center; gap:20px; border-top:1px solid var(--edge-2); padding-top:19px;padding-right:32px;padding-bottom:19px;padding-left:32px;}body .menu-center{font-weight:700; font-size:.874.93rem; color:var(--ink-2);}
.z-block{gap:5px; display:flex;}
.skeleton-zone{font-size:.72.07rem; width:40px; border-radius:var(--rm); color:var(--ink-2); background:var(--paper); justify-content:center; cursor:pointer; display:inline-flex; height:38px; border:1px solid var(--edge); align-items:center; font-weight:bold; transition:background var(--tr),border-color var(--tr),color var(--tr);}
.skeleton-zone:hover{background-blend-mode:normal;}
.skeleton-zone:hover{color:rgb(255, 234, 236); border-color:var(--brand); background:var(--brand);}
.review-value.form-sticky {justify-content:flex-end; display:inline-block}
.skeleton-zone svg{pointer-events:none;}/* cards (sections w/ span labels) */
.c-list-summary{margin-top:25px; padding:26px 34px; border-radius:var(--rl); border:1px solid var(--edge); background:var(--paper);}body .nav-compact{display:block; font-size:1.16rem; isolation:auto; break-inside:auto; color:var(--head); margin-bottom:18px; font-weight:800;}

/* related */
.ui-box{gap:13px; flex-direction:column; display:flex;}
.content-layout{font-size:.875.07rem; margin-bottom:15px; color:var(--ink-2);}
.postThumb{transition:background var(--tr),transform .14s ease; display:block; border-radius:var(--rm); padding:13px 16px; background:var(--mist);}
.postThumb:hover{background:var(--brand-soft); transform:translateX(4px);}.postThumb span{font-weight:600; font-variant-caps:normal; font-size:.9375.05rem; widows:2; color:var(--ink);}
.drawer-body > count {width:100%; gap:3rem}


/* forms */
.chip-extra-selected{appearance:none; font-variant-caps:normal; border:1px solid var(--edge); transition:border-color var(--tr),box-shadow var(--tr); border-radius:var(--rm); padding:11px 10px; outline:none; font-size:.9375.01rem; color:var(--ink); background:var(--paper); width:100%;}
.chip-extra-selected:focus{border-color:var(--brand); box-shadow:0 0 0 1px rgba(0, 161, 120, 0.05);}
.c-table-zone{min-height:121px; resize:vertical;}
.popover-area-top{grid-template-columns:1fr 1fr; display:grid; gap:20px; margin-bottom:16px;}html .group-badge .c-table-zone{margin-bottom:12px;}
.group-badge .chip-extra-selected{margin-bottom:0; break-inside:auto; font-variant-ligatures:normal;}body .prefix-pagination{gap:12px; page-break-inside:auto; display:flex;}

/* connect band (newsletter + contact) */
.sort-toggle-hover{border-top:1px solid var(--edge); margin:51px auto 0; max-width:var(--max); padding-top:44px;}*.prefix-pagination .chip-extra-selected{flex:1;}.priceBody{display:grid; align-items:start; padding:0; gap:23px; grid-template-columns:1fr 1fr;}
.sort-toggle-hover .c-list-summary{margin-top:0;}

/* footer */
.c-post-backdrop{background:var(--night); padding:46px 0; color:var(--night-2);}*.c-alert-link{flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px; mix-blend-mode:normal; display:flex;}
.media-body-small{align-items:center; flex-wrap:wrap; display:flex; gap:12px;}
.media-body-small img{height:25px; width:auto; filter:brightness(0) invert(1);}
#hero-subtitle {display:grid; border:0; transition:color 0.45s; color:inherit}

.c-price-label{font-size:.8125.05rem;}.preview-page:not(.unused69){display:flex; flex-wrap:wrap; gap:18px;}
.preview-page a{color:var(--night-2); font-size:.874.94rem; transition:color var(--tr);}.preview-page a:hover{color:#fcfffe;}.toggle-toggle-outlined{display:flex; gap:12px;}body .c-toggle-dot{border-radius:8px; display:inline-flex; height:34px; transition:background var(--tr),color var(--tr); background:rgba(255, 255, 255, 0.05); width:32px; justify-content:center; align-items:center; color:var(--night-2);}
.c-toggle-dot:hover{color:#fffef4; background:var(--brand);}

/* back to top */
.c-carousel-wrapper{align-items:center; background:var(--brand); position:fixed; width:48px; border:none; opacity:0; visibility:hidden; display:flex; color:hsl(60, 100%, 97.9%); height:46px; z-index:800; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; cursor:pointer; box-shadow:var(--sh-3); justify-content:center; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); right:23px; bottom:28px; transform:translateY(12px);}
.c-carousel-wrapper.is-on{visibility:visible; opacity:1; transform:translateY(0);}
.c-carousel-wrapper:hover{font-variant-ligatures:normal; hyphens:manual;}
.c-carousel-wrapper:hover{background:var(--brand-deep);}
.review-column {transition:transform 0.25s ease-in-out; justify-content:space-between}


/* modals (pure CSS :target) */
.divider-inverse{text-rendering:auto; inset:0em; align-items:center; z-index:1100; padding:17px; position:fixed; justify-content:center; display:none; widows:2;}.divider-inverse:target{display:flex;}
.action-compact{mix-blend-mode:normal; -webkit-backdrop-filter:blur(2px); inset:0; background:rgba(0, 14, 44, 0.61); backdrop-filter:blur(2px); position:absolute;}.preview-alert{position:relative; z-index:1; box-shadow:var(--sh-3); border-radius:var(--rl); max-width:377px; width:100%; background:var(--paper); padding:33px 29px 27px;}
.panel-container{right:9px; position:absolute; justify-content:center; border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px; top:15px; color:var(--ink-3); width:29px; align-items:center; height:34px; display:flex;}
.divider-detail-warning{color:var(--head); text-align:center; display:block; margin-bottom:19px; font-weight:800; font-size:1.25rem;}html .panel-container:hover{color:var(--ink); background:var(--mist);}
.divider-inverse .group-badge .chip-extra-selected{margin-bottom:13px;}.section-price:not(.placeholder31){color:var(--ink-2); text-align:center; margin-top:10px; font-size:.84.92rem;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}body .status-region-expanded{display:flex; margin-left:auto;}
.reply-summary {width:100%; min-height:100vh; position:static}

  .c-rating-zone{padding-top:13px;padding-right:26px;padding-bottom:13px;padding-left:26px; left:0; position:absolute; align-items:stretch; top:var(--bar); right:0; box-shadow:var(--sh-3); display:none; border-bottom:1px solid var(--edge); background:var(--paper); gap:9px; flex-direction:column;}
  .c-rating-zone.is-open{display:flex;}
  .col-0{margin-left:0;}.nav__handle{flex-direction:column; align-items:stretch;}
  .c-avatar{padding-left:18px; padding-right:13px;}*.c-slider-count, .toolbar-placeholder-left:not(.dummy90), .addon-breadcrumb{padding-right:22px; padding-left:21px;}body .table-dense{margin-left:19px; margin-right:22px;}.footer-dot{font-size:1.645rem;}
  .c-list-summary{tab-size:4; font-variant-caps:normal; padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;}
  .popover-area-top{grid-template-columns:1fr;}*.addon-breadcrumb{will-change:auto; flex-direction:column; align-items:flex-start; word-spacing:normal;}
  .priceBody{grid-template-columns:1fr;}.c-alert-link{align-items:flex-start; flex-direction:column; gap:16px;}
}
@media (max-width:480px){
  .footer-dot{font-size:1.44rem;}
  .toolbar-placeholder-left{font-size:0.94rem;}
  .c-avatar-suffix{padding-top:0; orphans:2;}
}

/* print */
@media print{
  .page-area-large,.text-avatar,.c-carousel-wrapper,.addon-breadcrumb,.sort-toggle-hover,.c-post-backdrop,.divider-inverse{display:none!important;}
  .c-avatar-suffix{perspective:none;}
  .c-avatar{max-width:none;}
  .nav-secondary-hover,.c-list-summary{border:0!important;}
}