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

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

html {-moz-text-size-adjust:100%;mix-blend-mode:normal; tab-size:4; font-size:113%; scroll-behavior: smooth; -webkit-text-size-adjust:100%;}

body {-webkit-font-smoothing:antialiased; color: var(--text); font-family: var(--text-font);}

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

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

:focus-visible {border-radius:-1px; outline: 2px solid var(--acc); outline-offset:2px;}

/* span headings (no h2/h3 anywhere but article content) */
.tooltip-addon-last, .c-rating-head, .hero-inverse, .comment-number, .o-progress {font-weight:700; letter-spacing:-0.01em; display: block; hyphens:manual; font-variant-caps:normal; font-family: var(--display); color: var(--ink);}
.tooltip-addon-last {margin-bottom:1.09rem; font-size:1.3rem;}
.c-rating-head {margin-bottom:0.26rem; font-size:1.12rem;}.hero-inverse{margin-bottom:1.17rem; font-size:1.26rem;}

/* ---------- scroll progress ---------- */
.select-tertiary-wide {width:0; top:0; background: var(--acc); left:0; z-index: 1200; transition:width 0.086s linear; position: fixed; height:4px;}/* ---------- topbar ---------- */
.float-auto{backdrop-filter:saturate(150%) blur(8px); position: sticky; top:0; border-bottom: 1px solid var(--edge); background:rgba(255, 243, 247, 0.81); z-index: 1000;}
.c-chip-area {padding:0 1.3rem; max-width: var(--max); align-items: center; margin-inline:auto; gap:0.97rem; display: flex; width:100%; min-height:3.98rem; justify-content: space-between;}*.c-step-head{display: inline-flex; align-items: center;}
.c-step-head img {width:auto; height:26px;}.wrap-status{flex-direction: column; display: none; padding:0.44rem; background:none; border:none; gap:2px;}.wrap-status span{height:2px; width:24px; border-radius:2px; display: block; background: var(--ink);}

