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

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

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

body {background: var(--bg); -webkit-font-smoothing:antialiased; color: var(--text); font-size:0.95rem; -moz-osx-font-smoothing:grayscale; font-family: var(--text-font); line-height:1.72;}

html {-webkit-text-size-adjust:100%; scroll-behavior: smooth; print-color-adjust:economy; font-size:113.3%;}

img, svg {max-width:100%; display: block;}
ul, ol {list-style: none;}a{color: var(--acc); text-decoration:none;}
a:hover {color: var(--acc-d);}button{cursor: pointer; font-family:inherit;}
h1 {font-family: var(--display);}
h1 {font-weight:700; text-rendering:auto; letter-spacing:-0.015em; background-blend-mode:normal; color: var(--ink); line-height:1.18;}

:focus-visible {outline: 2px solid var(--acc);}.mediaDate{overflow: hidden; position: absolute; width:1px; border:none; clip:rect(0, 0, 0, 0); height:1px; margin:-1px; padding:0; white-space: nowrap;}

:focus-visible {border-radius:4px; outline-offset:2px;}

/* span headings (no h2/h3 anywhere but article content) */
.carouselBackdrop, .headerHead, .headerCell, .badge__value--outlined, .spinnerIndicator {display: block; font-weight:bold; font-family: var(--display); color: var(--ink); letter-spacing:-0.01em;}
.carouselBackdrop {margin-bottom:1.16rem; font-size:1.3rem;}.headerHead:not(._b1ece1){margin-bottom:0.33rem; font-size:0.97rem;}
.headerCell {font-size:1.28rem; margin-bottom:1.26rem;}/* ---------- topbar ---------- */
.commentZone{background:rgba(255, 255, 247, 0.84); top:0; border-bottom: 1px solid var(--edge); z-index: 1000; perspective:none; position: sticky; backdrop-filter:saturate(150%) blur(8px); font-variant-caps:normal;}

/* ---------- scroll progress ---------- */
.stepperHolder {transition:width 0.032s linear; z-index: 1200; height:0px; position: fixed; width:0em; top:0; background: var(--acc); left:0;}.footerSecondary{display: flex; justify-content: space-between; min-height:3.97rem; padding:0 1.29rem; width:100%; max-width: var(--max); align-items: center; gap:1.08rem;}.footerSecondary{margin-inline:auto;}body .sortCell{display: inline-flex; align-items: center;}

.mediaIcon {padding:0.46rem; display: none; background:none; flex-direction: column; gap:2px; border:none;}
.sortCell img {width:auto; text-decoration-skip-ink:auto; text-underline-offset:auto; height:33px;}
.mediaIcon span {background: var(--ink);}

