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

:root {--on-night: rgba(255, 255, 255, 0.6); --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --tint: rgba(13, 148, 136, 0.08); --acc: #0d9488; --acc-d: #0f766e; --acc-l: #2bb3a3; --rad: 12px; --bg: #holder-view; --rad-s: 8px; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --read: 45rem; --text: #46535a; --max: 70rem; --display: "Sora", system-ui, sans-serif; --ink: #16221f; --edge-2: #gallery-primary; --dim: #79868c; --card: #name-stepper; --night-2: #1d2c28; --band: 62rem; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --night: #14201d; --edge: #layout_inner; --bg-2: #page-action;}*, *::before, *::after{margin:0; box-sizing: border-box; padding:0;}

body {-webkit-font-smoothing:antialiased; background: var(--bg); hyphens:manual; -moz-osx-font-smoothing:grayscale; font-family: var(--text-font); font-size:0.94rem; mix-blend-mode:normal; color: var(--text); line-height:1.72;}html{font-size:112.9%; -webkit-text-size-adjust:100%; scroll-behavior: smooth;}img, svg{max-width:100%; display: block;}a{text-decoration:none; color: var(--acc);}ul, ol{list-style: none;}
a:hover {color: var(--acc-d);}
button {transform-style:flat; font-family:inherit; cursor: pointer; isolation:auto;}

:focus-visible {border-radius:1px; outline-offset:2px; outline: 2px solid var(--acc);}h1{line-height:1.18; font-family: var(--display); color: var(--ink); letter-spacing:-0.015em; font-weight:700;}

.c-review-track {overflow: hidden; margin:-1px; clip:rect(0, 0, 0, 0); border:0; height:1px; white-space: nowrap; width:1px; padding:0; position: absolute;}/* span headings (no h2/h3 anywhere but article content) */
:where(.c-slider-secondary), *.c-entry-tertiary, .u-alert:not(._bdd8b7), .el-filter:not(._bdd8b7), *.review-medium{letter-spacing:-0.01em; color: var(--ink); display: block; font-family: var(--display); font-weight:700;}
.c-entry-tertiary {font-size:1.08rem; margin-bottom:0.29rem;}.c-slider-secondary:not(._bdd8b7){font-size:1.38rem; margin-bottom:1.04rem;}.u-alert{margin-bottom:1.23rem; font-size:1.22rem;}

/* ---------- scroll progress ---------- */
.toolbar-bar-default {position: fixed; transition:width 0.135s linear; top:0; background: var(--acc); height:2px; width:0; z-index: 1200; left:0;}/* ---------- topbar ---------- */
.breadcrumb--alt{background:rgba(243, 255, 244, 0.96); top:0px; position: sticky;}/* ---------- topbar ---------- */
.breadcrumb--alt{border-bottom: 1px solid var(--edge); z-index: 1000; backdrop-filter:saturate(150%) blur(8px);}.dialog-slot-horizontal:not(._bdd8b7){min-height:3.98rem; margin-inline:auto; max-width: var(--max); padding:0 1.31rem; justify-content: space-between; gap:0.99rem; align-items: center; width:100%; display: flex;}
.nav-suffix {display: inline-flex; align-items: center;}
.nav-suffix img {width:auto; height:30px;}

.c-profile-dot {padding-top:0.39rem;padding-right:0.39rem;padding-bottom:0.39rem;padding-left:0.39rem; flex-direction: column; background:none; border:0 none; gap:2px; display: none;}

.overflow-24 {display: flex; gap:1.87rem; align-items: center;}
.c-profile-dot span {height:2px; border-radius:2px; background: var(--ink); display: block; width:19px;}
.hero__section--center {display: flex; gap:1.53rem;}
.hero__section--center a, .tooltip {letter-spacing:0.03em; color: var(--text); text-transform:uppercase; font-size:0.74rem; font-weight:500;}
.hero__section--center a:hover, .tooltip:hover {color: var(--acc);}
.c-price-detail {align-items: center; display: flex; gap:1.03rem;}.track-skeleton{background: var(--acc); font-weight:700; padding:0.61rem 1.12rem; letter-spacing:0.03em; text-transform:uppercase; border-radius: var(--rad-s); color:#track-drawer; transition:background 0.221s; font-size:0.82rem;}
.track-skeleton:hover {color:#track-drawer; background: var(--acc-d); mix-blend-mode:normal;}

/* ---------- post ---------- */
.screen-toggle-outlined {box-shadow: var(--sh); border: 1px solid var(--edge); background: var(--card); border-radius: var(--rad); margin:1.52rem auto 0; max-width: var(--read); overflow: hidden;}

/* ---------- flow / shell ---------- */
.progressInput {mix-blend-mode:normal; padding-bottom:3.99rem;}
.accordion-primary {padding:2.44rem 2.65rem 1.24rem;}html .sort-first{margin-bottom:0.81rem; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem);}html .sidebar-region{gap:0.48rem 1.32rem; font-size:0.76rem; color: var(--dim); flex-wrap: wrap; display: flex; align-items: center;}
.block-half {display: inline-flex; gap:0.37rem; align-items: center;}.block-half svg{opacity:0.76; flex-shrink: 0;}html .price-count{font-style:italic;}
.c-stepper-wrap {background: var(--bg-2); padding:1.13rem 1.17rem; border: 1px solid var(--edge); border-radius: var(--rad-s);}

/* toc */
.block-elevated {padding:0 2.57rem;}
.tagRow {justify-content: space-between; display: flex;}
.tagRow {align-items: center;}
.el-filter {font-size:1.01rem; margin:0;}
.featureDot {background:none; color: var(--dim); padding-top:0.17rem;padding-right:0.17rem;padding-bottom:0.17rem;padding-left:0.17rem; display: inline-flex; transition:transform 0.207s, color 0.216s; border:0 none;}
.featureDot:hover {color: var(--acc);}
.c-stepper-wrap.is-shut .featureDot {transform: rotate(-90deg);}
.c-stepper-wrap.is-shut .box-summary {print-color-adjust:economy; transform-style:flat;}
.c-stepper-wrap.is-shut .box-summary {display: none;}
.box-summary {margin-top:0.72rem; line-height:1.9; padding-top:0.72rem; border-top: 1px solid var(--edge); font-size:0.96rem;}html .box-summary a{display: block; color: var(--text);}
.box-summary a:hover {color: var(--acc);}
.box-summary .tabs-section {font-size:0.79rem; padding-left:1.17rem;}

/* rich content */
.module-zone-info {padding:1.53rem 2.54rem 0.28rem; shape-margin:0;}
.box-small {font-size:0.96rem; line-height:1.8; color: var(--text);}
.box-small > * + * {margin-top:1.16rem;}
.box-small h2 {font-size:1.49rem; border-top: 1px solid var(--edge-2); color: var(--ink); margin-top:2.29rem; scroll-margin-top:5rem; padding-top:1.32rem; line-height:1.3; font-family: var(--display);}
.box-small h3 {color: var(--ink); margin-top:1.64rem; font-family: var(--display); font-size:1.23rem; scroll-margin-top:5rem;}html .box-small h4{margin-top:1.38rem; font-family: var(--display); font-size:1.05rem; color: var(--ink);}
.box-small a {text-decoration-thickness:1px; text-decoration:underline; text-underline-offset:2px;}
.box-small strong, .box-small b {font-weight:700; color: var(--ink);}
.box-small ul, .box-small ol {margin-left:1.24rem;}
.box-small ul {list-style: disc;}
.box-small ol {list-style: decimal;}
.box-small li {padding-left:0.31rem; margin-top:0.48rem;}
.box-small img {margin:1.52rem 0; border-radius: var(--rad-s);}body .box-small blockquote{color: var(--ink); border-left: 3px solid var(--acc); background: var(--tint); font-style:italic; padding:0.88rem 1.22rem; border-radius: 0 var(--rad-s) var(--rad-s) 0;}.box-small code{padding:0.1em 0.53em; font-size:0.95em; background: var(--bg-2); border: 1px solid var(--edge); font-family:ui-monospace, "SF Mono", "Courier New", monospace; border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
.box-small pre {overflow-x: auto; color:#site-post; line-height:1.7; background: var(--night); font-size:0.81rem; border-radius: var(--rad-s); padding:1.17rem 1.37rem;}
.box-small pre code {color:inherit;}
.box-small pre code {padding:0; border:0 none; background:none;}body .box-small table{contain:none; width:100%; border-collapse:collapse; font-size:0.84rem; hyphens:manual;}
.box-small th, .box-small td {border: 1px solid var(--edge); padding:0.6rem 0.87rem; text-align: left;}.box-small th{background: var(--bg-2); font-weight:700; isolation:auto; color: var(--ink);}

/* share */
.skeleton-info {padding:1.69rem 2.52rem 2.46rem;}
.box-small hr {shape-margin:0; margin:2rem 0; border:0 none; will-change:auto; border-top: 1px solid var(--edge);}
.c-step-zone {align-items: center; border: 1px solid var(--edge); border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; justify-content: center; background: var(--card); color: var(--dim); display: inline-flex; transition:background 0.218s, color 0.224s, border-color 0.174s, transform 0.175s; width:42px; height:40px;}
.c-card-block {gap:0.63rem; display: flex; flex-wrap: wrap;}/* ---------- talk / reach (forms) ---------- */
.u-profile-name:not(._bdd8b7), *.select-row-vertical{border: 1px solid var(--edge); box-shadow: var(--sh); padding:1.99rem 2.61rem 2.04rem; border-radius: var(--rad); margin:2.14rem auto 0; max-width: var(--read); mix-blend-mode:normal; background: var(--card);}
.c-step-zone:hover {background: var(--acc); border-color: var(--acc); transform: translateY(-1px); color:#track-drawer;}

/* ---------- more (related) ---------- */
.c-banner {margin:2.13rem auto 0; max-width: var(--read);}.c-reply-tertiary:not(._bdd8b7){font-size:0.95rem; margin-bottom:1.12rem; margin-top:-0.64rem; color: var(--dim);}
.ui-select-slot {display: grid; grid-template-columns: repeat(3, 1fr); gap:1.03rem;}
.status-empty {display: block; transition:transform 0.168s, box-shadow 0.226s, border-color 0.226s; border-radius: var(--rad-s); border: 1px solid var(--edge); background: var(--card); box-shadow: var(--sh);}
.status-empty {padding:1.02rem 1.13rem;}.status-empty:hover{transform: translateY(-2px); border-color: var(--acc-l); box-shadow: var(--sh-l);}
.l-sidebar-time {font-size:1.02rem; font-family: var(--display); line-height:1.4; font-weight:700; color: var(--ink);}
input::placeholder, textarea::placeholder {color: var(--dim);}/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea{background: var(--bg-2); transition:border-color 0.231s, box-shadow 0.169s, background 0.244s; font:inherit; border: 1px solid var(--edge); color: var(--ink); width:100%; border-radius: var(--rad-s); padding:0.82rem 0.99rem;}input:focus, textarea:focus{background: var(--card); box-shadow:0 0 0 0px rgba(10, 138, 135, 0.15); border-color: var(--acc); outline:0;}textarea{min-height:6.47rem; resize: vertical;}

.track-modal {flex-wrap: wrap; gap:0.99rem;}
.indicator-box {min-width:0; flex: 1 1 calc(50% - 0.5rem);}

.track-modal {display: flex;}
.secondary-gallery {flex: 1 1 100%;}*.page{display: flex;}
.page input {border-radius: var(--rad-s) 0 0 var(--rad-s); min-width:0; border-right:0 none; flex: 1;}
.page .feature-icon-even {border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.feature-icon-even {border-radius: var(--rad-s); color: var(--ink); padding:0.74rem 1.24rem; min-height:2.81rem; letter-spacing:0.03em; font-size:0.88rem; align-items: center; display: inline-flex; background: var(--card); border: 1px solid var(--edge); font-weight:700; gap:0.47rem; text-transform:uppercase; transition:background 0.243s, color 0.229s, border-color 0.17s; justify-content: center;}.feature-icon-even:hover{background: var(--bg-2); color: var(--ink);}
.l-filter {border-color: var(--acc); color:#track-drawer; background: var(--acc);}.feature-icon-even:hover{border-color: var(--dim);}
.l-filter:hover {color:#track-drawer; border-color: var(--acc-d); background: var(--acc-d);}
.l-search-group {padding:0.68rem 0.99rem; min-width:2.95rem;}

/* ---------- decks (newsletter + account) ---------- */
.footer__trigger--compact {gap:1.26rem; margin:2.6rem auto 0; display: grid; grid-template-columns: 1fr 1fr; max-width: var(--band);}
.meta-popover {width:100%;}body .progress-primary{background: var(--card); border-radius: var(--rad); display: flex; padding:1.54rem 1.56rem; border: 1px solid var(--edge); box-shadow: var(--sh); flex-direction: column;}
.price-date {color: var(--dim); font-size:0.86rem; margin-bottom:1.07rem;}
.feature-row {gap:0.58rem; margin-top:auto; display: flex; flex-direction: column;}
.feature-row .feature-icon-even {width:100%;}

/* ---------- footer ---------- */
.post-last {margin-top:3.37rem; color: var(--on-night); padding:2.62rem 0; background: var(--night);}.c-card-subtitle{justify-content: space-between; flex-wrap: wrap; width:100%; display: flex; max-width: var(--max); align-items: center; margin-inline:auto; padding:0 1.31rem; gap:1.48rem;}
.zone-action img {width:auto; filter:brightness(0) invert(1); height:27px; opacity:0.81;}
.zone-action img {tab-size:4;}
.thread-value-odd {margin-top:0.65rem; color: var(--on-night);}
.layout-preview {display: flex; gap:1.26rem;}
.thread-value-odd {font-size:0.85rem;}
.layout-preview a {font-size:0.92rem; color: var(--on-night);}

.page-expand-primary {display: flex; gap:0.53rem;}
.layout-preview a:hover {color:#track-drawer;}
.page-expand-primary a {align-items: center; display: inline-flex; justify-content: center; transition:background 0.215s, color 0.196s, transform 0.145s; background:rgba(255, 252, 255, 0.12); border-radius: var(--rad-s); height:34px; color: var(--on-night); width:32px;}
.page-expand-primary a:hover {transform: translateY(-1px); color:#track-drawer; background: var(--acc);}/* ---------- back to top ---------- */
:where(.action-widget){z-index: 900; color:#track-drawer; width:45px; bottom:1.57rem; height:47px; position: fixed; transition:background 0.255s, transform 0.143s; justify-content: center; align-items: center; right:1.52rem; box-shadow: var(--sh-l); display: none; border:0 none; background: var(--acc); border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;}html .action-widget:hover{transform: translateY(-2px); background: var(--acc-d);}
.action-widget.skeleton-fixed {display: inline-flex;}/* ---------- cookie ---------- */
.rating-full{left:0; position: fixed; z-index: 1100; background: var(--card); bottom:0; padding:0.98rem 0; box-shadow:0 -4px 26px rgba(28, 15, 31, 0.02); border-top: 1px solid var(--edge); right:0;}
.counter-danger {margin-inline:auto; justify-content: space-between; align-items: center; width:100%; display: flex; padding:0 1.23rem; max-width: var(--max); gap:1.57rem;}
.rating-full p {color: var(--text); font-size:0.81rem; margin:0;}
.rating-full .feature-icon-even {flex-shrink: 0; min-height:2.39rem; orphans:2; padding:0.63rem 1.42rem;}/* ---------- auth layers (CSS :target modal) ---------- */
.c-toolbar-text{inset:0; display: none; position: fixed; z-index: 1300;}
.c-toolbar-text:target {display: grid; place-items: center; padding:1.32rem;}
.spinner-image-hover {background:rgba(15, 49, 29, 0.52); position: absolute; inset:0;}
.filter-suffix {background: var(--card); width: min(94vw, 25rem); box-shadow: var(--sh-l); z-index: 1; position: relative; padding:1.76rem 1.73rem 1.67rem; border-radius: var(--rad); border: 1px solid var(--edge); animation:pop 0.123s ease-out;}
.spinner-image-hover {backdrop-filter:blur(2px);}
@keyframes pop {from{opacity:0; transform: translateY(8px) scale(0.99);}to{opacity:1; transform: none;} }
.skeleton-light {position: absolute; line-height:1; top:0.74rem; font-size:1.56rem; perspective:none; text-rendering:auto; text-decoration:none; color: var(--dim); right:0.88rem;}.skeleton-light:hover{color: var(--ink);}.c-toolbar-text .ui-popover{display: flex; gap:0.93rem; flex-direction: column;}.snackbar-trigger{font-size:0.92rem; text-align: center; margin-top:0.26rem; color: var(--dim);}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .c-profile-dot {display: flex;}body .overflow-24{flex-direction: column; right:0; padding:0.47rem 0; display: none; background: var(--card); top:100%; border-bottom: 1px solid var(--edge); align-items: stretch; left:0; gap:0; position: absolute; box-shadow: var(--sh);}html .overflow-24.open{display: flex;}
  .hero__section--center {flex-direction: column; gap:0; padding:0 1.19rem;}
  .hero__section--center a {border-bottom: 1px solid var(--edge-2); padding:0.83rem 0;}
  .c-price-detail {padding:0.83rem 1.33rem 0.37rem; gap:0.83rem;}

  .ui-select-slot {print-color-adjust:economy; grid-template-columns: 1fr 1fr;}
  .footer__trigger--compact {grid-template-columns: 1fr;}
}

@media (max-width: 680px) {
  html {font-size:100%;}.accordion-primary{padding:1.77rem 1.44rem 1.08rem;}
  .block-elevated {font-synthesis:weight style small-caps; text-decoration-skip-ink:auto; padding:0 1.41rem;}
  .skeleton-info {padding:1.36rem 1.46rem 1.95rem;}
  .module-zone-info {padding:1.31rem 1.47rem 0.22rem;}
  .u-profile-name, .select-row-vertical {padding:1.59rem 1.34rem 1.86rem;}
  .ui-select-slot {tab-size:4; grid-template-columns: 1fr;}body .c-card-subtitle{flex-direction: column; align-items: flex-start; gap:1.15rem;}.counter-danger:not(._bdd8b7){flex-direction: column; gap:0.84rem; text-align: center;}
}

@media (max-width: 460px) {
  .indicator-box {flex: 1 1 100%;}
  .action-widget {right:1.02rem; bottom:1.06rem;}
}

@media (prefers-reduced-motion: reduce) {html{scroll-behavior: auto;}*{animation:none !important; transition:none !important; background-blend-mode:normal;}
}

@media print {
  .breadcrumb--alt, .skeleton-info, .u-profile-name, .c-banner, .select-row-vertical,
  .footer__trigger--compact, .post-last, .action-widget, .rating-full, .c-toolbar-text, .toolbar-bar-default {-webkit-hyphens:manual;-ms-hyphens:manual;break-inside:auto; display: none !important; hyphens:manual;}
  body {background:#track-drawer;}
  .screen-toggle-outlined {border:none; font-synthesis:weight style small-caps; box-shadow:none; max-width:none;}
}