.threadBar {display: flex; align-items: center; gap:1.76rem;}
.counter-count-focused {gap:1.51rem; display: flex;}.counter-count-focused a, body .c-accordion-link{color: var(--text); font-weight:700; letter-spacing:0.03em; text-transform:uppercase; font-size:0.83rem;}
.counter-count-focused a:hover, .c-accordion-link:hover {color: var(--acc);}*.suffix-box{align-items: center; display: flex; text-decoration-skip-ink:auto; gap:0.92rem;}
.c-divider-item {text-transform:uppercase; transition:background 0.155s; padding:0.49rem 1.02rem; background: var(--acc); border-radius: var(--rad-s); font-weight:bold; color:#spacer-slider; letter-spacing:0.03em; font-size:0.85rem;}
.c-divider-item:hover {background: var(--acc-d); color:#spacer-slider;}

/* ---------- flow / shell ---------- */
.badge-number-hover {padding-bottom:4.01rem;}

/* ---------- post ---------- */
.o-profile-subtitle {border: 1px solid var(--edge); overflow: hidden; background: var(--card); max-width: var(--read); box-shadow: var(--sh); border-radius: var(--rad);}

/* ---------- post ---------- */
.o-profile-subtitle {margin:1.56rem auto 0;}.list-backdrop-odd{page-break-inside:auto; padding:2.46rem 2.56rem 1.35rem;}.grid-thumb{margin-bottom:0.9rem; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem);}

.item-alert {color: var(--dim); flex-wrap: wrap; font-size:0.83rem; gap:0.57rem 1.21rem; display: flex; align-items: center;}
.nav {align-items: center; display: inline-flex; gap:0.38rem;}
.alert-bottom {font-style:italic; text-rendering:auto;}
.nav svg {opacity:0.7; flex-shrink: 0;}

/* toc */
.pr-16 {padding:0 2.52rem;}
.toolbarWrapper {background: var(--bg-2); padding:1.09rem 1.24rem; border: 1px solid var(--edge); border-radius: var(--rad-s);}*.c-snackbar-subtitle{display: flex; justify-content: space-between; align-items: center;}
.comment-number {margin:0; font-size:0.92rem;}body .comment-toggle{transition:transform 0.223s, color 0.258s; background:none; padding-top:0.12rem;padding-right:0.12rem;padding-bottom:0.12rem;padding-left:0.12rem; border:none; color: var(--dim); display: inline-flex;}
.comment-toggle:hover {color: var(--acc);}.is-shut.toolbarWrapper .comment-toggle{transform: rotate(-90deg);}
.toolbarWrapper.is-shut .modal-light {display: none;}*.modal-light{font-size:0.96rem; line-height:1.9; padding-top:0.63rem; border-top: 1px solid var(--edge); margin-top:0.79rem;}html .modal-light a{display: block; mix-blend-mode:normal; backface-visibility:visible; color: var(--text);}
.modal-light a:hover {color: var(--acc);}

/* rich content */
.drawer-button-rounded {padding:1.56rem 2.65rem 0.35rem;}
.modal-light .modal-line-disabled {font-size:0.88rem; padding-left:1.06rem;}
.c-action-toggle {font-size:1.02rem; perspective:none; line-height:1.8; color: var(--text);}html .c-action-toggle > * + *{margin-top:1.16rem;}
.c-action-toggle h2 {line-height:1.3; color: var(--ink); font-family: var(--display); font-size:1.54rem; scroll-margin-top:5rem; border-top: 1px solid var(--edge-2); margin-top:2.33rem; padding-top:1.27rem;}.c-action-toggle h3{margin-top:1.62rem; font-size:1.21rem; scroll-margin-top:5rem; font-family: var(--display); color: var(--ink);}
.c-action-toggle h4 {margin-top:1.28rem; color: var(--ink); font-family: var(--display); font-size:1.02rem;}
.c-action-toggle a {text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px;}
.c-action-toggle strong, .c-action-toggle b {color: var(--ink); font-weight:700;}.c-action-toggle ul, .c-action-toggle ol{margin-left:1.32rem;}body .c-action-toggle ul{word-spacing:normal; list-style: disc;}
.c-action-toggle ol {list-style: decimal;}*.c-action-toggle li{margin-top:0.38rem; padding-left:0.35rem;}html .c-action-toggle img{margin:1.54rem 0; border-radius: var(--rad-s);}
.c-action-toggle blockquote {background: var(--tint); border-radius: 0 var(--rad-s) var(--rad-s) 0; color: var(--ink); padding:0.9rem 1.3rem; font-style:italic; border-left: 3px solid var(--acc);}
.c-action-toggle code {padding:0.12em 0.37em; font-family:ui-monospace, "SF Mono", "Courier New", monospace;}
.c-action-toggle code {border-top-left-radius:9px; border-top-right-radius:9px; border-bottom-right-radius:9px; border-bottom-left-radius:9px; font-size:0.83em; border: 1px solid var(--edge); background: var(--bg-2);}
.c-action-toggle pre {padding:1.1rem 1.3rem; color:#main-alert; line-height:1.7; background: var(--night); border-radius: var(--rad-s); font-variant-caps:normal; font-size:0.96rem; overflow-x: auto;}
.c-action-toggle pre code {border:0; color:inherit; padding:0; background:none; shape-margin:0; font-variant-ligatures:normal;}
.c-action-toggle table {width:100%; border-collapse:collapse;}
.c-action-toggle table {font-size:1rem;}
.c-action-toggle th, .c-action-toggle td {border: 1px solid var(--edge); text-align: left; padding:0.65rem 0.73rem;}
.c-action-toggle th {font-weight:700; color: var(--ink); background: var(--bg-2);}

/* share */
.widget-action-loading {padding:1.74rem 2.52rem 2.47rem;}
.c-action-toggle hr {border-top: 1px solid var(--edge); margin:1.98rem 0; border:none;}
.step-trigger-focused {flex-wrap: wrap; gap:0.51rem; display: flex;}
.dialog-default {justify-content: center; align-items: center; height:35px; border-radius:50%; display: inline-flex; border: 1px solid var(--edge); width:36px; background: var(--card); transition:background 0.18s, color 0.199s, border-color 0.156s, transform 0.188s; color: var(--dim);}
.dialog-default:hover {color:#spacer-slider;}
.dialog-default:hover {background: var(--acc); transform: translateY(-1px); border-color: var(--acc);}
.dot-tabs {font-size:1rem; margin-top:-0.54rem; margin-bottom:1.19rem; color: var(--dim); font-variant-caps:normal;}

/* ---------- talk / reach (forms) ---------- */
.table-dense, .counterContent {border: 1px solid var(--edge); margin:2.28rem auto 0; padding:1.92rem 2.6rem 2.18rem; background: var(--card); max-width: var(--read); background-blend-mode:normal; border-radius: var(--rad); box-shadow: var(--sh);}
.c-feature-head {display: grid; grid-template-columns: repeat(3, 1fr); gap:1.08rem; font-variant-caps:normal;}

/* ---------- more (related) ---------- */
.breadcrumb-block {max-width: var(--read); margin:2.14rem auto 0;}
.box-thumb {border-radius: var(--rad-s); padding:1.12rem 1.1rem; transition:transform 0.163s, box-shadow 0.141s, border-color 0.194s; box-shadow: var(--sh); display: block; border: 1px solid var(--edge); background: var(--card);}
.box-thumb:hover {transform: translateY(-2px); border-color: var(--acc-l); box-shadow: var(--sh-l);}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {width:100%; padding:0.77rem 1.01rem; border: 1px solid var(--edge); color: var(--ink); transition:border-color 0.195s, box-shadow 0.237s, background 0.222s; font:inherit; border-radius: var(--rad-s); background: var(--bg-2);}
.priceDate {font-weight:bold; color: var(--ink); font-family: var(--display); line-height:1.4; font-size:0.94rem;}
input:focus, textarea:focus {outline:0; border-color: var(--acc); box-shadow:0 0 0 4px rgba(0, 162, 139, 0.2); background: var(--card);}
input::placeholder, textarea::placeholder {color: var(--dim);}
textarea {min-height:6.51rem; resize: vertical;}.c-post-zone{display: flex; gap:0.94rem; flex-wrap: wrap;}
.label-chip {background-blend-mode:normal; min-width:0; flex: 1 1 calc(50% - 0.5rem);}
.bg-screen {flex: 1 1 100%;}body .toggle-box{display: flex;}.toggle-box input{min-width:0; border-right:none; border-radius: var(--rad-s) 0 0 var(--rad-s);}.toggle-box input{flex: 1;}
.toggle-box .c-toolbar-title {transform-style:flat; perspective:none; border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.c-toolbar-title {gap:0.43rem; letter-spacing:0.03em; transition:background 0.172s, color 0.175s, border-color 0.201s; text-transform:uppercase; padding:0.65rem 1.32rem; font-weight:700; min-height:2.88rem; background: var(--card); border: 1px solid var(--edge); align-items: center; display: inline-flex; border-radius: var(--rad-s); font-size:0.82rem; justify-content: center; color: var(--ink);}*.c-toolbar-title:hover{perspective:none; background: var(--bg-2); color: var(--ink); border-color: var(--dim);}
.c-tabs-dot {border-color: var(--acc); color:#spacer-slider; background: var(--acc);}
.c-tabs-dot:hover {border-color: var(--acc-d); color:#spacer-slider; background: var(--acc-d);}
.carousel-slot {min-width:2.97rem; padding:0.77rem 0.93rem;}
.gap-auto {width:100%;}

/* ---------- decks (newsletter + account) ---------- */
.grid-8 {grid-template-columns: 1fr 1fr; gap:1.21rem; margin:2.53rem auto 0; max-width: var(--band); display: grid;}.data-timeline:not(._f7ed26){flex-direction: column; background: var(--card); border: 1px solid var(--edge); border-radius: var(--rad); box-shadow: var(--sh); hyphens:manual; padding:1.57rem 1.62rem; display: flex; break-inside:auto;}
.justify-screen {margin-bottom:0.97rem; font-size:0.89rem; color: var(--dim);}
.section-selected {display: flex; flex-direction: column; gap:0.54rem; margin-top:auto;}.section-selected .c-toolbar-title:not(._f7ed26){width:100%;}

/* ---------- footer ---------- */
.extra-menu {margin-top:3.4rem; color: var(--on-night); background: var(--night); padding:2.59rem 0;}
.gallery-wrap {justify-content: space-between; margin-inline:auto; flex-wrap: wrap; gap:1.55rem; padding:0 1.22rem; max-width: var(--max); width:100%; align-items: center; display: flex;}body .view-large img{width:auto; backface-visibility:visible; opacity:0.9; break-inside:auto; filter:brightness(0) invert(1); height:28px;}.search-suffix-muted:not(._f7ed26){margin-top:0.63rem; color: var(--on-night); font-size:0.85rem;}.ui-price-handle:not(._f7ed26){display: flex; gap:1.29rem;}
.ui-price-handle a {color: var(--on-night); font-size:0.78rem;}
.ui-price-handle a:hover {color:#spacer-slider;}

.gallery-focused {gap:0.63rem; display: flex;}
.gallery-focused a {height:36px; color: var(--on-night); border-radius: var(--rad-s); transition:background 0.247s, color 0.194s, transform 0.185s; display: inline-flex; background:rgba(238, 255, 251, 0.09); width:32px; align-items: center; justify-content: center;}
.gallery-focused a:hover {transform: translateY(-1px); color:#spacer-slider; background: var(--acc);}

/* ---------- back to top ---------- */
.panel-half {display: none; background: var(--acc); right:1.56rem; bottom:1.68rem; color:#spacer-slider; border:none; box-shadow: var(--sh-l); transition:background 0.15s, transform 0.204s; z-index: 900; position: fixed; height:43px; width:48px; border-radius:50%; justify-content: center; align-items: center;}
.panel-half:hover {background: var(--acc-d); transform: translateY(-2px);}/* ---------- cookie ---------- */
.detail-list{z-index: 1100; box-shadow:0 -5px 24px rgba(11, 36, 20, 0.06); border-top: 1px solid var(--edge); position: fixed; background: var(--card); bottom:0; right:0; padding:0.95rem 0; page-break-inside:auto; left:0;}
.panel-half.u-table {font-variant-caps:normal; display: inline-flex;}.c-divider-area{align-items: center; gap:1.44rem; padding:0 1.17rem; max-width: var(--max); margin-inline:auto; display: flex; justify-content: space-between; width:100%;}
.detail-list p {font-size:0.8rem; color: var(--text); margin:0;}
.detail-list .c-toolbar-title {padding:0.48rem 1.43rem; flex-shrink: 0; min-height:2.46rem;}/* ---------- auth layers (CSS :target modal) ---------- */
:where(.avatar-even){display: none;}/* ---------- auth layers (CSS :target modal) ---------- */
:where(.avatar-even){position: fixed; z-index: 1300; inset:0;}html .avatar-even:target{place-items: center; display: grid;}html .avatar-even:target{padding:1.28rem;}
.gallery-line {image-rendering:auto; position: absolute; background:rgba(11, 44, 15, 0.51); backdrop-filter:blur(2px); font-synthesis:weight style small-caps; inset:0;}.avatar-center{width: min(94vw, 25rem); z-index: 1; border-radius: var(--rad); background: var(--card); border: 1px solid var(--edge); animation:pop 0.178s ease-out; box-shadow: var(--sh-l); padding:1.77rem 1.8rem 1.59rem; position: relative;}
@keyframes pop { from {opacity:0; transform: translateY(8px) scale(0.99);}to{opacity:1; transform: none;} }
.placeholder-hero {top:0.65rem; font-size:1.52rem; color: var(--dim); line-height:1; position: absolute; right:0.81rem; text-decoration:none;}
.placeholder-hero:hover {color: var(--ink);}
.avatar-even .c-widget-extra {flex-direction: column; display: flex; gap:0.98rem;}.menuLine:not(._f7ed26){color: var(--dim); text-align: center; contain:none; margin-top:0.25rem; font-size:0.77rem;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {.wrap-status{display: flex;}body .threadBar{top:100%; display: none; background: var(--card); right:0; border-bottom: 1px solid var(--edge); left:0;}body .threadBar{flex-direction: column; position: absolute; align-items: stretch; box-shadow: var(--sh); padding:0.52rem 0; gap:0;}
  .threadBar.open {display: flex; text-rendering:auto;}
  .counter-count-focused {flex-direction: column; gap:0px; padding:0 1.2rem;}
  .counter-count-focused a {padding:0.78rem 0; border-bottom: 1px solid var(--edge-2);}

  .c-feature-head {grid-template-columns: 1fr 1fr;}
  .suffix-box {gap:0.81rem; padding:0.97rem 1.3rem 0.34rem;}
  .grid-8 {orphans:2; grid-template-columns: 1fr;}
  .list-backdrop-odd {font-variant-caps:normal; padding:1.83rem 1.39rem 1.13rem;}
}

@media (max-width: 680px) {
  html {font-synthesis:weight style small-caps; font-size:100%;}
  .pr-16 {padding:0 1.41rem;}.drawer-button-rounded{padding:1.26rem 1.48rem 0.23rem;}html .widget-action-loading{padding:1.32rem 1.33rem 1.94rem; background-blend-mode:normal;}html .widget-action-loading{word-spacing:normal;}.table-dense, .counterContent{padding:1.63rem 1.42rem 1.73rem;}
  .c-feature-head {mix-blend-mode:normal; break-inside:auto; grid-template-columns: 1fr;}
  .gallery-wrap {background-blend-mode:normal; gap:1.13rem; align-items: flex-start;}
  .gallery-wrap {flex-direction: column;}*.c-divider-area{gap:0.84rem;}*.c-divider-area{flex-direction: column; text-align: center;}
}

@media (max-width: 460px) {.label-chip{flex: 1 1 100%;}
  .panel-half {right:0.94rem; bottom:1.02rem;}
}

@media (prefers-reduced-motion: reduce) {html{font-synthesis:weight style small-caps; scroll-behavior: auto; text-underline-offset:auto;}
  * {animation:none !important; transition:none !important;}
  body {background:#spacer-slider;}
}

@media print {.float-auto, *.widget-action-loading, body .table-dense, *.breadcrumb-block, html .counterContent, *.grid-8, .extra-menu:not(._f7ed26), .panel-half:not(._f7ed26), .detail-list:not(._f7ed26), html .avatar-even, .select-tertiary-wide{display: none !important;}.o-profile-subtitle{box-shadow:none; max-width:none; font-synthesis:weight style small-caps;}.o-profile-subtitle{image-rendering:auto; border:0;}
}