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

:root{--tint: rgba(13, 148, 136, 0.08); --max: 70rem; --text: #46535a; --display: "Sora", system-ui, sans-serif; --band: 62rem; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --edge-2: #eef1f1; --night-2: #1d2c28; --acc: #0d9488; --rad: 12px; --bg: #f4f6f6; --card: #ffffff; --edge: #e5e9e9; --read: 45rem; --acc-d: #0f766e;}/* ============================================================
   1017_new_v1 — stylesheet
   ============================================================ */

:root{--dim: #79868c; --ink: #16221f; --acc-l: #2bb3a3; --on-night: rgba(255, 255, 255, 0.6); --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --bg-2: #fafbfb; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --night: #14201d; --rad-s: 8px;}*, *::before, *::after{margin:0; box-sizing: border-box; padding:0;}

html {scroll-behavior: smooth;}

html {font-size:113.9%; -webkit-text-size-adjust:100%;}body{color: var(--text); font-size:1.04rem; line-height:1.72; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased;}img, svg{max-width:100%; display: block;}body{font-family: var(--text-font); background: var(--bg);}
a {text-decoration:none; color: var(--acc);}ul, ol{list-style: none;}
a:hover {color: var(--acc-d);}
button {cursor: pointer; font-family:inherit;}
h1 {line-height:1.18; font-weight:700; color: var(--ink); font-family: var(--display); page-break-inside:auto; letter-spacing:-0.015em;}

.button-comment {overflow: hidden; border:0; width:1px; position: absolute; height:1px; margin:-1px; clip:rect(0, 0, 0, 0); padding:0; white-space: nowrap;}:focus-visible{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; outline: 2px solid var(--acc); outline-offset:2px;}/* span headings (no h2/h3 anywhere but article content) */
.app-footer:not(.dummy56), *.toggle__outer--elevated, *.c-dialog-region, *.c-feature-slot, html .justify-full{display: block; font-weight:bold; color: var(--ink); font-family: var(--display); letter-spacing:-0.01em;}
.app-footer {margin-bottom:1.05rem; font-size:1.25rem;}
.c-dialog-region {font-size:1.26rem; margin-bottom:1.18rem;}
.toggle__outer--elevated {font-size:1.01rem; margin-bottom:0.24rem;}

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

/* ---------- topbar ---------- */
.headerExtra {z-index: 1000; background:rgba(255, 238, 255, 0.93); backdrop-filter:saturate(150%) blur(8px); border-bottom: 1px solid var(--edge); position: sticky; top:0;}.badge-info-bottom{display: flex; gap:0.92rem; max-width: var(--max); justify-content: space-between; align-items: center; width:100%; padding:0 1.31rem; margin-inline:auto; min-height:3.97rem;}
.clear-3 {align-items: center; display: inline-flex;}
.clear-3 img {height:29px; width:auto;}.divider-inverse{background-blend-mode:normal; background:none; gap:6px; tab-size:4; display: none; border:0; padding:0.46rem; flex-direction: column;}
.divider-inverse span {display: block; width:25px; border-radius:2px; background: var(--ink); height:2px;}

.c-skeleton-separator {display: flex; gap:1.81rem; align-items: center;}body .tableTrack{display: flex; gap:1.58rem;}
.tableTrack a, .c-gallery-detail {letter-spacing:0.03em; font-size:0.84rem; color: var(--text); font-weight:600; text-transform:uppercase;}
.tableTrack a:hover, .c-gallery-detail:hover {color: var(--acc);}
.c-widget-count {align-items: center; display: flex; gap:0.96rem;}
.modal-hover {letter-spacing:0.03em; border-radius: var(--rad-s); color:hsl(61, 100%, 99%); font-size:0.81rem; font-weight:700; transition:background 0.207s; padding:0.47rem 1rem; text-transform:uppercase; background: var(--acc);}html .modal-hover:hover{color:rgb(239, 228, 231); background: var(--acc-d);}

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

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

.input-header {gap:0.58rem 1.21rem; flex-wrap: wrap; color: var(--dim); font-size:0.88rem; align-items: center; display: flex;}
.modalPrefix {display: inline-flex; align-items: center;}
.modalPrefix {gap:0.44rem;}html .modalPrefix svg{flex-shrink: 0; opacity:0.77;}
.panel-default {font-style:italic;}/* toc */
.boxGroup{padding:0 2.63rem;}
.gallery--focused {border-radius: var(--rad-s); padding:0.98rem 1.2rem;}
.gallery--focused {border: 1px solid var(--edge); background: var(--bg-2);}
.toggleData {display: flex; align-items: center; justify-content: space-between;}html .screen-group{transition:transform 0.248s, color 0.182s; background:none; display: inline-flex; tab-size:4; color: var(--dim); page-break-inside:auto; border:0 none; padding:0.19rem;}
.c-feature-slot {margin:0; font-size:0.95rem;}
.screen-group:hover {color: var(--acc);}
.gallery--focused.is-shut .screen-group {transform: rotate(-90deg);}.gallery--focused.is-shut :where(.button-section){display: none;}
.button-section {line-height:1.9; font-size:0.85rem; padding-top:0.62rem; margin-top:0.67rem; background-blend-mode:normal; border-top: 1px solid var(--edge);}
.button-section a {display: block; color: var(--text);}.button-section a:hover{color: var(--acc);}
.button-section .list-overlay {font-size:0.82rem; padding-left:1.1rem;}

/* rich content */
.progress-expand {padding:1.5rem 2.66rem 0.32rem;}body .hero-sticky{line-height:1.8; font-size:1rem;}body .hero-sticky{color: var(--text);}
.hero-sticky > * + * {margin-top:1.19rem;}*.hero-sticky h2{padding-top:1.34rem; border-top: 1px solid var(--edge-2); font-family: var(--display); margin-top:2.37rem; font-size:1.55rem;}*.hero-sticky h2{color: var(--ink); scroll-margin-top:5rem; line-height:1.3;}.hero-sticky h3{font-family: var(--display); scroll-margin-top:5rem; margin-top:1.69rem; color: var(--ink); font-size:1.27rem;}
.hero-sticky h4 {font-size:1.09rem; margin-top:1.36rem; font-family: var(--display); color: var(--ink);}*.hero-sticky a{text-decoration-thickness:1px; text-underline-offset:2px; text-decoration:underline;}
.hero-sticky strong, .hero-sticky b {color: var(--ink); font-weight:bold;}
.hero-sticky ul, .hero-sticky ol {margin-left:1.31rem;}
.hero-sticky ul {list-style: disc; font-variant-ligatures:normal;}
.hero-sticky ol {list-style: decimal;}
.hero-sticky li {margin-top:0.39rem; padding-left:0.24rem;}
.hero-sticky img {margin:1.45rem 0; border-radius: var(--rad-s);}.hero-sticky blockquote{background: var(--tint); color: var(--ink); border-left: 3px solid var(--acc); padding:0.78rem 1.23rem; font-style:italic; border-radius: 0 var(--rad-s) var(--rad-s) 0;}
.hero-sticky code {border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; font-size:0.84em; background: var(--bg-2); padding:0.14em 0.5em; border: 1px solid var(--edge); font-family:ui-monospace, "SF Mono", "Courier New", monospace;}
.hero-sticky pre {color:#e2f4e5; background: var(--night); padding:1.12rem 1.31rem; font-size:0.88rem; border-radius: var(--rad-s); line-height:1.7; overflow-x: auto;}
.hero-sticky pre code {border:none; color:inherit; background:none; padding:0; backface-visibility:visible;}body .hero-sticky table{width:100%; border-collapse:collapse; font-size:0.93rem;}
.hero-sticky th, .hero-sticky td {padding-top:0.59rem; padding-right:0.83rem; padding-bottom:0.59rem;}
.hero-sticky th, .hero-sticky td {padding-left:0.83rem; text-align: left; border: 1px solid var(--edge);}
.hero-sticky th {color: var(--ink);}
.hero-sticky th {font-weight:bold; background: var(--bg-2);}.hero-sticky hr{border-top: 1px solid var(--edge); border:0; margin:2.06rem 0;}
.snackbarHandle {gap:0.63rem; flex-wrap: wrap; display: flex;}/* share */
.u-toolbar{padding:1.68rem 2.67rem 2.4rem; tab-size:4;}*.c-pagination-count{color: var(--dim); background: var(--card); transition:background 0.147s, color 0.173s, border-color 0.23s, transform 0.18s; align-items: center; display: inline-flex; justify-content: center; width:40px; border-radius:50%; height:42px; border: 1px solid var(--edge);}
.c-pagination-count:hover {background: var(--acc); color:#ffffff; border-color: var(--acc); transform: translateY(-1px);}
.border-md {font-size:0.95rem; margin-bottom:1.2rem; color: var(--dim); margin-top:-0.66rem;}/* ---------- talk / reach (forms) ---------- */
.drawer-focused, .threadTime{isolation:auto; padding:2.07rem 2.55rem 2.17rem; background: var(--card); border: 1px solid var(--edge); margin:2.21rem auto 0; max-width: var(--read); border-radius: var(--rad); box-shadow: var(--sh);}/* ---------- more (related) ---------- */
.section-first{max-width: var(--read); margin:2.19rem auto 0;}
.modal-action {display: grid; grid-template-columns: repeat(3, 1fr); gap:0.97rem;}.opacity-10:not(.void97){display: block; background: var(--card); border-radius: var(--rad-s); transition:transform 0.225s, box-shadow 0.173s, border-color 0.175s; padding:0.97rem 1.12rem; border: 1px solid var(--edge); box-shadow: var(--sh);}
.opacity-10:hover {border-color: var(--acc-l); transform: translateY(-2px); box-shadow: var(--sh-l);}
.c-progress-holder {line-height:1.4; font-family: var(--display); font-size:1.03rem; color: var(--ink); font-weight:700;}
input::placeholder, textarea::placeholder {color: var(--dim);}/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea{color: var(--ink); border: 1px solid var(--edge); padding:0.68rem 0.94rem; border-radius: var(--rad-s); background: var(--bg-2); font:inherit; transition:border-color 0.166s, box-shadow 0.251s, background 0.222s; width:100%;}
input:focus, textarea:focus {box-shadow:0 0 0 5px rgba(25, 160, 137, 0.1); border-color: var(--acc); outline:0; background: var(--card);}

.menuMeta {gap:0.96rem; display: flex; flex-wrap: wrap; text-underline-offset:auto;}
textarea {resize: vertical; min-height:6.43rem;}
.c-gallery-overlay {-moz-tab-size:4;flex: 1 1 calc(50% - 0.5rem); font-synthesis:weight style small-caps; min-width:0; tab-size:4;}
.number-modal {flex: 1 1 100%;}html .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;}
.divider--default .c-toolbar-block {border-radius: 0 var(--rad-s) var(--rad-s) 0; text-decoration-skip-ink:auto;}

/* ---------- buttons ---------- */
.c-toolbar-block {justify-content: center; display: inline-flex; border: 1px solid var(--edge); gap:0.44rem; background: var(--card); align-items: center; text-transform:uppercase; font-size:0.86rem; padding:0.64rem 1.22rem; color: var(--ink); min-height:2.77rem; border-radius: var(--rad-s); font-weight:bold; letter-spacing:0.03em; transition:background 0.148s, color 0.232s, border-color 0.228s;}.c-toolbar-block:hover{background: var(--bg-2); color: var(--ink); border-color: var(--dim);}
.widgetInput {background: var(--acc); color:hsl(324, 99.6%, 97%); border-color: var(--acc);}
.widgetInput:hover {color:rgb(252, 255, 235); contain:none; border-color: var(--acc-d); will-change:auto; background: var(--acc-d);}.w-sm:not(.placeholder36){min-width:2.93rem; padding:0.74rem 1rem;}
.c-step-spacer {width:100%;}

/* ---------- decks (newsletter + account) ---------- */
.c-action-date {margin:2.58rem auto 0; gap:1.19rem; grid-template-columns: 1fr 1fr; max-width: var(--band); display: grid;}
.pr-around {box-shadow: var(--sh); display: flex;}
.pr-around {border: 1px solid var(--edge); padding-top:1.45rem; padding-right:1.53rem; padding-bottom:1.45rem; padding-left:1.53rem; flex-direction: column; background: var(--card); border-radius: var(--rad);}
.c-counter-image {color: var(--dim); margin-bottom:0.99rem; font-size:0.94rem;}
.wrapper-footer {flex-direction: column; gap:0.65rem; display: flex; margin-top:auto;}
.wrapper-footer .c-toolbar-block {isolation:auto; width:100%;}
.wrapper-footer .c-toolbar-block {font-synthesis:weight style small-caps;}*.pt-6{justify-content: space-between; display: flex; margin-inline:auto; align-items: center; print-color-adjust:economy; width:100%; max-width: var(--max); flex-wrap: wrap; padding:0 1.17rem;}

/* ---------- footer ---------- */
.pagination-wide {padding:2.63rem 0; color: var(--on-night); margin-top:3.36rem; perspective:none; background: var(--night);}*.pt-6{gap:1.43rem;}.screenTitle img{height:32px; width:auto; opacity:0.84; filter:brightness(0) invert(1);}
.select-narrow {font-size:0.79rem; color: var(--on-night); margin-top:0.77rem;}
.review-large {display: flex; gap:1.33rem;}.review-large a{font-size:0.83rem; color: var(--on-night);}
.review-large a:hover {color:#f8f7fd;}

.counter-selected {display: flex; gap:0.56rem;}
.counter-selected a {display: inline-flex; height:34px; border-radius: var(--rad-s); align-items: center; width:32px; justify-content: center; background:rgba(255, 248, 246, 0.04); color: var(--on-night); transition:background 0.177s, color 0.259s, transform 0.206s;}
.counter-selected a:hover {transform: translateY(-1px); background: var(--acc); color:#f7f2f4;}

/* ---------- back to top ---------- */
.c-select-fill {height:46px; align-items: center; width:50px; z-index: 900; box-shadow: var(--sh-l); border:none; background: var(--acc); justify-content: center; border-radius:50%; color:rgb(245, 253, 239); transition:background 0.155s, transform 0.17s; position: fixed; right:1.64rem; display: none; bottom:1.67rem;}
.c-select-fill:hover {transform: translateY(-2px); background: var(--acc-d); font-variant-ligatures:normal;}
.c-select-fill.breadcrumbExpand {display: inline-flex;}.entry-rounded{justify-content: space-between; display: flex; padding:0 1.33rem; width:100%; gap:1.44rem; max-width: var(--max); margin-inline:auto; align-items: center;}/* ---------- cookie ---------- */
.box-sticky{position: fixed; bottom:0; right:0; left:0; border-top: 1px solid var(--edge); box-shadow:0 -3px 24px rgba(11, 16, 39, 0.04); background: var(--card); padding:0.83rem 0; z-index: 1100;}.box-sticky p{color: var(--text); margin:0; font-size:0.86rem; font-variant-caps:normal; print-color-adjust:economy;}.box-sticky .c-toolbar-block{flex-shrink: 0; min-height:2.4rem; padding:0.51rem 1.44rem;}

/* ---------- auth layers (CSS :target modal) ---------- */
.c-tabs-column {display: none; position: fixed; inset:0; backface-visibility:visible;}

/* ---------- auth layers (CSS :target modal) ---------- */
.c-tabs-column {z-index: 1300;}*.c-tabs-column:target{place-items: center; display: grid; padding:1.19rem;}
.formItem {position: absolute;}
.formItem {background:rgba(3, 39, 14, 0.56); inset:0; backdrop-filter:blur(2px);}
.screenInner {box-shadow: var(--sh-l); animation:pop 0.122s ease-out; width: min(94vw, 25rem); z-index: 1; border-radius: var(--rad); padding:1.88rem 1.79rem 1.65rem; background: var(--card); position: relative; border: 1px solid var(--edge);}
@keyframes pop {from{opacity:0; transform: translateY(8px) scale(0.99);} to {opacity:1; transform: none;} }
.item-pagination {line-height:1; text-decoration:none; position: absolute; font-size:1.51rem; top:0.73rem; right:0.85rem; color: var(--dim);}
.item-pagination:hover {color: var(--ink);}
.c-tabs-column .box-expanded {display: flex; gap:0.86rem; flex-direction: column;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .divider-inverse {display: flex;}
.section-separator {font-size:0.82rem; color: var(--dim); margin-top:0.24rem; page-break-inside:auto; text-align: center;}*.c-skeleton-separator{padding:0.52rem 0; background: var(--card); align-items: stretch; position: absolute; right:0; display: none; gap:0; left:0; box-shadow: var(--sh); border-bottom: 1px solid var(--edge); top:100%; flex-direction: column;}
  .tableTrack {flex-direction: column; padding:0 1.29rem; gap:0;}
  .c-skeleton-separator.open {display: flex;}body .tableTrack a{padding:0.72rem 0; border-bottom: 1px solid var(--edge-2);}body .c-widget-count{gap:0.73rem; padding:0.83rem 1.27rem 0.41rem;}.c-action-date:not(.void79){grid-template-columns: 1fr;}

  .modal-action {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 680px) {
  html {font-size:100%;}
  .page-summary-danger {padding:1.88rem 1.33rem 1.18rem;}*.boxGroup{padding:0 1.39rem;}.progress-expand:not(.dummy88){padding:1.25rem 1.32rem 0.35rem;}
  .drawer-focused, .threadTime {padding:1.64rem 1.45rem 1.79rem; image-rendering:auto;}
  .u-toolbar {padding:1.37rem 1.41rem 1.87rem;}
  .pt-6 {gap:1.21rem; align-items: flex-start; flex-direction: column;}
  .modal-action {grid-template-columns: 1fr;}html .entry-rounded{gap:0.79rem; mix-blend-mode:normal; text-align: center; flex-direction: column;}
  .c-select-fill {bottom:1.06rem; right:1.01rem;}
}

@media (max-width: 460px) {
  .c-gallery-overlay {flex: 1 1 100%;}
}

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

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