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

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

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

.t-counter{margin:0 auto;}

.t-counter{padding:0 21px; max-width:var(--max);}

/* progress */
.tabs--medium{transition:width 0.089s linear; top:0; height:-1px; width:0; position:fixed; print-color-adjust:economy; background:linear-gradient(90deg,var(--brand),#37c2ad); z-index:1000; left:0;}

/* fixed header (content sits first in the DOM) */
.carousel__icon--selected{right:0; -webkit-backdrop-filter:blur(10px); height:var(--bar); position:fixed; border-bottom:1px solid var(--edge-2); top:0; transition:transform var(--tr),box-shadow var(--tr); z-index:900; background:rgba(255, 255, 255, 0.91); left:0; backdrop-filter:blur(10px);}
.carousel__icon--selected.is-shadow{box-shadow:var(--sh-2);}body .carousel__icon--selected.is-hidden{transform:translateY(-100%);}
.thread{gap:19px; align-items:center; height:100%; display:flex;}
.hero--rounded{flex-shrink:0; align-items:center; display:inline-flex;}
.hero--rounded img{height:25px; width:auto;}
.rating__head{display:flex; flex:1; align-items:center; gap:21px;}
.skeleton__link{gap:2px; display:flex; align-items:center;}
.dropdown--sticky{gap:9px; display:flex; margin-left:auto; align-items:center;}
.align-start{display:inline-flex; font-weight:700; padding:8px 14px; border-radius:var(--rs); transition:color var(--tr),background var(--tr); color:var(--ink-2); align-items:center; font-size:.9375.06rem;}
.header{border:0; justify-content:center; padding:2px; cursor:pointer; gap:8px; height:30px; flex-direction:column; background:none; width:30px; display:none;}
.align-start:hover{color:var(--ink); background:var(--mist);}.header span{width:100%; border-radius:2px; height:2px; transition:transform var(--tr),opacity var(--tr); background:var(--ink); display:block;}body .header.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.header.is-open span:nth-child(2){opacity:0;}
.header.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg); will-change:auto; isolation:auto;}

