.popover-track.header-flat {width:100%; overflow:auto}
/* ============================================================
   1017_new_v1 — stylesheet
   ============================================================ */

:root {--rad: 12px; --max: 70rem; --edge-2: #eef1f1; --ink: #16221f; --band: 62rem; --acc: #0d9488; --acc-l: #2bb3a3; --bg-2: #fafbfb; --night: #14201d; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --tint: rgba(13, 148, 136, 0.08); --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --read: 45rem; --acc-d: #0f766e; --night-2: #1d2c28; --dim: #79868c; --display: "Sora", system-ui, sans-serif; --rad-s: 8px; --edge: #e5e9e9; --card: #ffffff; --bg: #f4f6f6; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --on-night: rgba(255, 255, 255, 0.6); --text: #46535a;}

*, *::before, *::after {padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem; box-sizing: border-box; margin:0;}

html {font-size:113.9%; -webkit-text-size-adjust:100%; scroll-behavior: smooth;}

img, svg {widows:2; display: block; max-width:100%;}

body {font-size:1.06rem; font-family: var(--text-font); line-height:1.72; -moz-osx-font-smoothing:grayscale; color: var(--text); -webkit-font-smoothing:antialiased; background: var(--bg);}
a {text-decoration:none; color: var(--acc);}ul, ol{list-style: none; font-synthesis:weight style small-caps;}a:hover{color: var(--acc-d);}button{cursor: pointer; font-family:inherit;}
h1 {font-weight:700; line-height:1.18; will-change:auto; color: var(--ink); font-family: var(--display); word-spacing:normal; letter-spacing:-0.015em;}body .c-divider-time{clip:rect(0, 0, 0, 0); position: absolute; border:none; overflow: hidden; white-space: nowrap; height:1px; padding:0; width:1px; margin:-1px;}

:focus-visible {background-blend-mode:normal; outline: 2px solid var(--acc); outline-offset:2px; border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px;}/* span headings (no h2/h3 anywhere but article content) */
.c-filter-input, html .sliderCell, .c-dropdown-time:not(.void27), .wrapper-media:not(.null13), *.c-rating-secondary{font-family: var(--display); letter-spacing:-0.01em; font-weight:bold; color: var(--ink); display: block;}
.c-filter-input {font-size:1.37rem; margin-bottom:1.11rem;}
.sliderCell {margin-bottom:0.34rem; font-size:1rem; isolation:auto;}
.c-dropdown-time {font-size:1.33rem; margin-bottom:1.27rem;}

/* ---------- scroll progress ---------- */
.alert__image {top:0; background: var(--acc); left:0; height:-1px; width:0; position: fixed; z-index: 1200; transition:width 0.021s linear;}/* ---------- topbar ---------- */
:where(.divider-overlay){border-bottom: 1px solid var(--edge); backdrop-filter:saturate(150%) blur(8px); background:rgba(241, 251, 253, 0.82); top:0; z-index: 1000; position: sticky;}
.c-price-area {max-width: var(--max); align-items: center; min-height:3.97rem; display: flex; gap:0.95rem; justify-content: space-between; padding:0 1.3rem;}
.c-price-area {width:100%; margin-inline:auto;}
.divider-foot::before {content:''; flex:1; background-color:transparent; width:fit-content; flex-wrap:wrap}

.c-card-placeholder {display: inline-flex; align-items: center;}
.c-card-placeholder img {width:auto; height:27px;}.c-layout-button{display: none; background:none; flex-direction: column; padding:0.36rem;}.c-layout-button{gap:9px; border:0 none;}body .c-layout-button span{border-radius:2px; height:2px; display: block; width:18px; background: var(--ink);}body .stepper-fluid{display: flex; gap:1.45rem; text-decoration-skip-ink:auto;}

.hero-fill {align-items: center; gap:1.8rem; display: flex;}
.badge-toggle.hero-large {min-width:0; gap:0.75rem; line-height:normal; padding:41px; width:auto; margin-left:auto}

.panel-extra > slot {justify-content:flex-start; min-width:23px; margin-bottom:22px; text-decoration:none}

.stepper-fluid a, .menu-expand-full {color: var(--text); font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.03em;}
.stepper-fluid a:hover, .menu-expand-full:hover {color: var(--acc);}
.badge-input-empty {align-items: center; gap:1.05rem; display: flex;}
.toggle-primary {letter-spacing:0.03em; font-size:0.8rem; background: var(--acc); color:hsl(347, 100%, 96.7%); padding-top:0.51rem;padding-right:1.08rem;padding-bottom:0.51rem;padding-left:1.08rem; border-radius: var(--rad-s); font-weight:bold; text-transform:uppercase; transition:background 0.242s;}
.toggle-trigger:first-child {height:12px; position:absolute; transition:all 0.5s ease; flex-wrap:wrap; align-items:baseline; min-width:44px}


/* ---------- flow / shell ---------- */
.hero-data-fixed {padding-bottom:3.94rem;}
.toggle-primary:hover {color:#fff6ff; background: var(--acc-d);}

/* ---------- post ---------- */
.breadcrumb-icon-focused {background: var(--card); margin:1.68rem auto 0; overflow: hidden; border-radius: var(--rad); max-width: var(--read); border: 1px solid var(--edge); box-shadow: var(--sh);}body .meta-chip{margin-bottom:0.77rem; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); transform-style:flat;}
.chip-indicator-filled {padding:2.41rem 2.66rem 1.37rem;}html .feature{display: inline-flex;}
.toggle__count {opacity:0.91; position:static}


.post__date--horizontal {gap:0.5rem 1.31rem; display: flex; color: var(--dim); align-items: center; print-color-adjust:economy; font-size:0.84rem; flex-wrap: wrap;}html .feature{gap:0.45rem; align-items: center;}
.post-subtitle-muted {font-style:italic;}
.screen-slot::before {content:''; height:100%; justify-content:center; position:relative}
html .feature svg{flex-shrink: 0; opacity:0.67;}/* toc */
.counter-backdrop{padding:0 2.64rem;}
.pl-auto {align-items: center; justify-content: space-between; display: flex;}
.c-dropdown-content {padding-top:1.13rem;padding-right:1.21rem;padding-bottom:1.13rem;padding-left:1.21rem; border: 1px solid var(--edge); background: var(--bg-2); border-radius: var(--rad-s);}.wrapper-media{font-size:0.97rem; margin:0;}
@media (min-width: 768px) {
  .progress__image {margin-left:46px; text-decoration:underline; position:static}
  #tag-trigger {width:auto; padding-right:10px; text-decoration:none; background-color:#f8f7fb}
  .tabs-content:not(:last-child) {font-size:39px; display:flex; font-weight:400; cursor:default}
}


.footer {transition:transform 0.299s, color 0.167s; color: var(--dim); padding-top:0.28rem;padding-right:0.28rem;padding-bottom:0.28rem;padding-left:0.28rem; background:none; display: inline-flex; shape-margin:0; border:none;}
.footer:hover {color: var(--acc);}
.c-dropdown-content.is-shut .footer {font-variant-caps:normal; transform: rotate(-90deg); text-decoration-skip-ink:auto;}
.c-dropdown-content.is-shut .list-even {display: none;}html .list-even{font-size:0.82rem; border-top: 1px solid var(--edge); line-height:1.9; margin-top:0.82rem; padding-top:0.64rem;}
.list-even a {display: block; color: var(--text);}
.list-even a:hover {color: var(--acc);}
.list-even .u-popover-info {font-size:0.79rem; padding-left:1.16rem;}

/* rich content */
.section-data {backface-visibility:visible; padding:1.46rem 2.67rem 0.32rem;}
.carousel-tertiary {line-height:1.8; color: var(--text); font-size:1.09rem;}.carousel-tertiary > * + *{margin-top:1.22rem; image-rendering:auto;}
@media (min-width: 1200px) {
  .section__fill {width:fit-content; justify-content:space-around; transition:color 0.25s; max-width:100%; position:static}
  .popover-track.header-flat {gap:35px; width:auto; transition:opacity 0.45s}
}


.carousel-tertiary h2 {border-top: 1px solid var(--edge-2); font-family: var(--display); color: var(--ink); font-size:1.47rem; scroll-margin-top:5rem; line-height:1.3; margin-top:2.3rem; padding-top:1.37rem;}
.carousel-tertiary h3 {color: var(--ink); font-family: var(--display); margin-top:1.62rem; font-size:1.3rem;}
.carousel-tertiary h3 {scroll-margin-top:5rem;}
.carousel-tertiary h4 {color: var(--ink); font-size:1.12rem; font-family: var(--display); margin-top:1.29rem;}
.carousel-tertiary a {text-underline-offset:2px; text-decoration:underline; text-decoration-thickness:1px;}
.carousel-tertiary strong, .carousel-tertiary b {color: var(--ink); font-weight:700; backface-visibility:visible;}html .carousel-tertiary ul, body .carousel-tertiary ol{tab-size:4; margin-left:1.35rem;}.carousel-tertiary ul{list-style: disc;}
.carousel-tertiary ol {list-style: decimal;}
.carousel-tertiary li {margin-top:0.46rem; padding-left:0.22rem;}
.carousel-tertiary img {border-radius: var(--rad-s); margin:1.53rem 0;}
.carousel-tertiary blockquote {color: var(--ink); border-radius: 0 var(--rad-s) var(--rad-s) 0; border-left: 3px solid var(--acc); background: var(--tint); padding-top:0.79rem;padding-right:1.23rem;padding-bottom:0.79rem;padding-left:1.23rem; font-style:italic;}
.carousel-tertiary code {font-family:ui-monospace, "SF Mono", "Courier New", monospace; font-size:0.85em; border: 1px solid var(--edge); border-radius:9px; padding:0.08em 0.51em; background: var(--bg-2);}
.carousel-tertiary pre {line-height:1.7; background: var(--night); font-size:0.92rem; color:#e7ebee; overflow-x: auto; border-radius: var(--rad-s); padding:1.08rem 1.37rem;}
.post-foot {position:relative; display:grid; align-items:stretch; background-color:transparent; min-height:100vh; transition:all 0.15s ease}

.module-date .panel-cell {padding-top:3rem; min-width:0; justify-content:flex-start; margin-right:auto}

.carousel-tertiary pre code {border:none; background:none; padding:0; color:inherit;}
.carousel-tertiary table {font-size:0.98rem; border-collapse:collapse; width:100%;}
.carousel-tertiary th, .carousel-tertiary td {text-align: left; padding-top:0.71rem; padding-right:0.74rem; padding-bottom:0.71rem;}
.carousel-tertiary th, .carousel-tertiary td {padding-left:0.74rem; border: 1px solid var(--edge);}
.carousel-tertiary th {font-weight:700; color: var(--ink); background: var(--bg-2);}html .carousel-tertiary hr{break-inside:auto; margin:2.07rem 0; border:none; border-top: 1px solid var(--edge);}/* share */
.c-filter-expand{padding:1.76rem 2.52rem 2.43rem;}.c-select-time:not(.skip19){display: flex; flex-wrap: wrap; gap:0.55rem;}.c-select-time:not(.skip19){hyphens:manual;}
.c-snackbar-overlay {width:37px; border-radius:50%; background: var(--card); border: 1px solid var(--edge); display: inline-flex; align-items: center; height:41px; justify-content: center; transition:background 0.145s, color 0.165s, border-color 0.158s, transform 0.151s; color: var(--dim);}
.c-snackbar-overlay:hover {color:#ffffff; border-color: var(--acc); transform: translateY(-1px); background: var(--acc); background-blend-mode:normal;}/* ---------- talk / reach (forms) ---------- */
.page-tertiary, .step-rounded{padding:2.06rem 2.54rem 2.04rem; box-shadow: var(--sh); background: var(--card); max-width: var(--read); border: 1px solid var(--edge); margin:2.12rem auto 0; border-radius: var(--rad);}
.filter-expand-primary {color: var(--dim); margin-top:-0.66rem; font-size:0.87rem; margin-bottom:1.16rem;}

/* ---------- more (related) ---------- */
.c-alert-slot {max-width: var(--read); margin:2.23rem auto 0;}.count-drawer{display: grid; gap:1rem; grid-template-columns: repeat(3, 1fr);}
.divider-hover {border: 1px solid var(--edge); background: var(--card); padding-top:1.03rem;padding-right:1.19rem;padding-bottom:1.03rem;padding-left:1.19rem; box-shadow: var(--sh); display: block; border-radius: var(--rad-s); transition:transform 0.24s, box-shadow 0.229s, border-color 0.16s;}
.divider-hover:hover {transform: translateY(-2px); box-shadow: var(--sh-l); border-color: var(--acc-l);}
.drawerName {break-inside:auto; line-height:1.4; font-weight:700; font-family: var(--display); color: var(--ink); font-size:0.92rem;}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {padding:0.71rem 0.92rem; border: 1px solid var(--edge); background: var(--bg-2); width:100%; transition:border-color 0.193s, box-shadow 0.172s, background 0.23s; border-radius: var(--rad-s); font:inherit; color: var(--ink);}
input::placeholder, textarea::placeholder {color: var(--dim);}
textarea {resize: vertical; min-height:6.44rem;}
input:focus, textarea:focus {background: var(--card); box-shadow:0 0 0 -1px rgba(2, 162, 153, 0.13); border-color: var(--acc); outline:0;}

.icon-panel {flex-wrap: wrap; gap:1.04rem; display: flex;}
.app-status {min-width:0; flex: 1 1 calc(50% - 0.5rem);}
.filter__group {flex: 1 1 100%;}

.block-extra {display: flex; contain:none;}html .block-extra input{border-right:none; min-width:0; border-radius: var(--rad-s) 0 0 var(--rad-s); flex: 1;}
.block-extra .feature-block {border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.feature-block {align-items: center; color: var(--ink); min-height:2.87rem; gap:0.46rem; background: var(--card); padding-top:0.72rem;padding-right:1.35rem;padding-bottom:0.72rem;padding-left:1.35rem; font-weight:bold; display: inline-flex; border: 1px solid var(--edge); justify-content: center; transition:background 0.209s, color 0.209s, border-color 0.241s; font-size:0.84rem; border-radius: var(--rad-s); letter-spacing:0.03em; text-transform:uppercase;}.feature-block:hover{color: var(--ink); page-break-inside:auto; background: var(--bg-2); border-color: var(--dim);}
.rounded-end {background: var(--acc); font-variant-caps:normal; color:#ffffff; border-color: var(--acc);}.rounded-end:hover{color:#ffffff; border-color: var(--acc-d); background: var(--acc-d);}
.filter {padding:0.69rem 0.96rem; mix-blend-mode:normal; min-width:3.03rem;}
.progress-top {width:100%;}
.modal--elevated {padding:1.25rem; flex:1; font-size:2rem; transition:color 0.15s}


/* ---------- decks (newsletter + account) ---------- */
.link-nav {max-width: var(--band); grid-template-columns: 1fr 1fr; margin:2.65rem auto 0; gap:1.32rem; display: grid;}
.c-grid-input {padding:1.49rem 1.64rem; border: 1px solid var(--edge); flex-direction: column; display: flex; box-shadow: var(--sh); border-radius: var(--rad); background: var(--card);}.c-select-content:not(.void46){color: var(--dim); font-size:0.79rem; margin-bottom:0.99rem;}
.area-table {flex-direction: column; gap:0.68rem; margin-top:auto; display: flex;}
.area-table .feature-block {width:100%;}/* ---------- footer ---------- */
.w-12{padding:2.62rem 0; margin-top:3.39rem; background: var(--night); color: var(--on-night);}
.mr-5 img {height:24px;}.c-banner-cell{margin-inline:auto; width:100%; align-items: center; max-width: var(--max); gap:1.58rem; padding:0 1.17rem; flex-wrap: wrap; display: flex; justify-content: space-between;}.header-extra:not(.none19){margin-top:0.71rem; font-size:0.82rem; color: var(--on-night);}
.mr-5 img {width:auto; opacity:0.89; filter:brightness(0) invert(1);}
.toggle-extra {gap:1.28rem; display: flex;}
.toggle-extra a {color: var(--on-night); font-size:0.86rem;}
.toggle-extra a:hover {color:#fcfffe;}
.section__fill {transition:transform 0.4s ease-in-out; text-decoration:none; justify-content:center; display:inline-flex}


.card-primary {gap:0.66rem; display: flex;}body .card-primary a{color: var(--on-night); display: inline-flex; border-radius: var(--rad-s); width:33px; background:rgba(255, 255, 238, 0.07); justify-content: center; align-items: center; height:40px; transition:background 0.215s, color 0.177s, transform 0.153s;}.card-primary a:hover{background: var(--acc); color:hsl(62, 100%, 99.4%);}.card-primary a:hover{transform: translateY(-1px);}

/* ---------- back to top ---------- */
.opacity-3 {z-index: 900; height:46px; position: fixed; transition:background 0.208s, transform 0.148s; color:#f4f5fd; justify-content: center; border-radius:50%; widows:2; right:1.6rem; width:43px; background: var(--acc); backface-visibility:visible; box-shadow: var(--sh-l); bottom:1.53rem; border:0 none; align-items: center; display: none;}
.opacity-3:hover {background: var(--acc-d); transform: translateY(-2px);}
.opacity-3.sidebar-info-bottom {display: inline-flex;}

/* ---------- cookie ---------- */
.review-first {bottom:0; border-top: 1px solid var(--edge); background: var(--card); box-shadow:0 -3px 28px rgba(3, 16, 38, 0.03); right:0; z-index: 1100; position: fixed; padding:0.83rem 0; left:0px;}
.review-first p {color: var(--text); margin:0; font-size:0.88rem;}
.nav {max-width: var(--max); width:100%; align-items: center; display: flex; justify-content: space-between; padding:0 1.31rem; gap:1.45rem; margin-inline:auto;}body .review-first .feature-block{flex-shrink: 0; min-height:2.37rem; padding:0.53rem 1.39rem;}

/* ---------- auth layers (CSS :target modal) ---------- */
.toolbar-section {z-index: 1300; inset:0; display: none; position: fixed;}
.toolbar-section:target {padding-top:1.24rem;padding-right:1.24rem;padding-bottom:1.24rem;padding-left:1.24rem; place-items: center; display: grid;}*.info-pagination{position: absolute; inset:0; backdrop-filter:blur(2px); background:rgba(27, 46, 30, 0.58);}
.c-module-holder {border: 1px solid var(--edge); z-index: 1; position: relative; box-shadow: var(--sh-l); border-radius: var(--rad); animation:pop 0.224s ease-out; padding:1.81rem 1.79rem 1.63rem; background: var(--card); width: min(94vw, 25rem);}
.nav-label .rating-data {transition:color 0.4s; height:auto; cursor:pointer; max-width:none; overflow:auto; display:inline-block}

@keyframes pop { from {transform: translateY(8px) scale(0.99); opacity:0;} to {transform: none; opacity:1;} }
.counter-subtitle {top:0.72rem; text-decoration:none; position: absolute; color: var(--dim); font-size:1.49rem; right:0.78rem; line-height:1;}html .counter-subtitle:hover{color: var(--ink);}.toolbar-section .skeleton-bottom:not(.skip88){flex-direction: column; gap:0.9rem; display: flex;}
.review-section {font-size:0.91rem; color: var(--dim); text-align: center; margin-top:0.13rem;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .c-layout-button {display: flex;}.hero-fill:not(.null92){will-change:auto; gap:0; left:0; right:0;}.hero-fill:not(.null92){tab-size:4; border-bottom: 1px solid var(--edge); box-shadow: var(--sh); padding:0.54rem 0; flex-direction: column; display: none; position: absolute; align-items: stretch; top:100%; background: var(--card);}
  .stepper-fluid {gap:0; tab-size:4; shape-margin:0; padding:0 1.32rem; flex-direction: column;}
  .hero-fill.open {display: flex; isolation:auto;}
  .stepper-fluid a {padding:0.88rem 0; border-bottom: 1px solid var(--edge-2);}
  .badge-input-empty {padding:0.91rem 1.23rem 0.45rem; gap:0.8rem;}
  .link-nav {grid-template-columns: 1fr;}

  .count-drawer {grid-template-columns: 1fr 1fr;}
.slider-tertiary:first-child {padding-right:0.25rem; transition:color 0.25s; max-width:100%; align-items:center; color:#0a9afa}

}

@media (max-width: 680px) {
  html {font-size:100%;}
  .counter-backdrop {padding:0 1.39rem;}
  .chip-indicator-filled {padding:1.83rem 1.39rem 1.15rem;}
  .section-data {padding:1.37rem 1.47rem 0.31rem;}
  .c-filter-expand {padding:1.24rem 1.35rem 1.95rem;}
  .page-tertiary, .step-rounded {padding:1.52rem 1.44rem 1.76rem;}
  .count-drawer {grid-template-columns: 1fr;}html .c-banner-cell{align-items: flex-start; flex-direction: column;}html .c-banner-cell{gap:1.14rem;}.nav{gap:0.78rem; flex-direction: column; text-align: center;}
}

@media (max-width: 460px) {
  .app-status {flex: 1 1 100%; text-rendering:auto;}
}

@media (prefers-reduced-motion: reduce) {html{scroll-behavior: auto;}.opacity-3:not(.unused50){bottom:1.05rem; right:1.07rem;}
  * {transition:none !important; animation:none !important;}
}

@media print {html .divider-overlay, html .c-filter-expand, body .page-tertiary, .c-alert-slot, .step-rounded, *.link-nav, html .w-12, body .opacity-3, *.review-first, .toolbar-section:not(.null90), html .alert__image{display: none !important;}body{background:hsl(299, 98.8%, 96.4%);}
  .breadcrumb-icon-focused {max-width:none; box-shadow:none; border:none;}
}