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

:root {--rad-s: 8px; --bg: #f4f6f6; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --bg-2: #fafbfb; --card: #ffffff; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --acc-l: #2bb3a3; --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --tint: rgba(13, 148, 136, 0.08); --acc-d: #0f766e; --text: #46535a; --on-night: rgba(255, 255, 255, 0.6); --acc: #0d9488; --ink: #16221f; --edge-2: #eef1f1; --night-2: #1d2c28; --edge: #e5e9e9; --dim: #79868c; --read: 45rem; text-decoration-skip-ink:auto; --display: "Sora", system-ui, sans-serif; --rad: 12px; --max: 70rem; --band: 62rem; --night: #14201d;}*, *::before, *::after{margin:0;}*, *::before, *::after{box-sizing: border-box; padding:0;}body{font-family: var(--text-font); color: var(--text); -webkit-font-smoothing:antialiased; background: var(--bg); -moz-osx-font-smoothing:grayscale; line-height:1.72; font-size:1.03rem;}

html {-webkit-text-size-adjust:100%; font-size:112%; scroll-behavior: smooth;}img, svg{display: block; max-width:100%;}
ul, ol {list-style: none;}
a {text-decoration:none; color: var(--acc);}a:hover{color: var(--acc-d);}button{font-family:inherit; cursor: pointer;}
h1 {font-weight:bold; color: var(--ink); line-height:1.18; font-family: var(--display); tab-size:4; letter-spacing:-0.015em;}

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

:focus-visible {outline-offset:2px; 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);}/* span headings (no h2/h3 anywhere but article content) */
.c-screen-cell, *.gallery-handle, *.meta-thread, *.bg-2xl, .widget-zone{color: var(--ink); font-family: var(--display); letter-spacing:-0.01em; hyphens:manual; image-rendering:auto; font-weight:bold; display: block;}.c-screen-cell:not(.empty63){font-size:1.38rem; margin-bottom:1.16rem;}
.meta-thread {font-size:1.24rem; margin-bottom:1.23rem;}
.gallery-handle {font-size:0.97rem; text-rendering:auto; margin-bottom:0.32rem;}

/* ---------- scroll progress ---------- */
.menu__head {z-index: 1200; top:0; width:0; transition:width 0.14s linear; background: var(--acc); height:0px; position: fixed; left:0;}/* ---------- topbar ---------- */
.section-outer-half{backdrop-filter:saturate(150%) blur(8px); background:rgba(255, 255, 255, 0.9); z-index: 1000; border-bottom: 1px solid var(--edge); position: sticky; top:0;}
.panel-small {padding:0 1.29rem; width:100%; margin-inline:auto; justify-content: space-between; min-height:3.9rem; align-items: center; max-width: var(--max); gap:1rem; display: flex;}
.sidebar__button {display: inline-flex; text-rendering:auto; align-items: center; break-inside:auto;}html .sidebar__button img{height:31px; width:auto;}

