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

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

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

html {scroll-behavior: smooth; font-size:111.4%; -webkit-text-size-adjust:100%;}img, svg{display: block; max-width:100%;}

body {font-size:1.08rem; font-family: var(--text-font); background: var(--bg); color: var(--text); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1.72;}
ul, ol {list-style: none;}
a {text-decoration:none; color: var(--acc);}
a:hover {color: var(--acc-d);}
h1 {letter-spacing:-0.015em; font-family: var(--display); line-height:1.18; color: var(--ink); font-weight:700;}
button {font-family:inherit; cursor: pointer;}

:focus-visible {border-radius:6px;}

:focus-visible {outline-offset:2px; outline: 2px solid var(--acc);}.modal-track-elevated:not(._1f16d9){contain:none; overflow: hidden; border:0; height:1px; margin:-1px; text-underline-offset:auto; white-space: nowrap; width:1px; clip:rect(0, 0, 0, 0); padding:0; position: absolute;}

/* span headings (no h2/h3 anywhere but article content) */
.c-table-detail, .c-filter-bar, .spinner-tertiary, .price-fill, .time-dialog {font-weight:700; letter-spacing:-0.01em; font-family: var(--display); display: block; color: var(--ink);}
.c-filter-bar {font-size:1.05rem; margin-bottom:0.3rem;}html .c-table-detail{margin-bottom:1.03rem; will-change:auto; font-size:1.26rem; tab-size:4;}

/* ---------- scroll progress ---------- */
.dialog-separator-warning {background: var(--acc); transition:width 0.031s linear; top:0em; z-index: 1200; position: fixed; height:0px; left:0; width:0;}
.spinner-tertiary {margin-bottom:1.16rem; font-size:1.26rem;}

/* ---------- topbar ---------- */
.spinner-slot-active {position: sticky; top:0px; border-bottom: 1px solid var(--edge); z-index: 1000; background:rgba(239, 244, 255, 0.8); backdrop-filter:saturate(150%) blur(8px);}
.c-counter-suffix {gap:0.95rem; margin-inline:auto; max-width: var(--max); min-height:3.96rem; width:100%; align-items: center; padding:0 1.29rem; display: flex; justify-content: space-between;}
.icon-list {will-change:auto; display: inline-flex; align-items: center;}
.icon-list img {height:33px; width:auto;}

