/* ============================================================
   1017_new_v1 — stylesheet
   ============================================================ */

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

*, *::before, *::after {padding:0px; box-sizing: border-box; margin:0em;}

html {font-size:112.4%; -webkit-text-size-adjust:100%; scroll-behavior: smooth;}
.layout-column:not(:last-child) {box-shadow:none; transition:color 0.3s; margin-bottom:9px}


body {print-color-adjust:economy; font-size:0.97rem; -moz-osx-font-smoothing:grayscale; line-height:1.72; background: var(--bg); -webkit-font-smoothing:antialiased; hyphens:manual; color: var(--text); font-family: var(--text-font);}

img, svg {display: block; font-variant-ligatures:normal; max-width:100%;}ul, ol{list-style: none;}
a:hover {color: var(--acc-d); background-blend-mode:normal;}a{color: var(--acc); text-decoration:none;}
button {cursor: pointer; font-family:inherit;}
@media (min-width: 1200px) {
  .profile-detail + .tooltip-head {color:inherit; transition:all 0.3s ease}
  .hero-secondary:first-child {width:100%; padding:0.625rem; flex-wrap:nowrap}
}


h1 {break-inside:auto; letter-spacing:-0.015em; font-family: var(--display); color: var(--ink); font-weight:bold; line-height:1.18;}

:focus-visible {outline: 2px solid var(--acc); outline-offset:2px; border-radius:0;}/* span headings (no h2/h3 anywhere but article content) */
.o-review, .search-detail:not(.dummy35), body .carousel__holder--half, .counter__label--center, .toggle{font-family: var(--display); display: block; break-inside:auto; color: var(--ink); letter-spacing:-0.01em; orphans:2; font-weight:700;}body .modal__row--info{overflow: hidden; margin:-1px; clip:rect(0, 0, 0, 0); width:1px; padding:0; height:1px; white-space: nowrap; position: absolute; border:0 none;}
.o-review {margin-bottom:1.06rem; font-size:1.33rem;}html .search-detail{margin-bottom:0.36rem; font-size:1.06rem;}.carousel__holder--half:not(.unused46){margin-bottom:1.27rem; font-size:1.19rem;}

/* ---------- scroll progress ---------- */
.c-block {left:0px; background: var(--acc); top:0; height:7px; transition:width 0.121s linear; z-index: 1200; width:0; position: fixed;}

/* ---------- topbar ---------- */
.toolbar--compact {top:0; z-index: 1000; backdrop-filter:saturate(150%) blur(8px); position: sticky; border-bottom: 1px solid var(--edge); background:rgba(255, 241, 255, 0.87);}
.pr-20 {align-items: center; display: inline-flex;}html .skeleton__wrapper--success{gap:0.95rem; justify-content: space-between; width:100%; padding:0 1.25rem; margin-inline:auto; display: flex; max-width: var(--max); align-items: center; min-height:3.84rem;}
.pr-20 img {width:auto; height:32px;}
.pr-20 img {break-inside:auto;}

