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

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

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

html {scroll-behavior: smooth; font-size:112.3%; -webkit-text-size-adjust:100%;}

img, svg {will-change:auto; max-width:100%; display: block;}

body {background: var(--bg); font-size:1.04rem; color: var(--text); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1.72; font-family: var(--text-font);}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-family: var(--display); line-height:1.18; color: var(--ink); letter-spacing:-0.015em; font-weight:bold;}:focus-visible{outline-offset:2px; border-radius:2px; outline: 2px solid var(--acc);}

.o-banner-item {overflow: hidden; white-space: nowrap; margin:-1px; height:1px; clip:rect(0, 0, 0, 0); border:0; width:1px; padding:0; position: absolute; tab-size:4;}

/* span headings (no h2/h3 anywhere but article content) */
.entry-info, .nav-highlight, .clear-1, .subtitle-panel, .nav-label-sticky {font-family: var(--display); letter-spacing:-0.01em; display: block; font-weight:700; color: var(--ink);}.entry-info{font-size:1.25rem; margin-bottom:1.08rem;}
.nav-highlight {margin-bottom:0.37rem; font-size:1.11rem;}
.clear-1 {font-size:1.31rem; margin-bottom:1.18rem;}

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

/* ---------- topbar ---------- */
.action-thumb-flat {top:0; border-bottom: 1px solid var(--edge); position: sticky; z-index: 1000; background:rgba(254, 255, 237, 0.85); backdrop-filter:saturate(150%) blur(8px);}.c-popover-image{max-width: var(--max); align-items: center; justify-content: space-between; display: flex; margin-inline:auto; width:100%; padding:0 1.33rem; gap:1.05rem; min-height:3.97rem;}
.hero-summary-top {display: inline-flex; print-color-adjust:economy; font-variant-caps:normal; align-items: center;}
.hero-summary-top img {width:auto; height:27px;}

.menu-danger {flex-direction: column; display: none; background:none; padding-top:0.44rem;padding-right:0.44rem;padding-bottom:0.44rem;padding-left:0.44rem; gap:9px; border:0;}
.menu-danger span {width:22px; display: block; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; background: var(--ink); height:2px;}

.list-expanded {gap:1.79rem; align-items: center; display: flex;}
.action-block {gap:1.45rem; display: flex;}html .action-block a, body .count-profile{text-transform:uppercase; font-size:0.87rem; letter-spacing:0.03em; font-weight:700; color: var(--text);}
.action-block a:hover, .count-profile:hover {color: var(--acc);}
.action-value {align-items: center; will-change:auto; word-spacing:normal; display: flex; gap:0.99rem;}
.c-pagination-fill {padding:0.5rem 1.05rem; background: var(--acc); letter-spacing:0.03em; font-size:0.75rem; transition:background 0.257s; font-weight:bold; text-transform:uppercase; border-radius: var(--rad-s); color:#page-accordion;}html .c-pagination-fill:hover{background: var(--acc-d); color:#page-accordion;}/* ---------- flow / shell ---------- */
.app-chip-name{padding-bottom:3.98rem;}/* ---------- post ---------- */
.line-page{box-shadow: var(--sh); background: var(--card); margin:1.52rem auto 0; max-width: var(--read); border: 1px solid var(--edge); overflow: hidden; font-variant-caps:normal; border-radius: var(--rad);}
.c-skeleton-value {will-change:auto; padding:2.48rem 2.62rem 1.34rem;}

.block-alert {display: flex; gap:0.58rem 1.32rem; text-decoration-skip-ink:auto; mix-blend-mode:normal; flex-wrap: wrap; align-items: center; font-size:0.85rem; color: var(--dim);}
.gallerySeparator {margin-bottom:0.78rem; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem);}
.float-24 {gap:0.39rem; align-items: center; display: inline-flex;}
.float-24 svg {flex-shrink: 0; widows:2; text-decoration-skip-ink:auto; opacity:0.73;}.holder-timeline{font-style:italic;}
.hero-inner {border-radius: var(--rad-s); padding:1.12rem 1.25rem; border: 1px solid var(--edge); background: var(--bg-2);}