.threadSummary {isolation:auto; hyphens:manual; align-items: center; display: flex; gap:1.88rem;}
.mediaIcon span {height:2px; display: block; width:20px; border-radius:2px;}
.searchExpand {gap:1.44rem; display: flex;}
.searchExpand a, .selectAction {color: var(--text); font-weight:500; font-size:0.9rem; letter-spacing:0.03em; text-transform:uppercase;}
.searchExpand a:hover, .selectAction:hover {color: var(--acc); font-variant-caps:normal; text-decoration-skip-ink:auto;}
.modalNumber {gap:1.01rem; align-items: center; display: flex;}
.l-tooltip-separator {text-transform:uppercase; border-radius: var(--rad-s); background: var(--acc); color:#page-popover; font-size:0.86rem; font-weight:bold; transition:background 0.221s;}
.l-tooltip-separator {padding:0.53rem 1.05rem; letter-spacing:0.03em;}
.l-tooltip-separator:hover {color:#page-popover; background: var(--acc-d);}

/* ---------- flow / shell ---------- */
.searchRow {padding-bottom:4.02rem; perspective:none;}
.badgeAction {padding:2.47rem 2.6rem 1.36rem;}

/* ---------- post ---------- */
.pageIcon {box-shadow: var(--sh); overflow: hidden; background: var(--card); border: 1px solid var(--edge); margin:1.52rem auto 0; mix-blend-mode:normal; max-width: var(--read); border-radius: var(--rad);}

.dialogTime {font-size:0.8rem; flex-wrap: wrap; gap:0.51rem 1.24rem; color: var(--dim); align-items: center; display: flex;}
.actionOuter {font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); margin-bottom:0.88rem;}*.navNumber{align-items: center; display: inline-flex; gap:0.48rem;}body .navNumber svg{flex-shrink: 0; opacity:0.78;}body .commentPrimary{perspective:none; font-style:italic; background-blend-mode:normal;}

/* toc */
.z-center {padding:0 2.62rem;}
.skeletonFill {border: 1px solid var(--edge);}
.skeletonFill {padding:1.13rem 1.19rem; border-radius: var(--rad-s); background: var(--bg-2);}
.snackbarSuffix {align-items: center; display: flex; justify-content: space-between;}
.statusText {display: inline-flex; background:none; border:0 none; padding-top:0.2rem;padding-right:0.2rem;padding-bottom:0.2rem;padding-left:0.2rem; color: var(--dim); transition:transform 0.307s, color 0.152s;}
.badge__value--outlined {margin:0; font-size:1.01rem;}
.statusText:hover {color: var(--acc);}
.skeletonFill.is-shut .statusText {transform: rotate(-90deg); transform-style:flat;}
.skeletonFill.is-shut .replySuffix {display: none;}
.replySuffix {line-height:1.9; font-size:0.84rem; border-top: 1px solid var(--edge); margin-top:0.78rem; padding-top:0.66rem;}.replySuffix a{display: block; color: var(--text);}.replySuffix a:hover{color: var(--acc);}/* rich content */
.actionIndicator:not(._b1ece1){padding:1.54rem 2.54rem 0.33rem;}body .replySuffix .profileMeta{font-synthesis:weight style small-caps; font-size:0.78rem; padding-left:1.04rem;}
.viewDot {font-size:0.95rem; line-height:1.8; color: var(--text);}
.viewDot > * + * {margin-top:1.28rem;}
.viewDot h2 {border-top: 1px solid var(--edge-2); line-height:1.3; margin-top:2.38rem; font-family: var(--display); scroll-margin-top:5rem; color: var(--ink); font-size:1.58rem; padding-top:1.29rem;}.viewDot h3{font-family: var(--display); color: var(--ink); scroll-margin-top:5rem; margin-top:1.68rem; font-size:1.28rem;}
.viewDot h4 {font-family: var(--display); font-size:1.14rem; margin-top:1.36rem; color: var(--ink);}
.viewDot a {text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px;}body .viewDot strong, html .viewDot b{color: var(--ink); font-weight:700;}html .viewDot ul, html .viewDot ol{break-inside:auto; margin-left:1.34rem; text-decoration-skip-ink:auto;}
.viewDot ul {print-color-adjust:economy; list-style: disc; text-rendering:auto;}
.viewDot ol {list-style: decimal;}
.viewDot li {padding-left:0.38rem; background-blend-mode:normal; margin-top:0.39rem;}
.viewDot img {margin:1.55rem 0; border-radius: var(--rad-s);}
.viewDot blockquote {background: var(--tint);}
.viewDot blockquote {color: var(--ink); font-style:italic; border-left: 3px solid var(--acc); border-radius: 0 var(--rad-s) var(--rad-s) 0; transform-style:flat; padding:0.9rem 1.18rem;}
.viewDot code {background: var(--bg-2); border: 1px solid var(--edge); font-size:0.96em; padding:0.03em 0.48em; font-family:ui-monospace, "SF Mono", "Courier New", monospace; border-radius:7px;}
.viewDot pre {border-radius: var(--rad-s); font-size:0.87rem; color:#secondary-slider; line-height:1.7; padding:1.16rem 1.38rem; background: var(--night); overflow-x: auto;}.viewDot pre code{border:0 none; color:inherit; padding:0; background:none;}.viewDot table{border-collapse:collapse; font-size:0.87rem;}.viewDot table{width:100%;}
.viewDot th, .viewDot td {text-align: left; padding:0.61rem 0.81rem; border: 1px solid var(--edge);}
.viewDot th {font-weight:bold; background: var(--bg-2); color: var(--ink);}
.viewDot hr {margin:1.97rem 0; border-top: 1px solid var(--edge); border:0 none;}

/* share */
.statusDot {padding:1.65rem 2.57rem 2.36rem;}
.selectSpacer {gap:0.47rem; display: flex; flex-wrap: wrap;}
.formFill {color: var(--dim); display: inline-flex; transition:background 0.228s, color 0.146s, border-color 0.222s, transform 0.113s; height:37px; justify-content: center; width:39px; border: 1px solid var(--edge); background: var(--card); align-items: center; border-radius:50%;}
.formFill:hover {color:#page-popover; background: var(--acc); transform: translateY(-1px); border-color: var(--acc);}

/* ---------- talk / reach (forms) ---------- */
.bannerFill, .dropdownSeparator {border-radius: var(--rad); padding:1.98rem 2.6rem 2.06rem; border: 1px solid var(--edge); background: var(--card); box-shadow: var(--sh); max-width: var(--read); margin:2.25rem auto 0;}
.entryIcon {margin-top:-0.53rem;}
.entryIcon {color: var(--dim); font-size:0.85rem; margin-bottom:1.24rem;}

/* ---------- more (related) ---------- */
.headerRegion {max-width: var(--read); margin:2.21rem auto 0;}
.alertInner {gap:0.94rem; grid-template-columns: repeat(3, 1fr); display: grid;}
.bannerRegion {transition:transform 0.133s, box-shadow 0.126s, border-color 0.124s; border: 1px solid var(--edge); padding:1.02rem 1.23rem; border-radius: var(--rad-s); display: block; box-shadow: var(--sh); background: var(--card);}.counterArea{line-height:1.4; font-size:0.9rem; color: var(--ink); font-weight:bold; font-family: var(--display);}
.bannerRegion:hover {border-color: var(--acc-l); box-shadow: var(--sh-l); transform: translateY(-2px);}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {font:inherit; color: var(--ink); border-radius: var(--rad-s); border: 1px solid var(--edge); width:100%; padding:0.74rem 0.97rem; transition:border-color 0.252s, box-shadow 0.219s, background 0.142s; background: var(--bg-2);}
input::placeholder, textarea::placeholder {color: var(--dim);}
input:focus, textarea:focus {outline:0; border-color: var(--acc);}
textarea {resize: vertical; transform-style:flat; min-height:6.46rem;}
input:focus, textarea:focus {box-shadow:0 0 0 5px rgba(18, 150, 125, 0.15); background: var(--card);}
.priceInput {flex: 1 1 calc(50% - 0.5rem); min-width:0;}

.dropdownIcon {display: flex; flex-wrap: wrap; gap:0.93rem;}
.postNumber {flex: 1 1 100%;}

.snackbarTitle {display: flex;}
.snackbarTitle input {flex: 1; border-radius: var(--rad-s) 0 0 var(--rad-s); border-right:0; min-width:0;}
.snackbarTitle .accordionFill {border-radius: 0 var(--rad-s) var(--rad-s) 0;}/* ---------- buttons ---------- */
.accordionFill{border-radius: var(--rad-s); min-height:2.91rem; gap:0.55rem; padding:0.78rem 1.23rem; align-items: center; color: var(--ink); font-size:0.78rem; justify-content: center; text-transform:uppercase; border: 1px solid var(--edge); background: var(--card); display: inline-flex; letter-spacing:0.03em; font-weight:bold; transition:background 0.253s, color 0.241s, border-color 0.239s;}*.accordionFill:hover{break-inside:auto; background: var(--bg-2); color: var(--ink); border-color: var(--dim); isolation:auto;}html .accordionIndicator{color:#page-popover; border-color: var(--acc); background: var(--acc);}.accordionIndicator:hover{background: var(--acc-d); border-color: var(--acc-d); color:#page-popover;}.modalDetail{padding:0.67rem 1.03rem; min-width:2.98rem;}
.app-progress-expand {width:100%;}

/* ---------- decks (newsletter + account) ---------- */
.entryAction {max-width: var(--band); display: grid; grid-template-columns: 1fr 1fr; font-variant-caps:normal; gap:1.17rem; margin:2.53rem auto 0;}
.accordionGroup {display: flex; border-radius: var(--rad); padding:1.54rem 1.53rem; background: var(--card); box-shadow: var(--sh); border: 1px solid var(--edge); flex-direction: column;}
.tabsSeparator {margin-top:auto; display: flex; flex-direction: column; gap:0.61rem;}
.boxThumb {font-size:0.9rem; margin-bottom:0.97rem; color: var(--dim);}
.tabsSeparator .accordionFill {width:100%;}

/* ---------- footer ---------- */
.heroName {color: var(--on-night); padding:2.65rem 0; margin-top:3.42rem; background: var(--night);}
.dialogAction {width:100%; max-width: var(--max); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-inline:auto; padding:0 1.26rem; gap:1.56rem;}
.skeletonClose img {filter:brightness(0) invert(1); image-rendering:auto; width:auto; height:32px; opacity:0.87;}html .priceTime{display: flex; gap:1.27rem;}
.thread__overlay--compact {margin-top:0.76rem; font-size:0.74rem; color: var(--on-night);}.priceTime a{font-size:0.81rem; color: var(--on-night); print-color-adjust:economy;}
.priceTime a:hover {color:#page-popover;}

.alertTitle {gap:0.67rem; display: flex;}
.alertTitle a {align-items: center; color: var(--on-night); background:rgba(255, 255, 244, 0.14); display: inline-flex; transition:background 0.178s, color 0.235s, transform 0.13s; width:38px; height:35px; justify-content: center; border-radius: var(--rad-s);}

/* ---------- back to top ---------- */
.breadcrumbHolder {align-items: center; bottom:1.55rem; color:#page-popover; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; right:1.54rem; display: none; background: var(--acc); z-index: 900; position: fixed; justify-content: center; width:43px; transition:background 0.211s, transform 0.206s; height:42px; box-shadow: var(--sh-l); border:none;}
.alertTitle a:hover {background: var(--acc); transform: translateY(-1px); color:#page-popover;}
.breadcrumbHolder:hover {orphans:2; font-variant-caps:normal; background: var(--acc-d); transform: translateY(-2px);}html .breadcrumbHolder.sortFoot{display: inline-flex;}

/* ---------- cookie ---------- */
.boxFoot {bottom:0; right:0rem; background: var(--card); position: fixed; box-shadow:0 -10px 27px rgba(37, 48, 29, 0.13); left:0px; padding:0.96rem 0; z-index: 1100; border-top: 1px solid var(--edge);}
.pageRegion {width:100%; padding:0 1.26rem; justify-content: space-between; max-width: var(--max); align-items: center; gap:1.46rem; margin-inline:auto; display: flex;}
.boxFoot p {color: var(--text); margin:0; font-size:0.9rem;}*.boxFoot .accordionFill{flex-shrink: 0; page-break-inside:auto; print-color-adjust:economy; padding:0.56rem 1.33rem; min-height:2.46rem;}

/* ---------- auth layers (CSS :target modal) ---------- */
.filterText {position: fixed; z-index: 1300; inset:0px; display: none;}
.filterText:target {padding:1.18rem; display: grid; place-items: center;}
.footerClose {backdrop-filter:blur(2px);}
.footerClose {inset:0; background:rgba(28, 16, 19, 0.54); position: absolute;}
.avatarPlaceholder {z-index: 1; background: var(--card); animation:pop 0.129s ease-out; padding:1.75rem 1.85rem 1.53rem; position: relative; box-shadow: var(--sh-l); width: min(94vw, 25rem); border: 1px solid var(--edge); border-radius: var(--rad);}
@keyframes pop { from {transform: translateY(8px) scale(0.99); opacity:0;} to {opacity:1; transform: none;} }
.popoverIndicator {text-decoration:none; color: var(--dim); font-size:1.43rem; right:0.86rem; perspective:none; position: absolute; top:0.72rem; line-height:1; font-synthesis:weight style small-caps;}*.filterText .layoutSuffix{flex-direction: column; gap:0.84rem; display: flex;}
.popoverIndicator:hover {color: var(--ink);}
.entryLink {font-size:0.8rem; color: var(--dim); text-align: center; margin-top:0.14rem;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .mediaIcon {display: flex;}
  .threadSummary {border-bottom: 1px solid var(--edge); display: none; position: absolute; right:0; flex-direction: column; box-shadow: var(--sh); padding:0.57rem 0; gap:0; align-items: stretch; top:100%; background: var(--card); left:0;}.open.threadSummary{display: flex;}
  .searchExpand {padding:0 1.33rem; flex-direction: column; gap:0;}.searchExpand a{padding:0.74rem 0; border-bottom: 1px solid var(--edge-2);}

  .alertInner {grid-template-columns: 1fr 1fr;}
  .modalNumber {tab-size:4; padding:0.85rem 1.27rem 0.38rem; contain:none; gap:0.85rem;}
  .entryAction {grid-template-columns: 1fr;}
}

@media (max-width: 680px) {
  html {font-size:100%;}body .badgeAction{padding:1.72rem 1.33rem 1.18rem;}
  .z-center {page-break-inside:auto; backface-visibility:visible; padding:0 1.45rem;}
  .actionIndicator {padding:1.34rem 1.36rem 0.34rem;}
  .statusDot {padding:1.38rem 1.34rem 1.98rem;}
  .bannerFill, .dropdownSeparator {padding:1.54rem 1.44rem 1.79rem;}body .dialogAction{gap:1.13rem; align-items: flex-start; flex-direction: column;}
  .alertInner {grid-template-columns: 1fr;}
}

@media (max-width: 460px) {
  .priceInput {flex: 1 1 100%;}
  .pageRegion {text-align: center; flex-direction: column; gap:0.85rem;}
  .breadcrumbHolder {image-rendering:auto; bottom:0.95rem; right:1.02rem;}
}

@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto; page-break-inside:auto;}
  * {transition:none !important; animation:none !important;}
  body {background:#page-popover;}
}

@media print {
  .commentZone, .statusDot, .bannerFill, .headerRegion, .dropdownSeparator,
  .entryAction, .heroName, .breadcrumbHolder, .boxFoot, .filterText, .stepperHolder {display: none !important;}
  .pageIcon {border:0; box-shadow:none; max-width:none;}
}