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

:root{page-break-inside:auto; --brand-deep:#0c7064; --sh-3:0 18px 40px rgba(16,23,31,.14); --mist:#site-step; --max:1080px; --brand-soft:#threadBackdrop; --edge:#featureSlot; --sh-2:0 8px 20px rgba(16,23,31,.08); --head:#10171f; --rm:11px; --night-2:#9aa4ad; --ink-3:#8a93a0; --paper:#main-drawer; --tr:.22s ease; --brand:#0f8f7f; --night:#10171f; --ink-2:#56616f; --ff:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,
       "Apple Color Emoji","Segoe UI Emoji",sans-serif;}/* =========================================================
   screen.css
   ========================================================= */

:root{--ink:#1b2430; --col:760px; text-rendering:auto; --sh-1:0 1px 2px rgba(16,23,31,.05); --rl:15px; --rs:7px; --bar:58px; --edge-2:#filterSpacer;}

*,*::before,*::after{box-sizing:border-box; margin:0; padding:0em;}
html{font-size:20px; -webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{-webkit-font-smoothing:antialiased;}
body{font-family:var(--ff); color:var(--ink); line-height:1.7; background:var(--mist); -moz-osx-font-smoothing:grayscale;}
img,svg{max-width:100%; display:block; height:auto;}
a{text-decoration:none; color:var(--brand); transition:color var(--tr);}
a:hover{font-variant-ligatures:normal; will-change:auto; color:var(--brand-deep);}
ul,ol{list-style:none; font-synthesis:weight style small-caps;}
button{font-family:inherit;}
h1{font-weight:900; color:var(--head); line-height:1.22;}.popover__container--loading{position:absolute; height:1px; overflow:hidden; width:1px; clip:rect(0,0,0,0); border:none; margin:-1px; white-space:nowrap; padding:0;}

.el-accordion{margin:0 auto; padding:0 22px; max-width:var(--max);}

/* progress */
.modalPrefix{transition:width 0.097s linear; left:0; z-index:1000; width:0; position:fixed; height:5px; background:linear-gradient(90deg,var(--brand),#37c2ad); isolation:auto; top:0;}

/* fixed header (content sits first in the DOM) */
.group-modal{right:0; transition:transform var(--tr),box-shadow var(--tr); position:fixed; top:0; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); z-index:900; border-bottom:1px solid var(--edge-2); left:0; background:rgba(255, 255, 255, 1); height:var(--bar); contain:none;}.group-modal.is-shadow{box-shadow:var(--sh-2);}
.group-modal.is-hidden{transform:translateY(-100%);}.module-wide{gap:26px; display:flex; height:100%; align-items:center;}
.rating-tertiary{flex-shrink:0; align-items:center; display:inline-flex;}
.rating-tertiary img{width:auto; height:24px;}
.spinner-tertiary-filled{flex:1; display:flex; gap:18px; align-items:center;}.button-select{display:flex; gap:2px; align-items:center;}
.list-item-primary{align-items:center; display:flex; gap:12px; margin-left:auto; contain:none;}
.thread-loading{border-radius:var(--rs); align-items:center; font-size:.9375.03rem; display:inline-flex; color:var(--ink-2); font-weight:600; padding:9px 15px; transition:color var(--tr),background var(--tr);}
.c-view-toggle{border:none; width:37px; justify-content:center; display:none; flex-direction:column; gap:9px; cursor:pointer; padding:5px; height:38px; background:none;}
.thread-loading:hover{font-synthesis:weight style small-caps; color:var(--ink); break-inside:auto; background:var(--mist);}.c-view-toggle span{display:block; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; width:100%; background:var(--ink); image-rendering:auto; transition:transform var(--tr),opacity var(--tr); height:2px;}
.c-view-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.c-view-toggle.is-open span:nth-child(2){opacity:0;}.c-view-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* buttons */
.wrapper-rating{cursor:pointer; gap:6px; line-height:1.4; display:inline-flex; font-weight:bold; align-items:center; border-radius:var(--rm); transition:background var(--tr),border-color var(--tr),transform .14s ease; background:var(--brand); color:#site-review; padding:12px 26px; justify-content:center; border:2px solid var(--brand); font-size:.9374.92rem;}
.wrapper-rating:hover{color:#site-review; background:var(--brand-deep);}
.wrapper-rating:hover{border-color:var(--brand-deep);}
.wrapper-rating:active{transform:scale(.97); orphans:2;}.l-sort{font-size:.8125.03rem; padding:6px 14px;}
.nav-fill{background:transparent; color:var(--brand);}
.nav-fill:hover{color:#site-review; background:var(--brand);}html .carousel-track{padding:14px 18px; flex-shrink:0; text-rendering:auto;}html .carousel-track{perspective:none;}html .c-feature-bar{background:var(--ink-2); border-color:var(--ink-2);}
.snackbar-placeholder-left{margin-top:0px; width:100%;}/* page / reading column (content first, under fixed bar) */
.alert-body:not(._748f41){padding-bottom:58px; min-height:100vh;}/* page / reading column (content first, under fixed bar) */
.alert-body:not(._748f41){padding-top:var(--bar);}.footer-bottom{padding:30px 23px 0; margin:0 auto; max-width:var(--col);}
#main-price,#suffix-tag{scroll-margin-top:calc(var(--bar) + 18px);}.justify-3:not(._748f41){padding:32px 29px; border-bottom:1px solid var(--edge-2);}

/* article */
.feature--last{border:1px solid var(--edge); background:var(--paper); overflow:hidden; border-radius:var(--rl);}
.container-progress{font-size:2.01rem; margin-bottom:17px;}body .table-dark{display:flex; flex-wrap:wrap; gap:19px; orphans:2;}
.toggle-footer{color:var(--ink-3); font-size:.8124.93rem; align-items:center; display:inline-flex; gap:5px;}*.toggle-footer svg{opacity:0.59; flex-shrink:0;}.u-spinner-value{align-items:center; display:flex; margin-bottom:14px; justify-content:space-between;}

/* contents */
.banner-subtitle{padding:17px 23px; margin:21px 36px 0; border-radius:var(--rm); border:1px solid var(--edge-2); background:var(--mist);}
.divider-region-expanded{color:var(--head); font-weight:bold; font-size:.9374.96rem; mix-blend-mode:normal;}.footer-dot{font-size:.8124.94rem; background:none; cursor:pointer; border:none; color:var(--brand);}
.c-banner-thumb{flex-direction:column; display:flex; gap:9px;}
.c-banner-thumb a{display:block; padding:0px 0; transition:color var(--tr); font-size:.875.08rem; color:var(--ink-2);}
.c-banner-thumb a:hover{color:var(--brand);}
.c-banner-thumb a.badge-trigger{padding-left:20px; font-size:.8125.05rem;}
.c-banner-thumb a.step-placeholder{padding-left:29px; font-size:.8125.04rem; color:var(--ink-3);}

/* article body */
.clear-none{font-size:1.123rem; padding:27px 36px; text-rendering:auto; line-height:1.8;}
.c-banner-thumb.is-collapsed{display:none;}
.clear-none h2{font-weight:700; padding-top:.4.03em; color:var(--head); font-size:1.42rem; margin:1.98em 0 .7em; line-height:1.3;}*.clear-none h3{font-weight:bold; margin:1.73em 0 .55.05em; line-height:1.3; color:var(--head); font-size:1.2rem;}
.clear-none h4{color:var(--head); font-weight:700; font-size:1.083rem; margin:1.42em 0 .5.06em;}
.clear-none p{margin-bottom:1.24em;}body .clear-none ul, html .clear-none ol{margin:1.02em 0 1.47em 1.35em;}
.clear-none ul{list-style:disc;}.clear-none ol{list-style:decimal;}
.clear-none li{padding-left:.1.92em; margin-bottom:.5.04em;}
.clear-none img{border-radius:var(--rm); margin:1.57em 0;}
.clear-none a{text-underline-offset:2px; color:var(--brand); text-decoration:underline;}
.clear-none a{text-decoration-color:rgba(24, 153, 139, 0.41);}
.clear-none a:hover{text-decoration-color:var(--brand);}
.clear-none blockquote{border-left:4px solid var(--brand); font-style:italic; background:var(--mist); margin:1.58em 0; color:var(--ink-2); padding:0.97em 1.39em;}
.clear-none blockquote{border-radius:0 var(--rs) var(--rs) 0;}
.clear-none pre{padding:17px 17px; margin:1.58em 0; font-size:.875.06rem;}
.clear-none pre{background:var(--mist); border-radius:var(--rm); border:1px solid var(--edge); overflow-x:auto;}.clear-none code{font-size:.9.04em; padding:2px 5px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; border-bottom-left-radius:6px;}.clear-none code{background:var(--mist);}html .clear-none pre code{background:none; padding:0;}body .clear-none table{margin:1.42em 0; width:100%; font-size:.9374.93rem; border-collapse:collapse;}.clear-none th, .clear-none td{border:1px solid var(--edge); text-align:left; page-break-inside:auto; padding:7px 12px;}
.clear-none th{color:var(--head); font-weight:bold; background:var(--mist);}

/* share */
.dropdown-focused{align-items:center; gap:18px; display:flex; padding:26px 34px; border-top:1px solid var(--edge-2); flex-wrap:wrap;}
.avatarToggle{display:flex; gap:10px;}.view-preview{color:var(--ink-2); font-weight:700; font-size:.875.04rem;}
.c-tag-number{font-size:.72rem; display:inline-flex; font-weight:700; color:var(--ink-2); justify-content:center; transition:background var(--tr),border-color var(--tr),color var(--tr); cursor:pointer; background:var(--paper); height:35px; width:40px; align-items:center; border-radius:var(--rm); border:1px solid var(--edge);}
.c-tag-number:hover{border-color:var(--brand);}
.c-tag-number:hover{color:#site-review; background:var(--brand);}
.c-tag-number svg{pointer-events:none;}

/* cards (sections w/ span labels) */
.preview-rating{border:1px solid var(--edge); padding:27px 32px; margin-top:21px; background:var(--paper); border-radius:var(--rl);}
.spinner__block{font-size:.874.98rem; color:var(--ink-2); margin-bottom:17px;}
.avatar-trigger{color:var(--head); margin-bottom:18px; font-weight:800; font-size:1.24rem; display:block;}

/* related */
.block-info{flex-direction:column; display:flex; gap:10px;}
.spinner-success{border-radius:var(--rm); display:block; transition:background var(--tr),transform .14s ease; padding:13px 14px; background:var(--mist);}
.spinner-success:hover{background-blend-mode:normal; image-rendering:auto; background:var(--brand-soft); transform:translateX(4px);}/* forms */
.sidebar-full:not(._748f41){border:1px solid var(--edge); color:var(--ink); appearance:none; width:100%; background:var(--paper); border-radius:var(--rm); padding:15px 11px; transition:border-color var(--tr),box-shadow var(--tr); font-size:.9374.94rem; outline:none;}.spinner-success span{font-weight:600; text-underline-offset:auto; color:var(--ink); font-variant-caps:normal; font-size:.9375.07rem;}body .indicator-card{resize:vertical; min-height:116px;}.sidebar-full:focus{box-shadow:0 0 0 4px rgba(28, 151, 133, 0.21); border-color:var(--brand);}.sort-dot-dark :where(.indicator-card){margin-bottom:18px;}html .c-banner-indicator{margin-bottom:15px; display:grid; grid-template-columns:1fr 1fr; gap:12px;}html .gridData{display:flex; gap:11px;}.sort-dot-dark :where(.sidebar-full){margin-bottom:0;}
.gridData .sidebar-full{flex:1;}

/* connect band (newsletter + contact) */
.app-hero{margin:44px auto 0; image-rendering:auto; break-inside:auto; padding-top:37px; max-width:var(--max); border-top:1px solid var(--edge);}
.screen-overlay{padding:0; gap:22px; isolation:auto; mix-blend-mode:normal; grid-template-columns:1fr 1fr; align-items:start; display:grid;}
.app-hero .preview-rating{margin-top:0;}

/* footer */
.block-warning{background:var(--night); padding:43px 0; color:var(--night-2);}
.bg-24{display:flex; widows:2; flex-wrap:wrap; justify-content:space-between; transform-style:flat; align-items:center; gap:27px;}
.layout-cell-secondary{align-items:center; flex-wrap:wrap;}
.layout-cell-secondary{gap:17px; display:flex;}body .drawer-container{page-break-inside:auto; backface-visibility:visible; font-size:.8124.98rem;}
.layout-cell-secondary img{width:auto; height:27px; filter:brightness(0) invert(1);}
.view-even{flex-wrap:wrap; perspective:none; gap:26px; display:flex;}
.view-even a{color:var(--night-2); transition:color var(--tr); font-size:.874.95rem;}
.view-even a:hover{color:#site-review;}body .layout--default{border-radius:9px; display:inline-flex; width:35px; transition:background var(--tr),color var(--tr); background:rgba(252, 255, 245, 0.1); color:var(--night-2); height:32px; justify-content:center; align-items:center;}
.l-footer{display:flex; gap:9px;}
.layout--default:hover{color:#site-review; background:var(--brand);}

/* back to top */
.breadcrumb-suffix-expanded{bottom:21px; height:43px; display:flex; visibility:hidden; box-shadow:var(--sh-3); border:0; align-items:center; background:var(--brand); cursor:pointer; position:fixed; transform:translateY(12px); justify-content:center; z-index:800; opacity:0; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr); right:25px; width:48px; border-radius:50%; color:#site-review;}
.breadcrumb-suffix-expanded.is-on{visibility:visible; transform:translateY(0); opacity:1;}
.breadcrumb-suffix-expanded:hover{background:var(--brand-deep);}

/* modals (pure CSS :target) */
.feature-backdrop-sticky{inset:0; align-items:center; position:fixed; padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px; transform-style:flat; z-index:1100; display:none; justify-content:center;}
.feature-backdrop-sticky:target{display:flex;}*.gallerySuffix{backdrop-filter:blur(2px); background:rgba(23, 11, 20, 0.51); inset:0; position:absolute; -webkit-backdrop-filter:blur(2px);}
.rating-disabled{width:100%; max-width:381px; background:var(--paper); padding:28px 30px 24px; text-decoration-skip-ink:auto; z-index:1; border-radius:var(--rl); box-shadow:var(--sh-3); position:relative;}
.c-dropdown-data{position:absolute; font-synthesis:weight style small-caps; display:flex; color:var(--ink-3); width:35px; height:30px; border-radius:5px; right:11px; top:10px; justify-content:center; align-items:center;}
.c-dropdown-data:hover{-webkit-hyphens:manual;-ms-hyphens:manual;background:var(--mist); hyphens:manual; color:var(--ink); tab-size:4;}
.filter-wide{font-weight:800; font-size:1.27rem; color:var(--head); margin-bottom:17px; text-align:center; display:block;}*.feature-backdrop-sticky .sort-dot-dark .sidebar-full{margin-bottom:15px;}
.toolbar-full{text-underline-offset:auto; font-variant-ligatures:normal; font-size:.84.98rem; color:var(--ink-2); text-align:center; margin-top:18px;}
  .c-view-toggle{display:flex; margin-left:auto;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}
  .spinner-tertiary-filled{gap:11px; border-bottom:1px solid var(--edge); background:var(--paper); position:absolute; box-shadow:var(--sh-3); left:0; align-items:stretch; top:var(--bar); right:0; padding:19px 28px; flex-direction:column; display:none;}
  .spinner-tertiary-filled.is-open{display:flex;}
  .button-select{align-items:stretch; flex-direction:column; background-blend-mode:normal;}
  .list-item-primary{margin-left:0;}
  .footer-bottom{padding-left:15px; padding-right:12px;}
  .justify-3,.clear-none,.dropdown-focused{padding-right:24px; padding-left:23px;}.preview-rating:not(._748f41){padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}
  .banner-subtitle{margin-left:19px; margin-right:16px;}.container-progress{font-size:1.585rem;}
  .screen-overlay{grid-template-columns:1fr; break-inside:auto;}
  .c-banner-indicator{grid-template-columns:1fr;}
  .bg-24{align-items:flex-start; gap:16px; flex-direction:column;}
  .dropdown-focused{align-items:flex-start; flex-direction:column;}
}
@media (max-width:480px){
  .container-progress{text-decoration-skip-ink:auto; shape-margin:0; font-size:1.33rem;}
  .clear-none{font-size:1.01rem;}
}

/* print */
@media print{.group-modal:not(._748f41), body .modalPrefix, *.breadcrumb-suffix-expanded, html .dropdown-focused, .app-hero, .block-warning, *.feature-backdrop-sticky{display:none!important;}
  .alert-body{padding-top:0px;}
  .footer-bottom{max-width:none;}
  .feature--last,.preview-rating{border:0!important;}
}