/* toc */
.search-wrap {padding:0 2.64rem;}*.module-primary-fluid{display: flex;}*.module-primary-fluid{align-items: center; justify-content: space-between;}
.subtitle-panel {font-size:0.93rem; margin:0rem;}
.thread-line {padding:0.23rem; background:none; display: inline-flex; color: var(--dim); transition:transform 0.218s, color 0.186s; border:0;}
.thread-line:hover {color: var(--acc);}
.hero-inner.is-shut .thread-line {transform: rotate(-90deg);}
.hero-inner.is-shut .c-step-row {display: none;}.c-step-row{padding-top:0.72rem; margin-top:0.78rem; border-top: 1px solid var(--edge); line-height:1.9; text-decoration-skip-ink:auto; font-size:0.97rem;}
.c-step-row a {color: var(--text); display: block;}
.c-step-row a:hover {color: var(--acc);}
.c-step-row .layout-track {padding-left:1.04rem; font-size:0.89rem;}.nav-name{color: var(--text); line-height:1.8; font-size:1.1rem;}/* rich content */
.wrapper-dropdown{padding:1.43rem 2.63rem 0.29rem; will-change:auto; mix-blend-mode:normal;}
.nav-name > * + * {margin-top:1.18rem;}
.nav-name h2 {padding-top:1.32rem; font-family: var(--display); margin-top:2.35rem; font-size:1.49rem; border-top: 1px solid var(--edge-2); scroll-margin-top:5rem; line-height:1.3; color: var(--ink);}
.nav-name h3 {scroll-margin-top:5rem; margin-top:1.78rem; font-size:1.14rem; font-family: var(--display); color: var(--ink);}
.nav-name h4 {color: var(--ink); font-size:1.1rem; margin-top:1.34rem; font-family: var(--display);}
.nav-name a {text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px;}
.nav-name strong, .nav-name b {font-weight:bold; color: var(--ink);}
.nav-name ul, .nav-name ol {word-spacing:normal; margin-left:1.23rem;}
.nav-name ul {list-style: disc;}
.nav-name ol {list-style: decimal;}
.nav-name li {margin-top:0.42rem; padding-left:0.31rem; word-spacing:normal;}
.nav-name img {margin:1.42rem 0; border-radius: var(--rad-s);}html .nav-name blockquote{border-radius: 0 var(--rad-s) var(--rad-s) 0; background: var(--tint); color: var(--ink); border-left: 3px solid var(--acc); padding:0.83rem 1.23rem; font-style:italic;}
.nav-name code {border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; font-size:0.8em; font-family:ui-monospace, "SF Mono", "Courier New", monospace; background: var(--bg-2); padding:0.18em 0.38em; border: 1px solid var(--edge); widows:2; will-change:auto;}
.nav-name pre {font-size:0.8rem;}
.nav-name pre {padding:1.16rem 1.35rem; line-height:1.7; overflow-x: auto; color:#site-step; border-radius: var(--rad-s); background: var(--night);}
.nav-name pre code {padding:0; border:0 none; color:inherit; background:none;}.nav-name table{width:100%; border-collapse:collapse; font-size:0.97rem;}
.nav-name th, .nav-name td {text-align: left;}
.nav-name th, .nav-name td {border: 1px solid var(--edge); padding:0.65rem 0.73rem;}
.nav-name th {color: var(--ink); background: var(--bg-2); font-weight:bold;}/* share */
.c-toggle-secondary{padding:1.74rem 2.62rem 2.48rem;}
.nav-name hr {border-top: 1px solid var(--edge); border:none; text-underline-offset:auto; margin:2.07rem 0;}
.modal-center {gap:0.49rem; display: flex; flex-wrap: wrap;}
.dropdown-area {border: 1px solid var(--edge); justify-content: center; height:40px; border-radius:50%; transition:background 0.242s, color 0.168s, border-color 0.146s, transform 0.1s; color: var(--dim); align-items: center; background: var(--card); width:42px; display: inline-flex;}
.dropdown-area:hover {border-color: var(--acc);}
.dropdown-area:hover {transform: translateY(-1px); background: var(--acc); color:#page-accordion;}/* ---------- talk / reach (forms) ---------- */
.c-dropdown-suffix, .l-layout{margin:2.2rem auto 0; max-width: var(--read); border: 1px solid var(--edge); padding:2.03rem 2.57rem 2.03rem; background: var(--card); box-shadow: var(--sh); border-radius: var(--rad);}
.banner-foot {font-size:1rem; margin-bottom:1.22rem; color: var(--dim); margin-top:-0.62rem;}
.drawer-content {transform-style:flat; grid-template-columns: repeat(3, 1fr); gap:1.04rem; display: grid; background-blend-mode:normal;}

/* ---------- more (related) ---------- */
.font-20 {max-width: var(--read); margin:2.13rem auto 0;}
.layoutWrap {display: block; transition:transform 0.215s, box-shadow 0.179s, border-color 0.179s; box-shadow: var(--sh); border-radius: var(--rad-s); border: 1px solid var(--edge); padding:1.13rem 1.09rem; background: var(--card);}
.layoutWrap:hover {transform: translateY(-2px); border-color: var(--acc-l); box-shadow: var(--sh-l);}.column-section{font-size:0.96rem; font-family: var(--display); line-height:1.4; font-weight:700; color: var(--ink);}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {font:inherit; background: var(--bg-2); transition:border-color 0.23s, box-shadow 0.177s, background 0.242s; border: 1px solid var(--edge); border-radius: var(--rad-s); width:100%; padding:0.76rem 1rem; color: var(--ink);}
input::placeholder, textarea::placeholder {color: var(--dim);}
input:focus, textarea:focus {outline:0; box-shadow:0 0 0 1px rgba(22, 159, 123, 0.23); orphans:2; border-color: var(--acc); background: var(--card);}textarea{resize: vertical; min-height:6.56rem;}

.date-search {flex-wrap: wrap; gap:0.97rem;}

.date-search {display: flex;}.reply-extra-selected{min-width:0; flex: 1 1 calc(50% - 0.5rem);}
.header-odd {flex: 1 1 100%;}*.accordion-extra{display: flex;}body .accordion-extra input{min-width:0; border-right:0 none; flex: 1; border-radius: var(--rad-s) 0 0 var(--rad-s);}
.accordion-extra .filter-outer {border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.filter-outer {transition:background 0.187s, color 0.164s, border-color 0.141s; text-transform:uppercase; border-radius: var(--rad-s); font-weight:bold; justify-content: center; align-items: center; display: inline-flex; color: var(--ink); border: 1px solid var(--edge); letter-spacing:0.03em; padding:0.76rem 1.29rem; font-size:0.84rem; background: var(--card); gap:0.51rem; min-height:2.91rem;}
.filter-outer:hover {color: var(--ink); background: var(--bg-2);}
.ui-tag {color:#page-accordion; border-color: var(--acc); background: var(--acc);}
.filter-outer:hover {border-color: var(--dim);}
.indicator-accordion {padding:0.74rem 1.01rem; min-width:3.03rem;}.ui-tag:hover{border-color: var(--acc-d); background: var(--acc-d); color:#page-accordion;}
.table-even {width:100%;}

/* ---------- decks (newsletter + account) ---------- */
.el-media {display: grid; grid-template-columns: 1fr 1fr; gap:1.31rem; margin:2.64rem auto 0; max-width: var(--band);}
.rating-subtitle-first {border: 1px solid var(--edge); display: flex; border-radius: var(--rad); padding:1.45rem 1.64rem; flex-direction: column; box-shadow: var(--sh); background: var(--card);}
.accordion-spacer {font-size:0.84rem;}
.accordion-spacer {margin-bottom:1rem; color: var(--dim);}
.c-select-addon {margin-top:auto; flex-direction: column; display: flex; gap:0.58rem;}
.c-select-addon .filter-outer {width:100%;}body .c-tag-tertiary{flex-wrap: wrap; align-items: center; display: flex; gap:1.52rem; padding:0 1.25rem; width:100%; max-width: var(--max); justify-content: space-between; margin-inline:auto;}

/* ---------- footer ---------- */
.tabs-wrap-alt {margin-top:3.45rem; background: var(--night); padding:2.67rem 0; color: var(--on-night);}body .slider-button-dense img{filter:brightness(0) invert(1); opacity:0.78; width:auto; height:32px;}
.overlay-modal {color: var(--on-night); margin-top:0.78rem; font-size:0.81rem;}
.panelInfo {display: flex; gap:1.22rem;}
.panelInfo a {color: var(--on-night); font-size:0.92rem;}body .panelInfo a:hover{color:#page-accordion;}

.cap-popover {gap:0.58rem; text-underline-offset:auto; display: flex; background-blend-mode:normal;}
.cap-popover a {display: inline-flex; color: var(--on-night); justify-content: center; align-items: center; width:36px; height:40px; border-radius: var(--rad-s); transition:background 0.192s, color 0.241s, transform 0.111s; background:rgba(253, 255, 247, 0.09);}

/* ---------- back to top ---------- */
.tooltip__cap--elevated {width:49px; transition:background 0.148s, transform 0.182s; height:47px; right:1.58rem; color:#page-accordion; border:0 none; display: none; bottom:1.55rem; z-index: 900; box-shadow: var(--sh-l); position: fixed; align-items: center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; justify-content: center; background: var(--acc);}
.cap-popover a:hover {transform: translateY(-1px); color:#page-accordion; background: var(--acc);}.tooltip__cap--elevated:hover{transform: translateY(-2px); background: var(--acc-d);}/* ---------- cookie ---------- */
.section-narrow{box-shadow:0 -8px 20px rgba(24, 33, 33, 0.12); background: var(--card); right:0; border-top: 1px solid var(--edge); padding:0.84rem 0; position: fixed; bottom:0rem; z-index: 1100; left:0;}
.tooltip__cap--elevated.listClose {display: inline-flex;}
.c-price-action {gap:1.51rem; max-width: var(--max); padding:0 1.24rem; display: flex; margin-inline:auto; justify-content: space-between; align-items: center; width:100%;}
.section-narrow p {font-size:0.84rem; margin-top:0em;margin-right:0em;margin-bottom:0em;margin-left:0em; color: var(--text);}.section-narrow :where(.filter-outer){padding:0.54rem 1.47rem; min-height:2.36rem; flex-shrink: 0;}

/* ---------- auth layers (CSS :target modal) ---------- */
.el-list {display: none; inset:0; z-index: 1300; position: fixed;}
.el-list:target {place-items: center; display: grid; padding:1.31rem;}*.footer{position: relative; break-inside:auto; animation:pop 0.121s ease-out; background: var(--card); border-radius: var(--rad); box-shadow: var(--sh-l); padding:1.74rem 1.88rem 1.63rem; z-index: 1; border: 1px solid var(--edge); width: min(94vw, 25rem);}
.module-content-light {position: absolute; inset:0; background:rgba(38, 25, 18, 0.53); contain:none; backdrop-filter:blur(2px);}
@keyframes pop {from{transform: translateY(8px) scale(0.99); opacity:0;} to {opacity:1; transform: none; text-rendering:auto;} }
.progress-half {font-size:1.54rem; right:0.88rem; line-height:1; top:0.62rem; position: absolute; text-decoration:none; color: var(--dim);}
.progress-half:hover {color: var(--ink);}
.el-list .rating-holder-alt {display: flex; gap:0.94rem; flex-direction: column;}
.c-module-indicator {color: var(--dim); text-align: center; font-size:0.87rem; margin-top:0.2rem;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .menu-danger {display: flex;}
  .list-expanded {align-items: stretch; display: none; position: absolute; box-shadow: var(--sh); left:0; right:0; top:100%; background: var(--card); padding:0.46rem 0; border-bottom: 1px solid var(--edge); gap:0; flex-direction: column;}
  .list-expanded.open {display: flex;}html .action-block{gap:0;}html .action-block{padding:0 1.32rem; flex-direction: column;}.action-block a{border-bottom: 1px solid var(--edge-2); padding:0.8rem 0;}
  .action-value {gap:0.73rem; isolation:auto; font-variant-caps:normal; padding:0.85rem 1.26rem 0.48rem;}
  .el-media {grid-template-columns: 1fr;}.drawer-content:not(._bc488a){text-decoration-skip-ink:auto; text-underline-offset:auto; grid-template-columns: 1fr 1fr;}
}

@media (max-width: 680px) {
  html {font-size:100%;}*.c-skeleton-value{padding:1.85rem 1.45rem 1.16rem;}
  .search-wrap {padding:0 1.45rem;}*.wrapper-dropdown{padding:1.25rem 1.38rem 0.28rem;}
  .c-toggle-secondary {padding:1.24rem 1.41rem 1.96rem;}
  .c-dropdown-suffix, .l-layout {padding:1.63rem 1.47rem 1.84rem;}
  .c-tag-tertiary {flex-direction: column; gap:1.14rem; align-items: flex-start;}.drawer-content{grid-template-columns: 1fr;}html .c-price-action{text-align: center; gap:0.78rem; flex-direction: column;}
}

@media (max-width: 460px) {.reply-extra-selected{flex: 1 1 100%;}
}

@media (prefers-reduced-motion: reduce) {
  html {will-change:auto; background-blend-mode:normal; scroll-behavior: auto;}
  .tooltip__cap--elevated {bottom:0.92rem; right:0.97rem;}
}

@media print {
  .action-thumb-flat, .c-toggle-secondary, .c-dropdown-suffix, .font-20, .l-layout,
  .el-media, .tabs-wrap-alt, .tooltip__cap--elevated, .section-narrow, .el-list, .badge-disabled {display: none !important;}
  * {animation:none !important; transition:none !important;}
  body {background:#page-accordion;}
  .line-page {border:0 none; max-width:none; box-shadow:none;}
}