.date-toggle {gap:2px; display: none; border:none; padding:0.42rem; flex-direction: column; background:none;}
.date-toggle span {background: var(--ink); display: block; height:2px; width:26px; border-radius:2px;}body .carousel-warning{align-items: center; gap:1.73rem; display: flex;}
.region-list {display: flex; gap:1.58rem;}
.region-list a, .stepper-light {text-transform:uppercase; color: var(--text); font-weight:600; font-size:0.9rem; letter-spacing:0.03em;}
.region-list a:hover, .stepper-light:hover {color: var(--acc);}body .inner-status{gap:0.97rem; display: flex;}body .inner-status{align-items: center;}
.widget--fluid {background: var(--acc); font-size:0.83rem; padding-top:0.55rem;padding-right:1.03rem;padding-bottom:0.55rem;padding-left:1.03rem; border-radius: var(--rad-s); text-decoration-skip-ink:auto; letter-spacing:0.03em; color:#fffdff; font-weight:700; text-transform:uppercase; transition:background 0.142s;}
.widget--fluid:hover {background: var(--acc-d); color:#ffeff4;}

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

/* ---------- flow / shell ---------- */
.slot-toolbar {padding-bottom:4rem;}.c-modal-prefix{font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); margin-bottom:0.89rem;}
.toolbar-bar-alt {padding:2.33rem 2.56rem 1.29rem;}

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

/* toc */
.divider-indicator {tab-size:4; will-change:auto; padding:0 2.56rem;}.snackbar-wide{justify-content: space-between; align-items: center; display: flex;}
.breadcrumb {border-radius: var(--rad-s); word-spacing:normal; background: var(--bg-2); border: 1px solid var(--edge); padding:1.06rem 1.3rem;}
.bg-2xl {font-size:0.92rem; margin:0;}*.holder-toggle{padding:0.14rem; display: inline-flex; background:none; border:none; color: var(--dim); transition:transform 0.286s, color 0.178s;}
.holder-toggle:hover {color: var(--acc);}
.breadcrumb.is-shut .holder-toggle {transform: rotate(-90deg);}.breadcrumb.is-shut .screen-slot:not(.none57){display: none;}
.screen-slot {padding-top:0.57rem; font-size:0.97rem; border-top: 1px solid var(--edge); line-height:1.9; margin-top:0.72rem;}.screen-slot a{color: var(--text); display: block;}
.screen-slot a:hover {color: var(--acc);}
.screen-slot .c-dialog-indicator {padding-left:1.09rem; font-size:0.94rem;}
.screen-slot .c-dialog-indicator {shape-margin:0; orphans:2;}
.c-menu-count {line-height:1.8; color: var(--text); font-size:0.98rem;}

/* rich content */
.pr-half {padding:1.49rem 2.65rem 0.32rem;}
.c-menu-count > * + * {margin-top:1.28rem;}
.c-menu-count h2 {line-height:1.3; margin-top:2.36rem; padding-top:1.38rem; border-top: 1px solid var(--edge-2); scroll-margin-top:5rem; font-family: var(--display); color: var(--ink); font-size:1.43rem;}body .c-menu-count h3{scroll-margin-top:5rem; margin-top:1.65rem; font-family: var(--display); color: var(--ink); font-size:1.27rem;}
.c-menu-count h4 {margin-top:1.28rem; font-size:1.12rem; font-family: var(--display); color: var(--ink);}
.c-menu-count a {text-underline-offset:2px; text-decoration-thickness:1px;}
.c-menu-count a {text-decoration:underline;}
.c-menu-count strong, .c-menu-count b {color: var(--ink); transform-style:flat; font-weight:bold;}
.c-menu-count ul, .c-menu-count ol {isolation:auto; margin-left:1.3rem;}
.c-menu-count ul {list-style: disc;}
.c-menu-count ol {list-style: decimal;}
.c-menu-count li {padding-left:0.23rem; margin-top:0.37rem;}body .c-menu-count img{margin:1.57rem 0; border-radius: var(--rad-s);}.c-menu-count blockquote{font-style:italic;}.c-menu-count blockquote{border-left: 3px solid var(--acc); color: var(--ink); padding:0.84rem 1.19rem; border-radius: 0 var(--rad-s) var(--rad-s) 0; background: var(--tint);}
.c-menu-count code {border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px; background: var(--bg-2); border: 1px solid var(--edge); font-family:ui-monospace, "SF Mono", "Courier New", monospace; font-size:0.94em; padding-top:0.02em;padding-right:0.38em;padding-bottom:0.02em;padding-left:0.38em;}html .c-menu-count pre{overflow-x: auto; line-height:1.7; padding-top:1.14rem;padding-right:1.29rem;padding-bottom:1.14rem;padding-left:1.29rem; font-size:0.88rem; color:hsl(93, 53.3%, 92.8%); border-radius: var(--rad-s); background: var(--night);}
.c-menu-count pre code {background:none; color:inherit; border:none; padding:0;}
.c-menu-count table {border-collapse:collapse; width:100%; font-size:0.9rem;}
.c-menu-count th, .c-menu-count td {padding:0.73rem 0.8rem; text-align: left; border: 1px solid var(--edge);}.c-menu-count th{background: var(--bg-2); color: var(--ink); font-weight:bold;}

/* share */
.status-subtitle {padding:1.68rem 2.63rem 2.35rem;}
.c-menu-count hr {border:0; margin:2.02rem 0; border-top: 1px solid var(--edge);}
.timeline {flex-wrap: wrap; display: flex; gap:0.63rem;}
.app-tag {transition:background 0.184s, color 0.21s, border-color 0.179s, transform 0.141s; height:34px; display: inline-flex; color: var(--dim); border: 1px solid var(--edge); width:37px; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; justify-content: center; align-items: center; background: var(--card);}.app-tag:hover{background: var(--acc); color:#f2fffc; transform: translateY(-1px); border-color: var(--acc);}

/* ---------- talk / reach (forms) ---------- */
.comment-region-expanded, .u-tooltip-prefix {border-radius: var(--rad); max-width: var(--read); background: var(--card); padding:1.92rem 2.58rem 2.13rem; margin:2.16rem auto 0; border: 1px solid var(--edge); box-shadow: var(--sh);}

/* ---------- more (related) ---------- */
.ratingPrefix {max-width: var(--read); margin:2.26rem auto 0;}body .accordion-top{margin-bottom:1.25rem; font-size:0.91rem; margin-top:-0.6rem; color: var(--dim);}
.sort--dense {box-shadow: var(--sh); border-radius: var(--rad-s); border: 1px solid var(--edge); background: var(--card); padding-top:1.04rem;padding-right:1.21rem;padding-bottom:1.04rem;padding-left:1.21rem; transition:transform 0.225s, box-shadow 0.229s, border-color 0.218s; display: block;}
.c-hero-zone {display: grid; gap:0.95rem; grid-template-columns: repeat(3, 1fr);}
.sort--dense:hover {text-rendering:auto; box-shadow: var(--sh-l); border-color: var(--acc-l); transform: translateY(-2px);}
.menu-overlay {font-size:0.89rem; color: var(--ink); font-family: var(--display); line-height:1.4; font-weight:700;}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {transition:border-color 0.167s, box-shadow 0.253s, background 0.152s; font:inherit; background: var(--bg-2); padding:0.68rem 0.97rem; border-radius: var(--rad-s); width:100%; border: 1px solid var(--edge); color: var(--ink);}
input::placeholder, textarea::placeholder {color: var(--dim);}input:focus, textarea:focus{border-color: var(--acc); outline:0; box-shadow:0 0 0 0px rgba(22, 158, 152, 0.23); background: var(--card);}
textarea {min-height:6.55rem; resize: vertical;}

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

.thumb-thread {display: flex;}
.thumb-thread input {min-width:0rem; flex: 1; border-right:0em; 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 {transition:background 0.256s, color 0.209s, border-color 0.168s; padding-top:0.77rem;padding-right:1.24rem;padding-bottom:0.77rem;padding-left:1.24rem; text-transform:uppercase; justify-content: center; align-items: center; border-radius: var(--rad-s); background: var(--card); display: inline-flex; color: var(--ink); min-height:2.87rem; border: 1px solid var(--edge); letter-spacing:0.03em; gap:0.54rem; font-weight:700; font-size:0.81rem;}
.el-footer:hover {background: var(--bg-2); color: var(--ink); border-color: var(--dim);}
.stepper-summary {color:hsl(247, 99.2%, 97.4%); border-color: var(--acc); background: var(--acc);}.c-tag-handle{min-width:2.99rem; padding:0.72rem 0.96rem;}.stepper-summary:hover{border-color: var(--acc-d); color:hsl(178, 100%, 98%); will-change:auto; word-spacing:normal; background: var(--acc-d);}/* ---------- decks (newsletter + account) ---------- */
.block-carousel{gap:1.23rem; display: grid; max-width: var(--band); margin:2.55rem auto 0; grid-template-columns: 1fr 1fr;}body .price-container{width:100%;}
.step-name-elevated {border: 1px solid var(--edge); display: flex; box-shadow: var(--sh); border-radius: var(--rad); flex-direction: column; padding-top:1.42rem;padding-right:1.62rem;padding-bottom:1.42rem;padding-left:1.62rem; background: var(--card);}
.c-header-date {color: var(--dim); font-size:0.92rem; margin-bottom:0.98rem;}
.list-primary {display: flex; gap:0.53rem; margin-top:auto; flex-direction: column;}
.list-primary .el-footer {width:100%;}

/* ---------- footer ---------- */
.c-counter {margin-top:3.38rem;}

/* ---------- footer ---------- */
.c-counter {padding:2.58rem 0; color: var(--on-night); background: var(--night);}
.screen-odd {contain:none; width:100%; font-variant-ligatures:normal; flex-wrap: wrap; gap:1.51rem; align-items: center; display: flex; max-width: var(--max); justify-content: space-between; margin-inline:auto; padding:0 1.27rem;}.thumb-price{margin-top:0.63rem; color: var(--on-night); font-size:0.74rem;}
.backdrop-thread img {opacity:0.84; height:24px; width:auto; filter:brightness(0) invert(1);}
.nav-narrow {gap:1.24rem; display: flex;}
.nav-narrow a {font-size:0.79rem; color: var(--on-night);}.c-price-input{gap:0.61rem; display: flex;}
.nav-narrow a:hover {color:#edfff4;}
.c-price-input a {transition:background 0.185s, color 0.159s, transform 0.152s; width:34px; height:36px; justify-content: center; border-radius: var(--rad-s); display: inline-flex; align-items: center; color: var(--on-night); background:rgba(255, 255, 244, 0.16);}
.c-price-input a:hover {background-blend-mode:normal; contain:none; color:#ffffff; transform: translateY(-1px); background: var(--acc);}

/* ---------- back to top ---------- */
.feature__region--empty {height:42px; border:0; right:1.65rem; display: none; box-shadow: var(--sh-l); justify-content: center; width:48px; transition:background 0.196s, transform 0.126s; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; align-items: center; color:#fffff9; z-index: 900; position: fixed; background: var(--acc); bottom:1.57rem;}body .feature__region--empty:hover{background: var(--acc-d); transform: translateY(-2px);}
.feature__region--empty.time-accordion {display: inline-flex;}

/* ---------- cookie ---------- */
.form-value-sticky {box-shadow:0 -10px 20px rgba(37, 27, 18, 0.16); padding:0.85rem 0; position: fixed; bottom:0; z-index: 1100; right:0; left:0; background: var(--card); border-top: 1px solid var(--edge);}*.thread-rounded{margin-inline:auto; max-width: var(--max); width:100%; align-items: center; display: flex; justify-content: space-between; gap:1.57rem; padding:0 1.17rem;}.form-value-sticky p{margin:0; will-change:auto; font-size:0.79rem; color: var(--text); mix-blend-mode:normal;}
.form-value-sticky .el-footer {padding:0.61rem 1.48rem; min-height:2.38rem; flex-shrink: 0;}

/* ---------- auth layers (CSS :target modal) ---------- */
.app-widget {inset:0; display: none; position: fixed; z-index: 1300;}
.form-content-left {-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px); inset:0; background:rgba(26, 33, 28, 0.52); position: absolute;}*.app-widget:target{display: grid; padding:1.21rem; place-items: center;}
.column-header {animation:pop 0.134s ease-out; border-radius: var(--rad); z-index: 1; background: var(--card); position: relative; border: 1px solid var(--edge); padding:1.72rem 1.81rem 1.67rem; 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;} }
.c-nav-icon {top:0.7rem; text-decoration:none; color: var(--dim); right:0.77rem;}
.c-nav-icon {position: absolute; line-height:1; font-size:1.54rem;}
.c-nav-icon:hover {color: var(--ink);}html .app-widget .drawer-bottom{display: flex; gap:0.85rem; flex-direction: column;}.price__track--fluid:not(.placeholder50){text-align: center; margin-top:0.19rem; color: var(--dim); font-size:0.92rem;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .date-toggle {display: flex; word-spacing:normal;}
  .carousel-warning {top:100%; right:0; align-items: stretch; flex-direction: column; position: absolute; border-bottom: 1px solid var(--edge); transform-style:flat; background: var(--card); display: none; padding:0.57rem 0; left:0; box-shadow: var(--sh); gap:0;}
  .carousel-warning.open {display: flex;}
  .region-list {gap:0; padding:0 1.27rem; flex-direction: column;}html .inner-status{gap:0.78rem; padding:0.94rem 1.27rem 0.39rem;}
  .region-list a {padding:0.88rem 0; border-bottom: 1px solid var(--edge-2);}

  .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.76rem 1.46rem 1.02rem;}
  .divider-indicator {text-decoration-skip-ink:auto; background-blend-mode:normal; padding:0 1.39rem;}
  .pr-half {padding:1.25rem 1.33rem 0.25rem;}
  .status-subtitle {padding:1.31rem 1.32rem 1.89rem;}
  .comment-region-expanded, .u-tooltip-prefix {padding:1.52rem 1.36rem 1.85rem;}*.c-hero-zone{grid-template-columns: 1fr;}
  .screen-odd {gap:1.19rem; mix-blend-mode:normal; align-items: flex-start; flex-direction: column;}
  .thread-rounded {text-align: center; shape-margin:0; gap:0.86rem; flex-direction: column;}
}

@media (max-width: 460px) {
  .thumb-block {image-rendering:auto; flex: 1 1 100%;}
  .feature__region--empty {right:1.07rem; bottom:1.08rem;}
}

@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto;}
}

@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;}
  * {animation:none !important; transition:none !important;}body{background:rgb(255, 245, 255);}
  .value-nav {border:0rem; box-shadow:none; max-width:none;}
}