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

:root{--text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --acc-d: #0f766e; --acc-l: #2bb3a3; --rad-s: 8px; --night-2: #1d2c28; hyphens:manual; --text: #46535a; --dim: #79868c; --rad: 12px; --edge: #screen-tertiary; --night: #14201d; --edge-2: #page-view; --display: "Sora", system-ui, sans-serif; --max: 70rem; --ink: #16221f; text-rendering:auto; --acc: #0d9488; --tint: rgba(13, 148, 136, 0.08); --card: #avatar-track; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --bg-2: #review-dot; --on-night: rgba(255, 255, 255, 0.6); --band: 62rem; --read: 45rem; --bg: #site-review;}*, *::before, *::after{padding:0; box-sizing: border-box; margin:0;}html{-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%; font-size:113.9%; scroll-behavior: smooth;}body{background: var(--bg); font-size:1.04rem; -moz-osx-font-smoothing:grayscale; color: var(--text); -webkit-font-smoothing:antialiased; line-height:1.72; font-family: var(--text-font);}ul, ol{list-style: none;}

img, svg {display: block; max-width:100%;}a{color: var(--acc); text-decoration:none;}
a:hover {color: var(--acc-d);}
button {cursor: pointer; font-family:inherit;}

:focus-visible {outline: 2px solid var(--acc); border-radius:4px; outline-offset:2px;}
h1 {line-height:1.18; color: var(--ink); font-weight:700; letter-spacing:-0.015em; font-family: var(--display);}html .button-comment{overflow: hidden; width:1px; height:1px; white-space: nowrap; position: absolute; clip:rect(0, 0, 0, 0); border:0; padding:0; margin:-1px;}

/* span headings (no h2/h3 anywhere but article content) */
.app-footer, .toggle__outer--elevated, .c-dialog-region, .c-feature-slot, .justify-full {font-family: var(--display); letter-spacing:-0.01em; color: var(--ink); font-weight:bold; display: block;}
.app-footer {margin-bottom:1.05rem; font-size:1.25rem;}
.toggle__outer--elevated {font-size:1.01rem; margin-bottom:0.24rem;}
.c-dialog-region {will-change:auto; margin-bottom:1.18rem; font-size:1.26rem; text-decoration-skip-ink:auto;}

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

/* ---------- topbar ---------- */
.headerExtra {position: sticky; background:rgba(255, 238, 255, 0.93); top:0; border-bottom: 1px solid var(--edge); z-index: 1000; backdrop-filter:saturate(150%) blur(8px);}.badge-info-bottom:not(._398175){width:100%; max-width: var(--max); display: flex; align-items: center; padding:0 1.31rem; gap:0.92rem; min-height:3.97rem; justify-content: space-between; margin-inline:auto;}html .clear-3{align-items: center; display: inline-flex;}*.clear-3 img{height:29px; width:auto;}

.divider-inverse {flex-direction: column; background:none; border:0; padding-top:0.46rem;padding-right:0.46rem;padding-bottom:0.46rem;padding-left:0.46rem; gap:6px; display: none;}body .divider-inverse span{display: block; background: var(--ink); border-radius:2px; height:2px; page-break-inside:auto; width:25px;}
.tableTrack {display: flex; gap:1.58rem;}.c-skeleton-separator{align-items: center; display: flex; gap:1.81rem;}
.tableTrack a, .c-gallery-detail {font-weight:500; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.03em;}
.tableTrack a, .c-gallery-detail {color: var(--text);}.tableTrack a:hover, body .c-gallery-detail:hover{color: var(--acc);}
.c-widget-count {display: flex;}
.c-widget-count {gap:1.06rem; align-items: center;}
.modal-hover {transition:background 0.186s; font-weight:700; padding:0.58rem 1.06rem; color:#screen_cap; border-radius: var(--rad-s); font-size:0.8rem; letter-spacing:0.03em; background: var(--acc); text-transform:uppercase;}
.modal-hover:hover {color:#screen_cap; background: var(--acc-d);}

/* ---------- flow / shell ---------- */
.trigger-tabs {padding-bottom:4.01rem;}

/* ---------- post ---------- */
.dot-search {border-radius: var(--rad); border: 1px solid var(--edge); background: var(--card); margin:1.54rem auto 0; box-shadow: var(--sh); overflow: hidden; max-width: var(--read);}
.pr-10 {margin-bottom:0.8rem; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem);}
.page-summary-danger {padding:2.35rem 2.63rem 1.22rem;}

.input-header {display: flex; flex-wrap: wrap; font-size:0.75rem; color: var(--dim); background-blend-mode:normal; align-items: center; tab-size:4; gap:0.48rem 1.31rem;}
.modalPrefix {align-items: center; display: inline-flex; gap:0.43rem;}
.modalPrefix svg {flex-shrink: 0; opacity:0.73;}.panel-default{font-style:italic;}/* toc */
:where(.boxGroup){padding:0 2.59rem;}
.gallery--focused {padding:1.05rem 1.28rem; border: 1px solid var(--edge); border-radius: var(--rad-s); background: var(--bg-2);}
.toggleData {justify-content: space-between; display: flex; align-items: center;}
.c-feature-slot {margin:0; font-size:0.92rem;}.screen-group:not(._398175){display: inline-flex; color: var(--dim);}.screen-group:not(._398175){border:none; background:none; transition:transform 0.212s, color 0.148s; padding:0.19rem;}*.screen-group:hover{color: var(--acc);}*.gallery--focused.is-shut .screen-group{transform: rotate(-90deg);}
.gallery--focused.is-shut .button-section {display: none;}
.button-section {font-size:0.94rem; border-top: 1px solid var(--edge); padding-top:0.71rem; line-height:1.9; margin-top:0.71rem;}
.button-section a {display: block; color: var(--text);}.button-section a:hover{color: var(--acc);}

/* rich content */
.progress-expand {padding:1.43rem 2.55rem 0.3rem;}
.button-section .list-overlay {font-size:0.89rem; padding-left:1.17rem;}.hero-sticky{line-height:1.8; font-size:1.03rem; color: var(--text);}
.hero-sticky > * + * {margin-top:1.18rem;}body .hero-sticky h2{border-top: 1px solid var(--edge-2); font-size:1.51rem; line-height:1.3; scroll-margin-top:5rem; margin-top:2.32rem; color: var(--ink); padding-top:1.37rem; font-family: var(--display);}
.hero-sticky h3 {font-size:1.21rem; scroll-margin-top:5rem; margin-top:1.66rem; color: var(--ink); font-family: var(--display);}
.hero-sticky h4 {font-size:1.14rem; margin-top:1.22rem; font-family: var(--display); page-break-inside:auto; tab-size:4; color: var(--ink);}
.hero-sticky a {text-decoration-thickness:1px;}
.hero-sticky a {text-decoration:underline; text-underline-offset:2px;}
.hero-sticky strong, .hero-sticky b {color: var(--ink); font-weight:bold;}
.hero-sticky ul, .hero-sticky ol {margin-left:1.25rem;}.hero-sticky ul{background-blend-mode:normal; list-style: disc;}
.hero-sticky ol {list-style: decimal;}
.hero-sticky li {margin-top:0.4rem; padding-left:0.26rem;}
.hero-sticky img {margin:1.5rem 0; border-radius: var(--rad-s);}.hero-sticky blockquote{color: var(--ink); padding:0.91rem 1.27rem; font-style:italic; border-left: 3px solid var(--acc); background: var(--tint); border-radius: 0 var(--rad-s) var(--rad-s) 0;}
.hero-sticky code {font-family:ui-monospace, "SF Mono", "Courier New", monospace; border-radius:8px; border: 1px solid var(--edge); background: var(--bg-2); padding:0.15em 0.52em; font-size:0.86em;}*.hero-sticky pre{color:#body-divider; padding:1.14rem 1.35rem; border-radius: var(--rad-s); line-height:1.7; background: var(--night); overflow-x: auto; font-size:0.87rem;}
.hero-sticky pre code {border:0 none; background:none; padding:0; color:inherit;}
.hero-sticky table {width:100%; font-size:0.93rem; border-collapse:collapse;}body .hero-sticky th, .hero-sticky td{padding:0.64rem 0.74rem; text-align: left; border: 1px solid var(--edge);}
.hero-sticky th {font-weight:700; color: var(--ink);}
.hero-sticky th {background: var(--bg-2);}
.hero-sticky hr {border-top: 1px solid var(--edge); margin:2.02rem 0; border:none;}

/* share */
.u-toolbar {padding:1.74rem 2.65rem 2.47rem;}
.c-pagination-count {height:41px; width:40px; color: var(--dim); display: inline-flex; justify-content: center; background: var(--card); align-items: center; border: 1px solid var(--edge); transition:background 0.185s, color 0.144s, border-color 0.151s, transform 0.21s; border-radius:50%;}.snackbarHandle{flex-wrap: wrap; gap:0.52rem; font-variant-ligatures:normal; display: flex;}/* ---------- talk / reach (forms) ---------- */
:where(.drawer-focused), .threadTime{margin:2.19rem auto 0; background: var(--card); box-shadow: var(--sh); max-width: var(--read); border: 1px solid var(--edge); border-radius: var(--rad); padding:1.92rem 2.57rem 2.12rem;}
.c-pagination-count:hover {background: var(--acc); border-color: var(--acc); transform: translateY(-1px); color:#screen_cap;}/* ---------- more (related) ---------- */
.section-first{max-width: var(--read); margin:2.23rem auto 0;}
.border-md {color: var(--dim); font-size:0.99rem; margin-top:-0.59rem; margin-bottom:1.14rem;}
.modal-action {grid-template-columns: repeat(3, 1fr); gap:0.93rem; display: grid;}
.opacity-10 {background: var(--card); display: block; border-radius: var(--rad-s); padding:1.06rem 1.19rem; border: 1px solid var(--edge); transition:transform 0.156s, box-shadow 0.156s, border-color 0.136s; box-shadow: var(--sh); backface-visibility:visible;}
.opacity-10:hover {transform: translateY(-2px); border-color: var(--acc-l); box-shadow: var(--sh-l);}
.c-progress-holder {color: var(--ink); font-family: var(--display); font-size:1.04rem;}
.c-progress-holder {line-height:1.4; font-weight:bold;}/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea{transition:border-color 0.147s, box-shadow 0.173s, background 0.23s; border-radius: var(--rad-s); width:100%; color: var(--ink); font:inherit; padding:0.7rem 0.92rem; border: 1px solid var(--edge); background: var(--bg-2);}input::placeholder, textarea::placeholder{color: var(--dim);}
input:focus, textarea:focus {tab-size:4; background: var(--card); outline:0; box-shadow:0 0 0 0px rgba(16, 166, 144, 0.08); border-color: var(--acc);}textarea{min-height:6.57rem; resize: vertical;}

.menuMeta {display: flex; flex-wrap: wrap; gap:0.95rem;}html .c-gallery-overlay{min-width:0; flex: 1 1 calc(50% - 0.5rem);}
.number-modal {flex: 1 1 100%; isolation:auto;}

.divider--default {display: flex;}
.divider--default input {border-radius: var(--rad-s) 0 0 var(--rad-s); flex: 1; min-width:0; border-right:0;}html .divider--default .c-toolbar-block{border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.c-toolbar-block {align-items: center; transition:background 0.24s, color 0.154s, border-color 0.238s; letter-spacing:0.03em; text-transform:uppercase; font-weight:bold; color: var(--ink); display: inline-flex; background: var(--card); padding:0.7rem 1.22rem; border: 1px solid var(--edge); border-radius: var(--rad-s); gap:0.47rem; justify-content: center; min-height:2.87rem; font-size:0.79rem;}
.c-toolbar-block:hover {color: var(--ink); border-color: var(--dim); background: var(--bg-2);}.widgetInput{border-color: var(--acc); color:#screen_cap; background: var(--acc);}
.widgetInput:hover {background: var(--acc-d); border-color: var(--acc-d); color:#screen_cap;}.c-step-spacer{width:100%;}
.w-sm {min-width:2.93rem; padding:0.69rem 1.07rem;}

/* ---------- decks (newsletter + account) ---------- */
.c-action-date {margin:2.63rem auto 0; max-width: var(--band); grid-template-columns: 1fr 1fr; gap:1.29rem; display: grid;}
.pr-around {padding:1.5rem 1.66rem; border: 1px solid var(--edge); border-radius: var(--rad); display: flex; flex-direction: column; box-shadow: var(--sh); background: var(--card); text-underline-offset:auto;}body .c-counter-image{-moz-tab-size:4;tab-size:4; font-synthesis:weight style small-caps; margin-bottom:0.93rem; font-size:0.86rem; color: var(--dim);}
.wrapper-footer {display: flex; flex-direction: column; margin-top:auto;}
.wrapper-footer {gap:0.55rem;}*.wrapper-footer .c-toolbar-block{width:100%;}/* ---------- footer ---------- */
.pagination-wide:not(._398175){background: var(--night); margin-top:3.39rem; padding:2.53rem 0; color: var(--on-night);}
.pt-6 {margin-inline:auto; display: flex; gap:1.51rem; padding:0 1.21rem; justify-content: space-between; max-width: var(--max); flex-wrap: wrap;}
.pt-6 {width:100%; align-items: center; text-decoration-skip-ink:auto;}
.screenTitle img {filter:brightness(0) invert(1); width:auto;}
.screenTitle img {height:29px; opacity:0.86;}
.select-narrow {color: var(--on-night); margin-top:0.7rem; font-size:0.87rem;}*.review-large{display: flex; gap:1.35rem;}
.review-large a {font-size:0.79rem; contain:none; color: var(--on-night); will-change:auto;}
.review-large a:hover {color:#screen_cap;}

.counter-selected {gap:0.64rem; display: flex;}
.counter-selected a {justify-content: center; align-items: center; width:32px; background:rgba(246, 255, 244, 0.05); height:34px; border-radius: var(--rad-s); transition:background 0.228s, color 0.146s, transform 0.182s; color: var(--on-night); display: inline-flex;}

/* ---------- back to top ---------- */
.c-select-fill {color:#screen_cap; transition:background 0.214s, transform 0.154s; z-index: 900; border-radius:50%; align-items: center; background: var(--acc); right:1.68rem; border:none; display: none; height:43px; width:43px; box-shadow: var(--sh-l); bottom:1.61rem; position: fixed; justify-content: center;}
.counter-selected a:hover {background: var(--acc); color:#screen_cap; transform: translateY(-1px);}.c-select-fill:hover{background: var(--acc-d); transform: translateY(-2px);}

/* ---------- cookie ---------- */
.box-sticky {position: fixed; right:0; bottom:0rem; left:0px; border-top: 1px solid var(--edge); padding:0.98rem 0; perspective:none; box-shadow:0 -2px 25px rgba(17, 39, 23, 0.04); background: var(--card); z-index: 1100;}
.c-select-fill.breadcrumbExpand {display: inline-flex; isolation:auto; font-synthesis:weight style small-caps;}body .box-sticky p{margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem; color: var(--text); font-size:0.78rem;}
.entry-rounded {display: flex; padding:0 1.24rem; max-width: var(--max); align-items: center; margin-inline:auto; width:100%; print-color-adjust:economy; gap:1.55rem; justify-content: space-between;}
.box-sticky .c-toolbar-block {min-height:2.39rem; flex-shrink: 0; padding:0.6rem 1.39rem;}

/* ---------- auth layers (CSS :target modal) ---------- */
.c-tabs-column {z-index: 1300; position: fixed; inset:0; display: none;}.c-tabs-column:target{display: grid; padding-top:1.28rem;padding-right:1.28rem;padding-bottom:1.28rem;padding-left:1.28rem; place-items: center;}.screenInner{padding:1.76rem 1.8rem 1.54rem; border: 1px solid var(--edge); background: var(--card); border-radius: var(--rad); width: min(94vw, 25rem); position: relative; box-shadow: var(--sh-l); z-index: 1; animation:pop 0.133s ease-out;}body .formItem{-webkit-backdrop-filter:blur(2px);position: absolute; background:rgba(13, 24, 27, 0.48); inset:0; backdrop-filter:blur(2px);}
@keyframes pop { from {opacity:0; transform: translateY(8px) scale(0.99);}to{opacity:1; transform: none;} }
.item-pagination {top:0.66rem;}
.item-pagination {text-decoration:none; font-size:1.46rem; line-height:1; position: absolute; right:0.8rem; color: var(--dim);}body .item-pagination:hover{color: var(--ink); font-variant-ligatures:normal;}.c-tabs-column .box-expanded{flex-direction: column; gap:0.82rem; display: flex;}body .section-separator{margin-top:0.16rem; text-align: center; font-size:0.91rem; color: var(--dim);}.c-skeleton-separator:not(._398175){left:0; font-variant-caps:normal; gap:0; position: absolute; display: none; align-items: stretch; border-bottom: 1px solid var(--edge); box-shadow: var(--sh); print-color-adjust:economy; padding:0.54rem 0; background: var(--card); right:0; top:100%; flex-direction: column;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .divider-inverse {display: flex;}
  .c-skeleton-separator.open {display: flex;}
  .tableTrack {backface-visibility:visible; gap:0; padding:0 1.25rem; flex-direction: column;}
  .tableTrack a {padding:0.81rem 0; border-bottom: 1px solid var(--edge-2);}
  .c-widget-count {padding:0.83rem 1.18rem 0.32rem; gap:0.82rem;}
  .c-action-date {grid-template-columns: 1fr;}html .modal-action{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 680px) {
  html {font-size:100%;}
  .page-summary-danger {padding:1.77rem 1.48rem 1.08rem;}
  .boxGroup {padding:0 1.37rem;}
  .progress-expand {padding:1.34rem 1.32rem 0.31rem;}
  .u-toolbar {page-break-inside:auto; padding:1.24rem 1.32rem 1.95rem;}
  .drawer-focused, .threadTime {padding:1.68rem 1.46rem 1.82rem;}
  .modal-action {grid-template-columns: 1fr;}
  .pt-6 {flex-direction: column; gap:1.17rem; align-items: flex-start;}html .entry-rounded{text-align: center; flex-direction: column;}html .entry-rounded{gap:0.78rem;}
}

@media (max-width: 460px) {
  .c-gallery-overlay {flex: 1 1 100%;}
  .c-select-fill {bottom:0.94rem; right:1.05rem;}
}

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

@media print {
  .headerExtra, .u-toolbar, .drawer-focused, .section-first, .threadTime,
  .c-action-date, .pagination-wide, .c-select-fill, .box-sticky, .c-tabs-column, .skeletonExpand {display: none !important;}
  body {background:#screen_cap;}.dot-search:not(._398175){border:0 none; box-shadow:none;}.dot-search:not(._398175){max-width:none;}
}