.snackbar__label {flex-direction: column; gap:3px; display: none; padding:0.36rem; border:0 none; background:none;}
.snackbar__label span {width:22px; height:2px; display: block; background: var(--ink); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}.feature__count--alt:not(.placeholder76){gap:1.76rem; display: flex; align-items: center;}
.alert-region {gap:1.58rem; display: flex;}.alert-region a, html .view__text{color: var(--text); font-size:0.87rem; text-transform:uppercase; letter-spacing:0.03em; font-weight:600;}body .alert-region a:hover, .view__text:hover{color: var(--acc);}
.toolbar {display: flex; gap:0.96rem; align-items: center;}
.row-6 {font-weight:bold; border-radius: var(--rad-s); color:#fefeff; font-variant-caps:normal; text-transform:uppercase; letter-spacing:0.03em; background: var(--acc); padding:0.51rem 1.07rem; font-size:0.76rem; transition:background 0.222s;}
#menu-suffix {display:flex; box-shadow:0 12px 11px rgba(0,0,0,0.82)}
.row-6:hover{background: var(--acc-d); color:#ffffff;}

/* ---------- flow / shell ---------- */
.spinner--half {padding-bottom:3.92rem;}/* ---------- post ---------- */
.gallery--light{margin:1.53rem auto 0; border-radius: var(--rad); max-width: var(--read); border: 1px solid var(--edge); overflow: hidden; background: var(--card); box-shadow: var(--sh);}
.price__name--alt {padding:2.48rem 2.54rem 1.38rem;}
.toggleZone {margin-bottom:0.8rem; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem);}
.module-extra-selected {align-items: center; display: inline-flex; gap:0.48rem;}html .name-timeline{align-items: center; color: var(--dim); flex-wrap: wrap; display: flex; gap:0.46rem 1.27rem; font-size:0.82rem;}html .module-extra-selected svg{flex-shrink: 0; opacity:0.62;}
.search {font-style:italic;}
.avatar {padding:1.13rem 1.18rem; border-radius: var(--rad-s); border: 1px solid var(--edge); background: var(--bg-2);}

/* toc */
.sort__date--compact {padding:0 2.63rem;}
.form__icon {font-variant-caps:normal; align-items: center; display: flex; justify-content: space-between;}
.counter__label--center {font-size:1.03rem; margin:0;}
.banner--fluid {background:none; color: var(--dim); transition:transform 0.234s, color 0.256s; padding:0.26rem; display: inline-flex; border:0 none;}*.banner--fluid:hover{color: var(--acc);}.avatar.is-shut .banner--fluid:not(.dummy98){transform: rotate(-90deg);}
.avatar.is-shut .stepper--light {display: none; orphans:2;}
.stepper--light {line-height:1.9; padding-top:0.67rem; font-size:0.86rem; margin-top:0.77rem; border-top: 1px solid var(--edge);}
.stepper--light a {display: block; color: var(--text);}
.stepper--light a:hover {color: var(--acc);}
.stepper--light .o-block-spacer {font-size:0.92rem; padding-left:1.12rem;}

/* rich content */
.chip--full {padding:1.56rem 2.55rem 0.23rem; isolation:auto;}
.post-icon + .counter-count {text-transform:capitalize; flex-wrap:wrap; display:inline-flex}

.popover__section {font-size:1.09rem; line-height:1.8; color: var(--text);}.popover__section > * + *{margin-top:1.25rem;}
.popover__section h2 {scroll-margin-top:5rem; padding-top:1.22rem; color: var(--ink); border-top: 1px solid var(--edge-2); orphans:2; text-decoration-skip-ink:auto; font-family: var(--display); line-height:1.3; font-size:1.46rem; margin-top:2.22rem;}
.popover__section h3 {font-size:1.28rem; font-synthesis:weight style small-caps; font-family: var(--display); color: var(--ink); scroll-margin-top:5rem;}
.popover__section h3 {margin-top:1.65rem; text-rendering:auto;}
.popover__section h4 {font-family: var(--display); color: var(--ink); margin-top:1.27rem; font-size:1.05rem;}
.popover__section a {font-variant-ligatures:normal; text-underline-offset:2px; text-decoration-thickness:1px; text-decoration:underline; text-decoration-skip-ink:auto;}
.popover__section strong, .popover__section b {color: var(--ink); font-weight:bold;}
.popover__section ul, .popover__section ol {margin-left:1.37rem;}body .popover__section ul{list-style: disc;}
.page-preview::before {content:''; padding-left:1.75rem; transition:color 0.35s; box-shadow:none; max-width:100%}

.spinner-secondary:not(:last-child) {cursor:pointer; position:static; border-radius:16px}
.popover__section ol{list-style: decimal;}.popover__section li{padding-left:0.29rem; margin-top:0.47rem;}.popover__section img{shape-margin:0; border-radius: var(--rad-s); margin:1.42rem 0; print-color-adjust:economy;}
.popover__section blockquote {color: var(--ink); font-style:italic; padding-top:0.89rem;padding-right:1.32rem;padding-bottom:0.89rem;padding-left:1.32rem; background: var(--tint); border-radius: 0 var(--rad-s) var(--rad-s) 0; border-left: 3px solid var(--acc);}.popover__section code{background: var(--bg-2); border-radius:1px; font-size:0.94em; border: 1px solid var(--edge); padding-top:0.1em;padding-right:0.47em;padding-bottom:0.1em;padding-left:0.47em; font-family:ui-monospace, "SF Mono", "Courier New", monospace;}
.popover__section pre {color:#d8fffb; background: var(--night); padding:1.15rem 1.29rem; border-radius: var(--rad-s); font-size:0.89rem; line-height:1.7; overflow-x: auto;}
.popover__section pre code {border:none; color:inherit; padding:0; background:none;}
.popover__section table {width:100%;}
.popover__section table {border-collapse:collapse; font-size:0.88rem;}*.popover__section th, .popover__section td{padding-top:0.73rem;padding-right:0.82rem;padding-bottom:0.73rem;padding-left:0.82rem; border: 1px solid var(--edge); text-align: left;}
.popover__section th {color: var(--ink); background: var(--bg-2); font-weight:700;}
.popover__section hr {border-top: 1px solid var(--edge); border:0;}
.popover__section hr {margin:2.08rem 0;}

/* share */
.table--top {will-change:auto; padding:1.63rem 2.66rem 2.46rem;}.drawer__body{flex-wrap: wrap; display: flex; gap:0.47rem;}.block__data--vertical:not(.unused90){display: inline-flex; border: 1px solid var(--edge); justify-content: center; transition:background 0.163s, color 0.141s, border-color 0.246s, transform 0.161s; height:38px; align-items: center; width:41px; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; color: var(--dim); background: var(--card);}/* ---------- talk / reach (forms) ---------- */
.dialog__wrap, .t-carousel-preview:not(.skip70){margin:2.12rem auto 0; border-radius: var(--rad); box-shadow: var(--sh); background: var(--card); padding:2.02rem 2.62rem 2.05rem; border: 1px solid var(--edge); max-width: var(--read);}
.block__data--vertical:hover {background: var(--acc); transform: translateY(-1px); border-color: var(--acc); color:hsl(209, 99.9%, 98.3%);}

/* ---------- more (related) ---------- */
.pagination {margin:2.25rem auto 0; max-width: var(--read);}.z-1:not(.none62){margin-top:-0.64rem; image-rendering:auto; margin-bottom:1.24rem; font-size:0.88rem; color: var(--dim);}.tooltip{display: grid; gap:0.96rem; grid-template-columns: repeat(3, 1fr);}
.search__backdrop {border-radius: var(--rad-s); display: block; transition:transform 0.137s, box-shadow 0.216s, border-color 0.203s; padding:0.97rem 1.21rem; border: 1px solid var(--edge); background: var(--card); box-shadow: var(--sh);}
.search__backdrop:hover {transform: translateY(-2px); box-shadow: var(--sh-l); border-color: var(--acc-l);}
.status__toggle {color: var(--ink); font-size:0.94rem; font-family: var(--display); widows:2; font-weight:bold; text-rendering:auto; line-height:1.4;}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {font:inherit; background: var(--bg-2); width:100%; border: 1px solid var(--edge); transition:border-color 0.257s, box-shadow 0.228s, background 0.22s; border-radius: var(--rad-s); color: var(--ink); padding-top:0.75rem;padding-right:0.98rem;padding-bottom:0.75rem;padding-left:0.98rem;}input::placeholder, textarea::placeholder{color: var(--dim);}textarea{resize: vertical; min-height:6.49rem; text-decoration-skip-ink:auto;}
input:focus, textarea:focus {box-shadow:0 0 0 -1px rgba(6, 161, 145, 0.15); border-color: var(--acc); outline:0; background: var(--card);}

.comment--bottom {gap:1.03rem; flex-wrap: wrap; display: flex;}
.card {flex: 1 1 calc(50% - 0.5rem); min-width:0;}
.thread--medium {flex: 1 1 100%;}

.screen--highlight {display: flex;}
.screen--highlight input {min-width:0; border-radius: var(--rad-s) 0 0 var(--rad-s); flex: 1; border-right:0;}
.search-count:not(:last-child) {overflow:auto; text-align:justify; height:auto; margin-bottom:0; font-weight:400}
*.screen--highlight .screen--fixed{border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.screen--fixed {padding-top:0.72rem;padding-right:1.37rem;padding-bottom:0.72rem;padding-left:1.37rem; transition:background 0.191s, color 0.141s, border-color 0.191s; border-radius: var(--rad-s); font-weight:bold; font-size:0.74rem; min-height:2.8rem; image-rendering:auto; align-items: center; text-transform:uppercase; border: 1px solid var(--edge); gap:0.54rem; color: var(--ink); letter-spacing:0.03em; display: inline-flex; background: var(--card); justify-content: center;}
.screen--fixed:hover {border-color: var(--dim); background: var(--bg-2); color: var(--ink);}
.pr-screen {color:hsl(190, 100%, 97.6%); break-inside:auto; background: var(--acc); border-color: var(--acc);}
.pr-screen:hover {border-color: var(--acc-d); color:hsl(240, 100%, 97.1%); transform-style:flat; background: var(--acc-d); image-rendering:auto;}
.px-between {min-width:3.07rem; padding:0.77rem 0.99rem;}

/* ---------- decks (newsletter + account) ---------- */
.page {max-width: var(--band); gap:1.19rem; grid-template-columns: 1fr 1fr; display: grid; margin:2.67rem auto 0;}
.tabs__meta--secondary {width:100%;}
.toolbar__date--primary {flex-direction: column; padding:1.56rem 1.65rem; display: flex; box-shadow: var(--sh);}
.toolbar__date--primary {border: 1px solid var(--edge); border-radius: var(--rad); background: var(--card); image-rendering:auto;}.gallery{margin-bottom:0.94rem; print-color-adjust:economy; color: var(--dim); font-size:0.94rem; mix-blend-mode:normal;}
.snackbar__outer {flex-direction: column; gap:0.67rem; margin-top:auto; display: flex;}body .snackbar__outer .screen--fixed{text-decoration-skip-ink:auto; width:100%;}

/* ---------- footer ---------- */
.drawer--full {padding:2.66rem 0; margin-top:3.36rem; background: var(--night); color: var(--on-night);}*.table--left img{opacity:0.8; height:29px; filter:brightness(0) invert(1); width:auto;}
.menu--pressed {padding:0 1.21rem; flex-wrap: wrap; display: flex; justify-content: space-between; max-width: var(--max); margin-inline:auto; width:100%; align-items: center; background-blend-mode:normal; gap:1.48rem;}
.filter--alt {font-size:0.78rem; image-rendering:auto; margin-top:0.72rem; font-synthesis:weight style small-caps; color: var(--on-night);}
.stepper--half {display: flex; gap:1.27rem;}
.stepper--half a {font-size:0.86rem; color: var(--on-night);}.stepper--half a:hover{color:#fff4fd;}.border-10:not(.void90){display: flex; font-variant-ligatures:normal; gap:0.61rem; orphans:2;}
.border-10 a {border-radius: var(--rad-s); color: var(--on-night); background:rgba(255, 243, 241, 0.08); transition:background 0.158s, color 0.196s, transform 0.124s; align-items: center; width:34px; height:36px; justify-content: center; display: inline-flex;}.border-10 a:hover{background: var(--acc); color:#f9f4ff; transform: translateY(-1px); background-blend-mode:normal;}

/* ---------- back to top ---------- */
.heroDot {bottom:1.62rem; width:50px; align-items: center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; background: var(--acc); height:45px; display: none; box-shadow: var(--sh-l); right:1.59rem; z-index: 900; transition:background 0.23s, transform 0.143s; justify-content: center; color:#f5f0ff; position: fixed; border:0;}
.heroDot:hover {background: var(--acc-d); transform: translateY(-2px);}
.heroDot.list__tertiary--rounded {display: inline-flex;}
.step {background-blend-mode:normal; margin-inline:auto; justify-content: space-between; display: flex; tab-size:4; align-items: center; width:100%; gap:1.54rem; padding:0 1.2rem; max-width: var(--max);}

/* ---------- cookie ---------- */
.thread--wide {box-shadow:0 -3px 28px rgba(3, 31, 32, 0.17); padding:0.93rem 0; position: fixed; bottom:0; left:0; border-top: 1px solid var(--edge); z-index: 1100; background: var(--card); right:0;}
.thread--wide p {margin:0; color: var(--text); font-size:0.74rem;}.thread--wide .screen--fixed{padding:0.51rem 1.35rem; min-height:2.43rem; flex-shrink: 0;}
.screen-separator:not(:last-child) {padding-bottom:15px; text-transform:capitalize; flex:1 1 0%; display:table; transition:all 0.3s ease}
/* ---------- auth layers (CSS :target modal) ---------- */
.t-dropdown{inset:0em; display: none; position: fixed;}/* ---------- auth layers (CSS :target modal) ---------- */
.t-dropdown{z-index: 1300;}
.t-dropdown:target {padding-top:1.3rem;}
.t-dropdown:target {padding-right:1.3rem; padding-bottom:1.3rem; padding-left:1.3rem; display: grid; place-items: center;}
.menu__detail {backdrop-filter:blur(2px); position: absolute; background:rgba(21, 48, 36, 0.49); inset:0px;}.profile--selected:not(.noop57){padding:1.86rem 1.81rem 1.59rem; box-shadow: var(--sh-l); border-radius: var(--rad); z-index: 1; border: 1px solid var(--edge); background: var(--card); animation:pop 0.126s ease-out; position: relative; width: min(94vw, 25rem);}
@keyframes pop {from{opacity:0; transform: translateY(8px) scale(0.99);} to {transform: none; opacity:1;} }html .select__area--left{right:0.82rem; position: absolute; line-height:1; color: var(--dim); font-size:1.42rem; text-decoration:none; top:0.62rem;}
.select__area--left:hover {color: var(--ink);}
.thread__primary--sticky {margin-top:0.25rem; font-size:0.9rem; color: var(--dim); text-align: center;}
.t-dropdown .rating__label {flex-direction: column; display: flex; gap:0.87rem;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .snackbar__label {display: flex;}
  .feature__count--alt {align-items: stretch; gap:0; display: none; flex-direction: column;}
  .feature__count--alt {padding:0.44rem 0; border-bottom: 1px solid var(--edge); box-shadow: var(--sh); top:100%; background: var(--card); left:0; right:0; position: absolute;}
.card-body:hover {text-transform:lowercase; border-radius:38px; padding:48px 41px; cursor:default}

  .feature__count--alt.open {display: flex;}
  .alert-region {padding:0 1.32rem; gap:0; flex-direction: column;}
  .alert-region a {border-bottom: 1px solid var(--edge-2); padding:0.81rem 0;}

  .tooltip {grid-template-columns: 1fr 1fr;}
  .toolbar {padding:0.93rem 1.24rem 0.44rem; gap:0.78rem;}
  .page {grid-template-columns: 1fr;}
}

@media (max-width: 680px) {
  html {background-blend-mode:normal; font-size:100%;}
  .price__name--alt {padding:1.86rem 1.37rem 1.18rem;}
.search-input > head {display:flex; gap:1.25rem; padding-left:1.25rem}

  .sort__date--compact {padding:0 1.33rem;}
@media (max-width: 800px) {
  .filter-info .sort-value {text-decoration:underline; text-transform:none; position:absolute; line-height:1}
  .post-icon + .counter-count {margin:0.5rem; margin-bottom:3rem; max-width:none; position:absolute; padding-right:29px}
}


.filter-info .sort-value {padding-top:0.875rem; max-width:1000px}

  .chip--full {padding:1.3rem 1.45rem 0.33rem;}*.table--top{padding:1.35rem 1.32rem 1.86rem;}
  .tooltip {grid-template-columns: 1fr;}
  .dialog__wrap, .t-carousel-preview {padding:1.54rem 1.42rem 1.79rem;}html .menu--pressed{flex-direction: column; gap:1.23rem; align-items: flex-start;}
  .step {text-align: center; flex-direction: column; gap:0.76rem;}
}

@media (max-width: 460px) {.card{flex: 1 1 100%;}
.status__tertiary {line-height:1; transition:all 0.45s ease; border:1px solid #aaaaaa; margin-left:22px}

  .heroDot {right:1.03rem; bottom:0.93rem;}
}

@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto; break-inside:auto;}*{animation:none !important; transition:none !important;}
}

@media print {.toolbar--compact:not(.empty10), .table--top, .dialog__wrap, *.pagination, .t-carousel-preview, .page, body .drawer--full, .heroDot, .thread--wide, html .t-dropdown, .c-block:not(.noop60){display: none !important;}
  body {background:#fafeff;}
  .gallery--light {border:none; max-width:none; box-shadow:none;}
}

.stepper-content .widget-secondary {padding-right:1.5rem; border-radius:50%}