.l-list-link {background:none; flex-direction: column; padding-top:0.37rem;padding-right:0.37rem;padding-bottom:0.37rem;padding-left:0.37rem; gap:8px; border:0 none; display: none; font-variant-ligatures:normal;}.shadow-start{gap:1.84rem; align-items: center; display: flex;}
.l-list-link span {isolation:auto; height:2px; border-radius:2px; width:25px; display: block; background: var(--ink);}
.dropdown-toggle {gap:1.42rem; display: flex;}.dropdown-toggle a, .avatarWrap:not(._1f16d9){text-transform:uppercase; letter-spacing:0.03em; font-size:0.75rem; color: var(--text); font-weight:600;}
.dropdown-toggle a:hover, .avatarWrap:hover {color: var(--acc);}
.c-widget-item {display: flex; background-blend-mode:normal; text-decoration-skip-ink:auto; gap:1.01rem; align-items: center;}
.c-accordion-overlay {color:#main-section; font-size:0.74rem; padding:0.51rem 1.05rem; border-radius: var(--rad-s);}
.c-accordion-overlay {background: var(--acc); text-transform:uppercase; letter-spacing:0.03em; font-weight:700; transition:background 0.177s;}
.c-accordion-overlay:hover {color:#main-section; background: var(--acc-d);}

/* ---------- flow / shell ---------- */
.app-box-head {padding-bottom:3.95rem;}
.c-thread-bar {padding:2.32rem 2.53rem 1.27rem; image-rendering:auto;}

/* ---------- post ---------- */
.c-step-fill {overflow: hidden; margin:1.62rem auto 0; border-radius: var(--rad); max-width: var(--read); background: var(--card); box-shadow: var(--sh); border: 1px solid var(--edge);}
.screenTime {font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); margin-bottom:0.8rem;}html .status-area-large{color: var(--dim); gap:0.52rem 1.29rem; font-size:0.85rem; flex-wrap: wrap; display: flex; align-items: center;}
.c-feature-prefix {gap:0.42rem; align-items: center; display: inline-flex;}
.c-feature-prefix svg {flex-shrink: 0; opacity:0.64;}

/* toc */
.media--wide {padding:0 2.65rem;}
.app-stepper {font-style:italic;}
.media__overlay {display: flex; justify-content: space-between; align-items: center; word-spacing:normal; will-change:auto;}
.extra-drawer {padding:1.05rem 1.33rem; background: var(--bg-2); border: 1px solid var(--edge); border-radius: var(--rad-s);}
.price-fill {font-size:0.95rem; margin:0;}
.c-table-region {padding:0.19rem; color: var(--dim); transition:transform 0.231s, color 0.17s; background:none; border:none; display: inline-flex;}
.c-table-region:hover {color: var(--acc);}
.extra-drawer.is-shut .c-table-region {transform: rotate(-90deg);}body .extra-drawer.is-shut .c-pagination-row{word-spacing:normal; mix-blend-mode:normal; display: none;}
.c-pagination-row {padding-top:0.58rem; line-height:1.9; margin-top:0.72rem; font-size:0.9rem; border-top: 1px solid var(--edge);}
.c-pagination-row a {color: var(--text); display: block;}.c-pagination-row a:hover{color: var(--acc);}html .c-pagination-row .c-hero-meta{font-size:0.79rem; padding-left:1.1rem;}

/* rich content */
.c-post-group {padding:1.42rem 2.68rem 0.33rem;}
.table-addon-fixed {font-size:1rem; line-height:1.8; color: var(--text);}
.table-addon-fixed > * + * {margin-top:1.28rem;}.table-addon-fixed h2{font-synthesis:weight style small-caps; font-size:1.44rem; backface-visibility:visible; line-height:1.3; scroll-margin-top:5rem; border-top: 1px solid var(--edge-2); font-family: var(--display); margin-top:2.28rem; color: var(--ink); padding-top:1.25rem;}
.table-addon-fixed h3 {scroll-margin-top:5rem; margin-top:1.77rem; font-size:1.25rem; color: var(--ink); font-family: var(--display);}
.table-addon-fixed h4 {color: var(--ink); font-family: var(--display); margin-top:1.34rem; font-size:1.04rem;}.table-addon-fixed a{text-decoration-thickness:1px; text-decoration:underline; image-rendering:auto; text-underline-offset:2px; will-change:auto;}
.table-addon-fixed strong, .table-addon-fixed b {color: var(--ink); font-weight:700;}
.table-addon-fixed ul, .table-addon-fixed ol {margin-left:1.34rem; break-inside:auto;}
.table-addon-fixed ul {break-inside:auto;}
.table-addon-fixed ul {list-style: disc; hyphens:manual;}
.table-addon-fixed ol {list-style: decimal;}
.table-addon-fixed li {padding-left:0.37rem; margin-top:0.46rem;}
.table-addon-fixed img {border-radius: var(--rad-s); margin:1.47rem 0;}
.table-addon-fixed blockquote {background: var(--tint); padding:0.85rem 1.29rem; border-left: 3px solid var(--acc); border-radius: 0 var(--rad-s) var(--rad-s) 0; color: var(--ink); font-style:italic;}
.table-addon-fixed code {padding:0.11em 0.39em; background: var(--bg-2); font-size:0.88em; border-radius:3px; border: 1px solid var(--edge); font-family:ui-monospace, "SF Mono", "Courier New", monospace;}
.table-addon-fixed pre {backface-visibility:visible; border-radius: var(--rad-s); color:#popoverWrapper; line-height:1.7; padding:1.05rem 1.28rem; font-size:0.81rem; background: var(--night); overflow-x: auto;}
.table-addon-fixed pre code {border:0 none; background:none; padding:0; color:inherit;}html .table-addon-fixed table{width:100%; font-size:0.88rem; border-collapse:collapse;}
.table-addon-fixed th, .table-addon-fixed td {border: 1px solid var(--edge); text-align: left; padding:0.69rem 0.75rem;}
.table-addon-fixed th {background: var(--bg-2); color: var(--ink); font-weight:700;}
.table-addon-fixed hr {border-top: 1px solid var(--edge); margin:1.97rem 0; border:0 none;}
.profileButton {display: flex; gap:0.52rem; flex-wrap: wrap;}

/* share */
.popover__wrap {padding:1.65rem 2.52rem 2.37rem;}
.tooltip-backdrop {color: var(--dim); height:37px; background: var(--card); align-items: center; border: 1px solid var(--edge); display: inline-flex; border-radius:50%; width:39px; transition:background 0.25s, color 0.169s, border-color 0.19s, transform 0.201s; justify-content: center;}
.tooltip-backdrop:hover {border-color: var(--acc); transform: translateY(-1px); background: var(--acc); color:#main-section;}

/* ---------- talk / reach (forms) ---------- */
.t-gallery-value, .carousel--right {padding:2.04rem 2.53rem 2.11rem; box-shadow: var(--sh); margin:2.12rem auto 0; background: var(--card); border: 1px solid var(--edge); border-radius: var(--rad); max-width: var(--read);}
.block-name-sparse {margin-bottom:1.24rem; page-break-inside:auto; font-size:0.99rem; margin-top:-0.61rem; color: var(--dim);}

/* ---------- more (related) ---------- */
.wrap-sidebar {max-width: var(--read); margin:2.2rem auto 0;}
.skeleton-addon-fixed {grid-template-columns: repeat(3, 1fr); display: grid; gap:1.03rem;}
.grid {box-shadow: var(--sh); padding:1.11rem 1.2rem; transition:transform 0.239s, box-shadow 0.158s, border-color 0.222s; display: block; border-radius: var(--rad-s); border: 1px solid var(--edge); background: var(--card);}.grid:hover{transform: translateY(-2px); box-shadow: var(--sh-l); border-color: var(--acc-l);}body .opacity-24{color: var(--ink); line-height:1.4; font-family: var(--display); font-weight:700; font-size:1.02rem;}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {font:inherit; padding:0.78rem 1rem; border: 1px solid var(--edge); border-radius: var(--rad-s); background: var(--bg-2); width:100%; color: var(--ink); transition:border-color 0.142s, box-shadow 0.184s, background 0.14s;}input::placeholder, textarea::placeholder{color: var(--dim);}input:focus, textarea:focus{background: var(--card); box-shadow:0 0 0 3px rgba(0, 160, 152, 0.14); outline:0; border-color: var(--acc);}
textarea {min-height:6.53rem; resize: vertical;}

.select-foot-large {display: flex; flex-wrap: wrap; gap:1rem;}*.indicator-banner{flex: 1 1 calc(50% - 0.5rem); min-width:0;}*.align-sm{flex: 1 1 100%;}.progress-slot{display: flex;}
.progress-slot input {flex: 1; border-right:none; border-radius: var(--rad-s) 0 0 var(--rad-s); min-width:0;}
.progress-slot .profile-filled {border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.profile-filled {align-items: center; justify-content: center; font-size:0.83rem; padding:0.76rem 1.27rem; background: var(--card); display: inline-flex; transition:background 0.213s, color 0.188s, border-color 0.205s; font-weight:700; text-transform:uppercase; background-blend-mode:normal; border: 1px solid var(--edge); min-height:2.84rem; gap:0.52rem; border-radius: var(--rad-s); color: var(--ink); letter-spacing:0.03em;}
.profile-filled:hover {background: var(--bg-2); page-break-inside:auto; shape-margin:0; border-color: var(--dim); color: var(--ink);}
.spacer-box {color:#main-section; background: var(--acc); border-color: var(--acc);}
.spacer-box:hover {border-color: var(--acc-d); background: var(--acc-d); color:#main-section;}
.c-section-text {page-break-inside:auto; padding:0.68rem 0.93rem; min-width:2.98rem; shape-margin:0;}.counter-input:not(._1f16d9){width:100%;}

/* ---------- decks (newsletter + account) ---------- */
.price-foot-danger {gap:1.21rem; display: grid; margin:2.52rem auto 0; grid-template-columns: 1fr 1fr; max-width: var(--band);}.c-rating-fill{background: var(--card); will-change:auto; box-shadow: var(--sh); flex-direction: column; padding:1.55rem 1.61rem; border-radius: var(--rad); display: flex; border: 1px solid var(--edge);}
.pagination-compact {font-size:0.86rem;}
.pagination-compact {margin-bottom:0.92rem; color: var(--dim);}.card-time-dense{margin-top:auto; display: flex; flex-direction: column; gap:0.52rem;}
.card-time-dense .profile-filled {width:100%;}

/* ---------- footer ---------- */
.c-header-area {color: var(--on-night); padding:2.52rem 0; background: var(--night);}

/* ---------- footer ---------- */
.c-header-area {margin-top:3.35rem;}
.header-pressed {width:100%; justify-content: space-between; gap:1.48rem; padding:0 1.18rem; flex-wrap: wrap; will-change:auto; display: flex; max-width: var(--max); margin-inline:auto; align-items: center;}
.c-widget-addon img {width:auto;}
.box-title-compact {font-size:0.75rem; margin-top:0.66rem; color: var(--on-night);}
.c-widget-addon img {opacity:0.93; height:29px; filter:brightness(0) invert(1);}
.badge-prefix {display: flex; gap:1.36rem;}.badge-prefix a{color: var(--on-night); font-size:0.87rem;}
.badge-prefix a:hover {tab-size:4; color:#main-section;}

.c-list-subtitle {display: flex; transform-style:flat; gap:0.57rem;}.c-list-subtitle a{align-items: center; height:34px; background:rgba(255, 255, 255, 0.06); display: inline-flex; color: var(--on-night); width:40px; transition:background 0.249s, color 0.17s, transform 0.101s; justify-content: center; border-radius: var(--rad-s);}html .c-list-subtitle a:hover{background: var(--acc); transform: translateY(-1px); color:#main-section;}

/* ---------- back to top ---------- */
.wrap-avatar {color:#main-section; box-shadow: var(--sh-l); z-index: 900; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; display: none; border:0rem; height:46px; transition:background 0.204s, transform 0.197s; justify-content: center; align-items: center; bottom:1.66rem; position: fixed; right:1.67rem; width:50px; font-variant-ligatures:normal; background: var(--acc);}
.wrap-avatar:hover {background: var(--acc-d); transform: translateY(-2px);}.c-dialog-dot.wrap-avatar{font-synthesis:weight style small-caps; text-rendering:auto; display: inline-flex;}

/* ---------- cookie ---------- */
.step-backdrop {border-top: 1px solid var(--edge); position: fixed; bottom:0; left:0; right:0; padding:0.88rem 0; z-index: 1100; box-shadow:0 -8px 22px rgba(6, 28, 36, 0.12); background: var(--card);}
.step-backdrop p {margin:0; font-size:0.87rem; color: var(--text);}.progress-compact:not(._1f16d9){gap:1.49rem; max-width: var(--max); margin-inline:auto; display: flex; padding:0 1.31rem; justify-content: space-between; align-items: center; width:100%;}
.step-backdrop .profile-filled {min-height:2.34rem; padding:0.57rem 1.42rem; flex-shrink: 0;}

/* ---------- auth layers (CSS :target modal) ---------- */
.table-wide {z-index: 1300; display: none; position: fixed; inset:0;}
.table-wide:target {display: grid;}
.table-wide:target {place-items: center; padding:1.17rem;}.c-spinner-cell{position: absolute;}.c-spinner-cell{inset:0; perspective:none; backdrop-filter:blur(2px); background:rgba(36, 49, 16, 0.63);}html .threadInput{padding:1.8rem 1.73rem 1.54rem; position: relative; animation:pop 0.222s ease-out; z-index: 1; border-radius: var(--rad); box-shadow: var(--sh-l); width: min(94vw, 25rem); border: 1px solid var(--edge); background: var(--card);}
@keyframes pop { from {opacity:0; transform: translateY(8px) scale(0.99);}to{opacity:1; transform: none;} }
.c-spinner-zone {position: absolute; text-decoration:none; right:0.92rem; top:0.65rem; color: var(--dim); contain:none; font-size:1.48rem; line-height:1;}
.c-spinner-zone:hover {print-color-adjust:economy; color: var(--ink);}html .table-wide .step-value{display: flex; gap:0.98rem; flex-direction: column;}
.dot-table {margin-top:0.24rem; text-rendering:auto; font-size:0.82rem; text-align: center; color: var(--dim);}
  .shadow-start {align-items: stretch; background: var(--card); box-shadow: var(--sh); left:0; display: none; gap:0; text-decoration-skip-ink:auto; position: absolute; padding:0.58rem 0; border-bottom: 1px solid var(--edge); top:100%; flex-direction: column; right:0;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .l-list-link {display: flex;}
  .dropdown-toggle {flex-direction: column; gap:0; padding:0 1.27rem;}
  .shadow-start.open {display: flex;}
  .dropdown-toggle a {-webkit-hyphens:manual;-ms-hyphens:manual;padding:0.84rem 0; hyphens:manual; border-bottom: 1px solid var(--edge-2);}
  .c-widget-item {padding:0.88rem 1.25rem 0.4rem; gap:0.83rem;}

  .skeleton-addon-fixed {grid-template-columns: 1fr 1fr;}
  .price-foot-danger {grid-template-columns: 1fr;}
}

@media (max-width: 680px) {html{backface-visibility:visible; font-size:100%; isolation:auto;}
  .media--wide {padding:0 1.39rem;}
  .c-thread-bar {padding:1.75rem 1.38rem 1.17rem; font-variant-ligatures:normal; tab-size:4;}
  .c-post-group {padding:1.22rem 1.48rem 0.35rem;}
  .popover__wrap {padding:1.37rem 1.44rem 1.85rem; background-blend-mode:normal;}
  .t-gallery-value, .carousel--right {padding:1.58rem 1.45rem 1.82rem;}
  .skeleton-addon-fixed {grid-template-columns: 1fr;}
  .header-pressed {gap:1.28rem; align-items: flex-start; flex-direction: column;}
  .progress-compact {gap:0.84rem; text-align: center; flex-direction: column;}
  .wrap-avatar {right:1.08rem; bottom:0.96rem;}
}

@media (max-width: 460px) {
  .indicator-banner {flex: 1 1 100%; print-color-adjust:economy;}
  * {transition:none !important; animation:none !important; backface-visibility:visible; font-synthesis:weight style small-caps;}
}

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

@media print {body .spinner-slot-active, html .popover__wrap, html .t-gallery-value, *.wrap-sidebar, *.carousel--right, body .price-foot-danger, .c-header-area, .wrap-avatar:not(._1f16d9), *.step-backdrop, .table-wide, body .dialog-separator-warning{display: none !important;}
  body {background:#main-section;}
  .c-step-fill {box-shadow:none; max-width:none; border:0;}
}