*, *::before, *::after {margin:0; box-sizing: border-box; padding:0;}/* ============================================================
   1017_new_v1 — stylesheet
   ============================================================ */

:root {--acc: #0d9488; --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --edge-2: #gridData; --night: #14201d; --dim: #79868c; --acc-d: #0f766e; --bg: #site-pagination; --ink: #16221f; --acc-l: #2bb3a3; --tint: rgba(13, 148, 136, 0.08); --display: "Sora", system-ui, sans-serif; --night-2: #1d2c28; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --card: #site-section; --max: 70rem; --bg-2: #app-spinner; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --band: 62rem; --rad-s: 8px; --rad: 12px; --on-night: rgba(255, 255, 255, 0.6); --edge: #app-price; --text: #46535a; --read: 45rem;}html{font-size:112%; scroll-behavior: smooth; -webkit-text-size-adjust:100%;}body{-webkit-font-smoothing:antialiased; background: var(--bg); -moz-osx-font-smoothing:grayscale; font-size:1.03rem;}body{line-height:1.72; font-family: var(--text-font); color: var(--text);}

img, svg {display: block; max-width:100%;}
ul, ol {list-style: none;}
a {color: var(--acc); text-decoration:none;}a:hover{color: var(--acc-d);}h1{font-family: var(--display); font-weight:bold; line-height:1.18; letter-spacing:-0.015em; color: var(--ink);}
button {font-family:inherit; cursor: pointer;}:focus-visible{border-top-left-radius:7px; border-top-right-radius:7px; border-bottom-right-radius:7px; border-bottom-left-radius:7px; outline: 2px solid var(--acc);}:focus-visible{transform-style:flat; outline-offset:2px;}

.c-rating-action {margin:-1px; clip:rect(0, 0, 0, 0); border:none; height:1px; white-space: nowrap; overflow: hidden; position: absolute; padding:0rem; width:1px;}/* span headings (no h2/h3 anywhere but article content) */
.c-screen-cell, body .gallery-handle, .meta-thread, .bg-2xl:not(._f38762), *.widget-zone{font-family: var(--display); letter-spacing:-0.01em; font-weight:bold; color: var(--ink); display: block;}
.c-screen-cell {margin-bottom:1.16rem; font-size:1.38rem;}
.gallery-handle {font-size:0.97rem; margin-bottom:0.32rem;}
.meta-thread {margin-bottom:1.23rem; font-size:1.24rem;}

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

/* ---------- topbar ---------- */
.section-outer-half {top:0; position: sticky; z-index: 1000; border-bottom: 1px solid var(--edge); backdrop-filter:saturate(150%) blur(8px); background:rgba(255, 255, 255, 0.9);}.panel-small:not(._f38762){min-height:3.9rem; justify-content: space-between; width:100%; align-items: center; gap:1rem; display: flex; margin-inline:auto; max-width: var(--max); padding:0 1.29rem;}
.sidebar__button {display: inline-flex; align-items: center;}

.date-toggle {display: none; flex-direction: column; background:none; gap:2px; padding:0.42rem; border:none;}
.sidebar__button img {width:auto; height:31px;}
.date-toggle span {height:2px; background: var(--ink); display: block; width:26px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.region-list {gap:1.58rem; display: flex;}

.carousel-warning {display: flex; gap:1.73rem; align-items: center;}
.region-list a, .stepper-light {color: var(--text); font-weight:700; letter-spacing:0.03em; font-size:0.79rem; text-transform:uppercase;}
.region-list a:hover, .stepper-light:hover {color: var(--acc);}
.inner-status {gap:0.99rem; display: flex; align-items: center;}
.widget--fluid {color:#main-accordion; background: var(--acc); border-radius: var(--rad-s); padding:0.49rem 1.1rem; transition:background 0.141s; text-transform:uppercase; font-size:0.74rem; font-weight:700; letter-spacing:0.03em;}.widget--fluid:hover{background: var(--acc-d); color:#main-accordion;}

/* ---------- flow / shell ---------- */
.slot-toolbar {padding-bottom:4.05rem;}

/* ---------- post ---------- */
.value-nav {background: var(--card); max-width: var(--read); border: 1px solid var(--edge); box-shadow: var(--sh); overflow: hidden; border-radius: var(--rad); margin:1.6rem auto 0;}
.toolbar-bar-alt {padding:2.38rem 2.61rem 1.38rem;}
.c-modal-prefix {font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); margin-bottom:0.89rem;}

.alert__value {display: flex; color: var(--dim); align-items: center; font-size:0.82rem; gap:0.53rem 1.33rem; flex-wrap: wrap;}*.price-info-bottom{display: inline-flex; gap:0.46rem; align-items: center;}
.price-info-bottom svg {flex-shrink: 0; opacity:0.63;}
.skeleton-first {font-style:italic;}

/* toc */
.divider-indicator {font-synthesis:weight style small-caps; padding:0 2.56rem;}
.breadcrumb {border: 1px solid var(--edge); border-radius: var(--rad-s); padding:1.04rem 1.29rem; background: var(--bg-2);}
.snackbar-wide {align-items: center; justify-content: space-between; display: flex;}
.bg-2xl {margin:0; font-size:0.88rem;}
.holder-toggle {transition:transform 0.27s, color 0.158s; color: var(--dim); padding:0.16rem; background:none; display: inline-flex; border:none;}
.holder-toggle:hover {color: var(--acc);}*.breadcrumb.is-shut .holder-toggle{transform: rotate(-90deg);}.breadcrumb.is-shut .screen-slot:not(._f38762){display: none;}
.screen-slot {padding-top:0.6rem; font-size:0.89rem; margin-top:0.72rem; border-top: 1px solid var(--edge); line-height:1.9;}
.screen-slot a {display: block; color: var(--text);}.screen-slot a:hover{color: var(--acc);}.screen-slot .c-dialog-indicator{padding-left:1.12rem; tab-size:4; font-size:0.8rem;}

/* rich content */
.pr-half {padding:1.44rem 2.54rem 0.34rem;}
.c-menu-count {font-size:0.99rem; line-height:1.8; color: var(--text);}
.c-menu-count > * + * {margin-top:1.12rem; hyphens:manual; image-rendering:auto;}
.c-menu-count h2 {padding-top:1.38rem; border-top: 1px solid var(--edge-2); font-family: var(--display); font-size:1.57rem; scroll-margin-top:5rem; margin-top:2.29rem; line-height:1.3; color: var(--ink);}
.c-menu-count h3 {scroll-margin-top:5rem; color: var(--ink); text-rendering:auto; font-family: var(--display); margin-top:1.75rem; font-size:1.21rem;}
.c-menu-count h4 {color: var(--ink); font-family: var(--display); margin-top:1.26rem; font-size:1.08rem;}
.c-menu-count a {text-decoration-thickness:1px; text-decoration:underline; text-underline-offset:2px;}
.c-menu-count strong, .c-menu-count b {font-weight:700; color: var(--ink);}
.c-menu-count ul, .c-menu-count ol {margin-left:1.23rem;}
.c-menu-count ul {break-inside:auto; list-style: disc; text-rendering:auto;}
.c-menu-count ol {list-style: decimal;}
.c-menu-count li {margin-top:0.46rem; padding-left:0.38rem;}.c-menu-count img{margin:1.55rem 0; border-radius: var(--rad-s);}
.c-menu-count blockquote {border-left: 3px solid var(--acc); font-style:italic; padding:0.8rem 1.31rem; background: var(--tint); border-radius: 0 var(--rad-s) var(--rad-s) 0; color: var(--ink);}
.c-menu-count code {border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; background: var(--bg-2); padding:0.1em 0.42em; font-size:0.86em; font-family:ui-monospace, "SF Mono", "Courier New", monospace; border: 1px solid var(--edge);}*.c-menu-count pre{font-size:0.87rem; overflow-x: auto; background: var(--night); line-height:1.7; padding:1.03rem 1.37rem; color:#page-menu; border-radius: var(--rad-s);}
.c-menu-count pre code {color:inherit; background:none; border:0 none; padding:0;}
.c-menu-count table {font-size:0.84rem; width:100%; border-collapse:collapse;}body .c-menu-count th, .c-menu-count td{text-decoration-skip-ink:auto; border: 1px solid var(--edge); text-align: left; padding:0.58rem 0.75rem;}
.c-menu-count th {color: var(--ink); font-weight:bold; background: var(--bg-2);}
.c-menu-count hr {margin:1.95rem 0; border:0em; border-top: 1px solid var(--edge);}
.timeline {display: flex;}

/* share */
.status-subtitle {padding:1.74rem 2.57rem 2.44rem;}
.timeline {flex-wrap: wrap; gap:0.54rem;}
.app-tag {height:35px; color: var(--dim); align-items: center; transition:background 0.184s, color 0.147s, border-color 0.255s, transform 0.149s; justify-content: center; width:34px; border: 1px solid var(--edge); display: inline-flex; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-right-radius:50%; border-bottom-left-radius:50%;}
.app-tag {background: var(--card);}
.app-tag:hover {transform: translateY(-1px); background: var(--acc); border-color: var(--acc); color:#main-accordion;}/* ---------- talk / reach (forms) ---------- */
.comment-region-expanded, html .u-tooltip-prefix{box-shadow: var(--sh); max-width: var(--read); margin:2.28rem auto 0; border-radius: var(--rad); border: 1px solid var(--edge); padding:2rem 2.62rem 2.05rem; background: var(--card);}
.accordion-top {margin-bottom:1.18rem; color: var(--dim); margin-top:-0.58rem; font-size:0.84rem;}

/* ---------- more (related) ---------- */
.ratingPrefix {margin:2.23rem auto 0; max-width: var(--read);}
.c-hero-zone {gap:0.95rem; grid-template-columns: repeat(3, 1fr); tab-size:4; will-change:auto; display: grid;}.sort--dense{background: var(--card); transition:transform 0.123s, box-shadow 0.164s, border-color 0.19s; word-spacing:normal; box-shadow: var(--sh); display: block; padding:1.13rem 1.14rem; border-radius: var(--rad-s); border: 1px solid var(--edge);}
.menu-overlay {font-size:0.91rem; line-height:1.4; font-weight:700; font-family: var(--display); color: var(--ink);}
.sort--dense:hover {border-color: var(--acc-l); box-shadow: var(--sh-l); transform: translateY(-2px);}/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea{color: var(--ink); background: var(--bg-2); font:inherit; padding:0.76rem 0.94rem; transition:border-color 0.21s, box-shadow 0.214s, background 0.245s; border-radius: var(--rad-s); width:100%; border: 1px solid var(--edge);}input::placeholder, textarea::placeholder{color: var(--dim);}input:focus, textarea:focus{background: var(--card); border-color: var(--acc); outline:0; box-shadow:0 0 0 6px rgba(9, 147, 136, 0.2);}textarea{resize: vertical; min-height:6.45rem;}

.tabs-addon-last {flex-wrap: wrap; gap:0.99rem; display: flex;}
.thumb-block {flex: 1 1 calc(50% - 0.5rem); min-width:0;}
.select-block {flex: 1 1 100%;}

.thumb-thread {orphans:2; display: flex; shape-margin:0;}
.thumb-thread input {flex: 1; border-right:0; min-width:0; border-radius: var(--rad-s) 0 0 var(--rad-s);}
.thumb-thread .el-footer {border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.el-footer {color: var(--ink); font-size:0.84rem; gap:0.43rem; min-height:2.82rem; justify-content: center; border: 1px solid var(--edge); display: inline-flex; background: var(--card); border-radius: var(--rad-s); padding:0.68rem 1.24rem; text-transform:uppercase; align-items: center; font-weight:700; transition:background 0.211s, color 0.166s, border-color 0.151s; letter-spacing:0.03em;}body .stepper-summary{border-color: var(--acc); color:#main-accordion; background: var(--acc);}
.el-footer:hover {border-color: var(--dim); background: var(--bg-2); color: var(--ink);}
.c-tag-handle {min-width:3.05rem; padding:0.64rem 1.08rem;}.stepper-summary:hover{background: var(--acc-d); border-color: var(--acc-d); color:#main-accordion;}
.price-container {width:100%; transform-style:flat;}

/* ---------- decks (newsletter + account) ---------- */
.block-carousel {max-width: var(--band); margin:2.65rem auto 0; gap:1.2rem; display: grid; isolation:auto; grid-template-columns: 1fr 1fr;}.step-name-elevated{border-radius: var(--rad); padding:1.43rem 1.65rem; background: var(--card); border: 1px solid var(--edge); box-shadow: var(--sh); flex-direction: column; display: flex;}
.c-header-date {font-size:0.78rem; margin-bottom:1.05rem; color: var(--dim);}
.list-primary {display: flex; gap:0.53rem; flex-direction: column; margin-top:auto;}.list-primary .el-footer{width:100%;}

/* ---------- footer ---------- */
.c-counter {padding:2.64rem 0; color: var(--on-night); margin-top:3.43rem; background: var(--night);}body .screen-odd{margin-inline:auto; width:100%; display: flex; gap:1.54rem; justify-content: space-between; padding:0 1.17rem;}body .screen-odd{flex-wrap: wrap; align-items: center; max-width: var(--max);}
.thumb-price {margin-top:0.64rem; color: var(--on-night); font-size:0.87rem;}
.backdrop-thread img {opacity:0.84; height:25px; filter:brightness(0) invert(1); width:auto;}
.nav-narrow {gap:1.32rem; display: flex;}
.nav-narrow a {color: var(--on-night); font-size:0.86rem;}
.nav-narrow a:hover {color:#main-accordion;}

.c-price-input {display: flex; gap:0.54rem;}.c-price-input a{transition:background 0.199s, color 0.181s, transform 0.15s; align-items: center; height:35px; display: inline-flex; border-radius: var(--rad-s); width:38px; justify-content: center; color: var(--on-night); background:rgba(242, 255, 255, 0.03);}.c-price-input a:hover{transform: translateY(-1px); background: var(--acc); color:#main-accordion;}

/* ---------- back to top ---------- */
.feature__region--empty {z-index: 900; border:0 none; position: fixed; display: none; color:#main-accordion; background: var(--acc); border-radius:50%; justify-content: center; align-items: center; box-shadow: var(--sh-l); right:1.63rem; width:47px; height:46px; bottom:1.61rem; transition:background 0.148s, transform 0.16s;}body .feature__region--empty:hover{transform: translateY(-2px); background: var(--acc-d);}.feature__region--empty.time-accordion{display: inline-flex;}/* ---------- cookie ---------- */
.form-value-sticky{background: var(--card); left:0; position: fixed; right:0; box-shadow:0 -9px 20px rgba(33, 44, 36, 0.03); border-top: 1px solid var(--edge); bottom:0rem; padding:0.92rem 0; z-index: 1100;}
.thread-rounded {width:100%; display: flex; align-items: center;}body .form-value-sticky p{font-size:0.81rem; margin:0;}
.thread-rounded {justify-content: space-between; margin-inline:auto; padding:0 1.26rem; gap:1.44rem; max-width: var(--max);}body .form-value-sticky p{color: var(--text);}
.form-value-sticky .el-footer {min-height:2.34rem; padding:0.48rem 1.34rem; flex-shrink: 0;}

/* ---------- auth layers (CSS :target modal) ---------- */
.app-widget {inset:0; display: none; z-index: 1300; text-rendering:auto; position: fixed;}.app-widget:target{display: grid; padding:1.17rem; place-items: center;}*.form-content-left{background:rgba(24, 18, 28, 0.47); inset:0; backdrop-filter:blur(2px); position: absolute;}
.column-header {background: var(--card); border: 1px solid var(--edge); border-radius: var(--rad); animation:pop 0.212s ease-out; padding:1.75rem 1.79rem 1.56rem; position: relative; z-index: 1; width: min(94vw, 25rem); box-shadow: var(--sh-l);}
@keyframes pop {from{transform: translateY(8px) scale(0.99); opacity:0;} to {transform: none; opacity:1;} }html .c-nav-icon{text-decoration:none; color: var(--dim); font-size:1.43rem; line-height:1; position: absolute; top:0.66rem; right:0.92rem;}
.c-nav-icon:hover {color: var(--ink);}.app-widget :where(.drawer-bottom){gap:0.88rem; display: flex; flex-direction: column;}body .price__track--fluid{margin-top:0.28rem; font-size:0.81rem; text-align: center; color: var(--dim);}

/* ---------- responsive ---------- */
@media (max-width: 860px) {.date-toggle{display: flex;}
  .carousel-warning {flex-direction: column; padding:0.47rem 0; right:0; border-bottom: 1px solid var(--edge);}
  .carousel-warning {top:100%; gap:0; align-items: stretch; box-shadow: var(--sh); position: absolute; display: none; background: var(--card); left:0;}
  .carousel-warning.open {display: flex;}
  .region-list {gap:0; padding:0 1.31rem; flex-direction: column;}
  .inner-status {gap:0.88rem; padding:0.96rem 1.31rem 0.43rem; will-change:auto; word-spacing:normal;}
  .region-list a {border-bottom: 1px solid var(--edge-2); padding:0.75rem 0;}

  .c-hero-zone {grid-template-columns: 1fr 1fr;}
  .block-carousel {grid-template-columns: 1fr;}
}

@media (max-width: 680px) {html{font-size:100%;}
  .toolbar-bar-alt {padding:1.86rem 1.44rem 1.11rem;}*.divider-indicator{padding:0 1.39rem;}
  .pr-half {padding:1.23rem 1.36rem 0.23rem;}*.status-subtitle{padding:1.29rem 1.4rem 1.86rem;}body .comment-region-expanded, *.u-tooltip-prefix{padding:1.63rem 1.35rem 1.86rem;}
  .screen-odd {align-items: flex-start; gap:1.12rem; flex-direction: column;}.c-hero-zone:not(._f38762){contain:none; font-variant-ligatures:normal; grid-template-columns: 1fr;}html .thread-rounded{text-align: center;}html .thread-rounded{gap:0.75rem; flex-direction: column;}
}

@media (max-width: 460px) {
  .thumb-block {flex: 1 1 100%;}
  .feature__region--empty {right:0.95rem; bottom:0.92rem;}
}

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

@media print {
  .section-outer-half, .status-subtitle, .comment-region-expanded, .ratingPrefix, .u-tooltip-prefix,
  .block-carousel, .c-counter, .feature__region--empty, .form-value-sticky, .app-widget, .menu__head {display: none !important;}html .value-nav{box-shadow:none; border:none; max-width:none;}body{background-blend-mode:normal; contain:none; background:#main-accordion;}
}