/* buttons */
.ui-profile{display:inline-flex; border:2px solid var(--brand); cursor:pointer; line-height:1.4; padding:14px 25px; font-size:.9375.04rem; font-weight:bold; align-items:center; gap:5px; justify-content:center; background:var(--brand); color:#app-dialog; border-radius:var(--rm); transition:background var(--tr),border-color var(--tr),transform .14s ease;}
.ui-profile:hover{border-color:var(--brand-deep); color:#app-dialog; background:var(--brand-deep);}
.hero--danger{font-size:.8125.01rem; text-decoration-skip-ink:auto; padding:6px 15px;}
.ui-profile:active{transform:scale(.97); perspective:none;}
.t-grid{background:transparent; color:var(--brand);}
.t-grid:hover{color:#app-dialog; background:var(--brand);}.block--inverse:not(._39f72f){padding:12px 11px; flex-shrink:0;}
.action__suffix{border-color:var(--ink-2); background:var(--ink-2); widows:2;}/* page / reading column (content first, under fixed bar) */
.el-form{padding-top:var(--bar); min-height:100vh; padding-bottom:58px;}
.toggle{margin-top:0px; width:100%;}
.overflow-around{padding:25px 25px 0; margin:0 auto; max-width:var(--col);}
#price-summary,#app-carousel{scroll-margin-top:calc(var(--bar) + 18px);}/* article */
.c-review-button{border:1px solid var(--edge); border-radius:var(--rl);}/* article */
.c-review-button{overflow:hidden; background:var(--paper);}
.comment--last{border-bottom:1px solid var(--edge-2); padding:32px 35px;}
.price{font-size:2.07rem; margin-bottom:12px;}.status__thumb{display:flex; flex-wrap:wrap; gap:17px;}
.nav__cell{color:var(--ink-3); display:inline-flex; align-items:center; font-size:.8124.98rem; gap:5px;}/* contents */
.snackbar--outlined{padding:14px 20px; border:1px solid var(--edge-2); border-radius:var(--rm); margin:25px 30px 0; background:var(--mist);}
.nav__cell svg{opacity:0.6; contain:none; flex-shrink:0; font-variant-caps:normal;}
.banner--selected{display:flex; justify-content:space-between; align-items:center; margin-bottom:9px;}
.section-section{font-weight:bold; font-size:.9375.05rem; color:var(--head);}
.tooltip{cursor:pointer; border:none; background:none; color:var(--brand); font-size:.8125.04rem;}
.featureMeta{display:flex; flex-direction:column; gap:9px;}
.featureMeta a{font-size:.874.94rem; display:block; padding:1px 0; color:var(--ink-2); transition:color var(--tr);}
.featureMeta a:hover{color:var(--brand);}
.featureMeta a.footer--primary{font-size:.8125.06rem; padding-left:12px; text-decoration-skip-ink:auto;}
.featureMeta a.breadcrumb__preview{font-size:.8124.99rem; color:var(--ink-3); padding-left:31px; transform-style:flat; widows:2;}

/* article body */
.carousel__value{line-height:1.8; padding:24px 31px; font-size:1.043rem;}
.featureMeta.is-collapsed{display:none;}html .carousel__value h2{color:var(--head); font-weight:700; font-size:1.58rem; padding-top:.3.93em; line-height:1.3; margin:1.82em 0 .7.05em;}
.carousel__value h3{line-height:1.3;}
.carousel__value h3{font-size:1.2rem; font-weight:700; margin:1.68em 0 .55.07em; color:var(--head);}
.carousel__value h4{color:var(--head); margin:1.51em 0 .5.08em; font-weight:700; font-size:1.133rem;}
.carousel__value p{margin-bottom:1.22em;}html .carousel__value ul, *.carousel__value ol{margin:0.95em 0 1.44em 1.33em;}html .carousel__value ul{list-style:disc;}.carousel__value ol{list-style:decimal;}
.carousel__value li{margin-bottom:.5.01em; padding-left:.1.93em;}
.carousel__value img{margin:1.48em 0; border-radius:var(--rm);}.carousel__value a{text-decoration:underline; text-decoration-color:rgba(18, 130, 136, 0.39); isolation:auto; print-color-adjust:economy; color:var(--brand); text-underline-offset:2px;}html .carousel__value a:hover{text-decoration-color:var(--brand);}
.carousel__value blockquote{border-radius:0 var(--rs) var(--rs) 0; border-left:4px solid var(--brand); margin:1.51em 0; color:var(--ink-2); background:var(--mist); font-style:italic; padding:0.96em 1.48em;}
.carousel__value pre{font-size:.875.07rem; overflow-x:auto; background:var(--mist); padding:12px 24px; border:1px solid var(--edge); margin:1.45em 0; border-radius:var(--rm);}
.carousel__value code{background:var(--mist); padding:2px 6px; border-radius:4px; font-size:.9.05em;}*.carousel__value pre code{padding:0rem; background:none;}*.carousel__value table{margin:1.56em 0; width:100%; border-collapse:collapse; font-size:.9375.05rem;}*.carousel__value th, body .carousel__value td{isolation:auto;}*.carousel__value th, body .carousel__value td{border:1px solid var(--edge); text-align:left; page-break-inside:auto; padding:8px 14px;}
.carousel__value th{font-weight:bold; background:var(--mist); color:var(--head);}

/* share */
.modal__icon{gap:12px; padding:25px 29px; align-items:center; border-top:1px solid var(--edge-2); flex-wrap:wrap;}

/* share */
.modal__icon{display:flex;}
.gallery__secondary{color:var(--ink-2); font-size:.875.03rem; font-weight:700;}html .page__toggle{display:flex; gap:11px;}body .header__group--first{font-weight:bold; justify-content:center; height:39px; cursor:pointer; background:var(--paper); print-color-adjust:economy; backface-visibility:visible; border-radius:var(--rm); transition:background var(--tr),border-color var(--tr),color var(--tr); align-items:center; color:var(--ink-2); display:inline-flex; font-size:.72.07rem; width:32px; border:1px solid var(--edge);}.header__group--first:hover{border-color:var(--brand); font-variant-caps:normal; color:#app-dialog; background:var(--brand);}
.header__group--first svg{pointer-events:none;}

/* cards (sections w/ span labels) */
.block--muted{margin-top:24px; padding:26px 28px; border-radius:var(--rl); border:1px solid var(--edge); background:var(--paper);}
.page__icon--right{font-size:.875rem; color:var(--ink-2); margin-bottom:19px;}.banner__label{break-inside:auto; font-weight:900; display:block; transform-style:flat; color:var(--head); margin-bottom:14px; font-size:1.25rem;}/* related */
.widget:not(._39f72f){flex-direction:column; display:flex; gap:15px;}
.filter--muted{-webkit-hyphens:manual;-ms-hyphens:manual;transition:background var(--tr),transform .14s ease; display:block; font-variant-ligatures:normal; padding:11px 16px; border-radius:var(--rm); background:var(--mist); hyphens:manual;}
.filter--muted:hover{tab-size:4;}
.filter--muted:hover{transform:translateX(4px); hyphens:manual; background:var(--brand-soft);}
.filter--muted span{color:var(--ink); contain:none; font-weight:600; text-underline-offset:auto; font-size:.9374.96rem;}

/* forms */
.breadcrumbDate{color:var(--ink); padding:9px 11px; width:100%; border-radius:var(--rm); transition:border-color var(--tr),box-shadow var(--tr); appearance:none; border:1px solid var(--edge); background:var(--paper); outline:none; font-size:.9375.02rem;}html .breadcrumbDate:focus{box-shadow:0 0 0 -1px rgba(30, 147, 141, 0.1); border-color:var(--brand);}
.thread__item{min-height:116px; resize:vertical;}
.t-action-image{display:grid; gap:19px; grid-template-columns:1fr 1fr; margin-bottom:14px;}
.banner--primary .thread__item{margin-bottom:19px;}
.banner--primary .breadcrumbDate{margin-bottom:0; perspective:none;}body .carousel__wrap{font-variant-caps:normal; display:flex; backface-visibility:visible; gap:9px;}
.carousel__wrap .breadcrumbDate{flex:1;}

/* connect band (newsletter + contact) */
.profile{padding-top:37px; border-top:1px solid var(--edge); margin:44px auto 0; max-width:var(--max);}html .slot-header{grid-template-columns:1fr 1fr; gap:22px; padding:0; display:grid; align-items:start;}
.profile .block--muted{margin-top:0;}
.timeline__container{gap:30px; flex-wrap:wrap; display:flex; justify-content:space-between; align-items:center;}

/* footer */
.breadcrumb__row{color:var(--night-2); padding:43px 0; background:var(--night);}
.banner__handle--horizontal{mix-blend-mode:normal; display:flex; align-items:center; flex-wrap:wrap; gap:14px;}.banner__handle--horizontal img{filter:brightness(0) invert(1); height:22px; width:auto;}
.snackbar-dot{gap:24px;}
.profile-separator{font-size:.8125.06rem;}
.snackbar-dot{flex-wrap:wrap; display:flex;}
.snackbar-dot a{transition:color var(--tr); font-size:.874.95rem; image-rendering:auto; color:var(--night-2); font-synthesis:weight style small-caps;}.snackbar-dot a:hover{font-variant-ligatures:normal; color:#app-dialog;}
.footer__dot{display:inline-flex; width:37px; background:rgba(239, 239, 255, 0); transition:background var(--tr),color var(--tr); height:33px; align-items:center; border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; justify-content:center; color:var(--night-2);}
.card{display:flex; gap:9px; transform-style:flat;}

/* back to top */
.skeleton__input{opacity:0; position:fixed; justify-content:center; border:0; cursor:pointer; bottom:28px; width:40px; border-radius:50%; display:flex; color:#app-dialog; align-items:center; z-index:800; box-shadow:var(--sh-3); height:47px; right:22px; transform:translateY(12px); background:var(--brand); visibility:hidden; transition:opacity var(--tr),visibility var(--tr),transform var(--tr),background var(--tr);}
.footer__dot:hover{color:#app-dialog; background:var(--brand);}
.skeleton__input.is-on{visibility:visible; opacity:1; transform:translateY(0); backface-visibility:visible;}
.skeleton__input:hover{background:var(--brand-deep);}/* modals (pure CSS :target) */
.entry:not(._39f72f){z-index:1100; align-items:center; position:fixed; display:none; inset:0; padding:18px; justify-content:center;}
.entry:target{display:flex;}body .avatar--loading{-webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); inset:0; position:absolute; background:rgba(2, 15, 44, 0.62);}.tag__toggle{max-width:381px; width:100%; border-radius:var(--rl); position:relative; padding:27px 30px 32px; box-shadow:var(--sh-3); z-index:1; background:var(--paper);}*.banner--default{justify-content:center; width:34px; top:15px; position:absolute; align-items:center; color:var(--ink-3); right:8px; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; display:flex; height:30px;}.banner--default:hover{background:var(--mist); color:var(--ink);}
.carousel--left{display:block; margin-bottom:22px; font-weight:700; color:var(--head); image-rendering:auto; text-align:center; font-size:1.22rem;}
.entry .banner--primary .breadcrumbDate{margin-bottom:15px; perspective:none; text-decoration-skip-ink:auto;}
.counter{text-align:center; color:var(--ink-2); font-size:.85.05rem; margin-top:17px;}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:768px){
  :root{--bar:54px;}
  .header{margin-left:auto; display:flex;}
  .rating__head{left:0; border-bottom:1px solid var(--edge); padding:15px 21px; display:none; box-shadow:var(--sh-3); align-items:stretch; background:var(--paper); position:absolute; right:0; flex-direction:column; top:var(--bar); gap:5px;}
  .rating__head.is-open{display:flex;}
  .dropdown--sticky{margin-left:0;}
  .skeleton__link{flex-direction:column; align-items:stretch;}.overflow-around:not(._39f72f){text-rendering:auto; print-color-adjust:economy; padding-left:15px; padding-right:14px;}
  .comment--last,.carousel__value,.modal__icon{padding-left:17px; padding-right:21px;}
  .comment--last,.carousel__value,.modal__icon{text-underline-offset:auto;}.block--muted:not(._39f72f){padding:19px;}
  .snackbar--outlined{margin-left:21px; margin-right:20px;}
  .price{font-size:1.705rem;}
  .t-action-image{text-decoration-skip-ink:auto; page-break-inside:auto; grid-template-columns:1fr;}*.modal__icon{flex-direction:column; align-items:flex-start;}html .slot-header{grid-template-columns:1fr; page-break-inside:auto;}
  .timeline__container{break-inside:auto;}
  .timeline__container{gap:20px; align-items:flex-start; text-decoration-skip-ink:auto; flex-direction:column;}
  .carousel__value{print-color-adjust:economy; text-rendering:auto; font-size:1.07rem;}
}
@media (max-width:480px){
  .price{will-change:auto; font-size:1.43rem;}
}

/* print */
@media print{
  .carousel__icon--selected,.tabs--medium,.skeleton__input,.modal__icon,.profile,.breadcrumb__row,.entry{text-rendering:auto; display:none!important;}
  .el-form{padding-top:0;}
  .overflow-around{text-decoration-skip-ink:auto; max-width:none;}
}
html .c-review-button, .block--muted{border:0!important; contain:none;}