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

:root {--rad-s: 8px; --night: #14201d; --read: 45rem; --acc-l: #2bb3a3; --band: 62rem; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --max: 70rem; --bg-2: #fafbfb; --acc-d: #0f766e; --display: "Sora", system-ui, sans-serif; --text: #46535a; --tint: rgba(13, 148, 136, 0.08); --rad: 12px; --dim: #79868c; --card: #ffffff; --edge: #e5e9e9; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --acc: #0d9488; --ink: #16221f; --night-2: #1d2c28; --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --on-night: rgba(255, 255, 255, 0.6); --edge-2: #eef1f1; --bg: #f4f6f6;}
#slider-title {position:absolute; overflow:auto; width:auto; border-radius:28px; text-decoration:underline}
html{font-size:113.2%; -webkit-text-size-adjust:100%;}*, *::before, *::after{padding:0; will-change:auto; box-sizing: border-box; margin:0;}html{scroll-behavior: smooth;}body{color: var(--text); -webkit-font-smoothing:antialiased; font-size:1.05rem; line-height:1.72; font-family: var(--text-font); -moz-osx-font-smoothing:grayscale; background: var(--bg);}

img, svg {display: block; max-width:100%;}
a {color: var(--acc); text-decoration:none;}ul, ol{list-style: none;}
@media (max-width: 480px) {
  .chip-inner + .search-trigger {flex:none; height:100%; box-shadow:none; display:inline-block; background:none}
  #slider-title {position:relative; flex:1}
}


a:hover {color: var(--acc-d);}
button {font-family:inherit; cursor: pointer; text-underline-offset:auto; backface-visibility:visible;}h1{letter-spacing:-0.015em; font-weight:700; font-family: var(--display); line-height:1.18; color: var(--ink);}

:focus-visible {outline: 2px solid var(--acc); border-radius:7px; outline-offset:2px;}.badgeSummary:not(.dummy77){padding:0; position: absolute; border:0; margin:-1px; clip:rect(0, 0, 0, 0); overflow: hidden; height:1px; width:1px; white-space: nowrap;}/* span headings (no h2/h3 anywhere but article content) */
.galleryImage, .boxNumber, .dropdownHead, .avatarHandle, body .panelMeta{letter-spacing:-0.01em; font-weight:700; font-family: var(--display); font-variant-caps:normal; display: block; color: var(--ink);}*.galleryImage{hyphens:manual; margin-bottom:1.09rem; widows:2; font-size:1.28rem;}
.boxNumber {font-size:1rem; margin-bottom:0.26rem;}html .dropdownHead{font-size:1.31rem; margin-bottom:1.25rem;}

/* ---------- scroll progress ---------- */
.accordion-right {position: fixed; width:0; left:0; font-variant-caps:normal; z-index: 1200; height:-1px; transition:width 0.087s linear; top:0; background: var(--acc);}/* ---------- topbar ---------- */
.leading-12{top:0; position: sticky; background:rgba(253, 255, 255, 0.94); z-index: 1000; backdrop-filter:saturate(150%) blur(8px); border-bottom: 1px solid var(--edge);}
.dialogClose {align-items: center; display: inline-flex;}
.list-data::before {content:''; display:flex}

.ratingAddon {margin-inline:auto; min-height:3.84rem; width:100%; max-width: var(--max); display: flex; widows:2; gap:0.95rem; padding:0 1.32rem; justify-content: space-between; align-items: center;}.dialogClose img{height:33px; width:auto;}

.filterRow {background:none; padding:0.45rem; flex-direction: column; border:0; display: none; background-blend-mode:normal; shape-margin:0; gap:6px;}

.cardCap {display: flex; align-items: center; gap:1.78rem;}.filterRow span{border-radius:2px; width:22px; height:2px; tab-size:4; display: block; background: var(--ink);}
.stepItem {print-color-adjust:economy; will-change:auto; display: flex; gap:1.53rem;}html .stepItem a, body .c-tooltip-input{text-transform:uppercase; color: var(--text); font-size:0.84rem; letter-spacing:0.03em; font-weight:600;}
.stepItem a:hover, .c-tooltip-input:hover {perspective:none; color: var(--acc);}
.toggleName {align-items: center; display: flex; gap:0.95rem;}
.timelineHolder {transition:background 0.189s; background: var(--acc); border-radius: var(--rad-s); text-transform:uppercase; padding:0.61rem 1rem; font-size:0.86rem; color:rgb(255, 255, 255); font-weight:bold; letter-spacing:0.03em;}
.timelineHolder:hover {background: var(--acc-d); color:hsl(301, 100%, 98.7%);}

/* ---------- flow / shell ---------- */
.app-dialog {padding-bottom:4.02rem;}
.selectColumn {padding:2.42rem 2.64rem 1.35rem;}

/* ---------- post ---------- */
.dialogRow {box-shadow: var(--sh); max-width: var(--read); margin:1.66rem auto 0; overflow: hidden; border: 1px solid var(--edge); background: var(--card); border-radius: var(--rad);}*.c-sidebar{margin-bottom:0.92rem; font-variant-caps:normal; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem);}

.heroContent {gap:0.5rem 1.26rem; display: flex; color: var(--dim); align-items: center; flex-wrap: wrap; font-size:0.77rem;}html .menuText{align-items: center; display: inline-flex; gap:0.38rem;}.menuText svg{opacity:0.63; flex-shrink: 0;}/* toc */
.ui-tooltip{padding:0 2.57rem;}body .profileGroup{font-style:italic;}
.sectionInput {border-radius: var(--rad-s); background: var(--bg-2); border: 1px solid var(--edge); padding:1.13rem 1.27rem;}.t-accordion{justify-content: space-between; align-items: center; display: flex;}
.avatarHandle {font-size:0.88rem; margin:0;}
.commentImage {display: inline-flex; border:0rem; background:none; padding:0.28rem; color: var(--dim); perspective:none; transition:transform 0.23s, color 0.186s; will-change:auto;}.commentImage:hover{color: var(--acc);}
.sectionInput.is-shut .commentImage {transform: rotate(-90deg);}
.sectionInput.is-shut .filterName {display: none;}html .filterName{margin-top:0.69rem; font-size:0.85rem; border-top: 1px solid var(--edge); line-height:1.9; padding-top:0.66rem;}.filterName a{orphans:2; color: var(--text); text-rendering:auto; display: block;}
.filterName a:hover {color: var(--acc);}.filterName :where(.statusPrimary){padding-left:1.04rem; font-size:0.83rem;}
.banner-date:hover {letter-spacing:normal; transition:color 0.4s}

.alert-backdrop.breadcrumb-small {transition:opacity 0.45s; letter-spacing:normal; min-height:100vh; justify-content:space-around}


/* rich content */
.featureInput {padding:1.48rem 2.55rem 0.26rem;}
.postThumb {color: var(--text); font-size:1.06rem; line-height:1.8;}
.postThumb > * + * {margin-top:1.24rem;}*.postThumb h2{border-top: 1px solid var(--edge-2); font-size:1.49rem; scroll-margin-top:5rem; color: var(--ink); margin-top:2.28rem; line-height:1.3; font-family: var(--display); padding-top:1.33rem;}
.postThumb h3 {font-size:1.17rem; margin-top:1.63rem; font-family: var(--display); color: var(--ink); scroll-margin-top:5rem;}.postThumb h4{margin-top:1.25rem; font-size:1rem; text-rendering:auto; font-family: var(--display); color: var(--ink);}
.postThumb a {text-underline-offset:2px; text-decoration:underline;}
.postThumb a {text-decoration-thickness:1px;}
.postThumb strong, .postThumb b {font-weight:bold; color: var(--ink);}html .postThumb ul, .postThumb ol{margin-left:1.28rem;}
.postThumb ul {list-style: disc;}*.postThumb ol{list-style: decimal;}
.postThumb li {margin-top:0.43rem; padding-left:0.23rem;}
.postThumb img {background-blend-mode:normal; margin:1.45rem 0; border-radius: var(--rad-s);}
.postThumb blockquote {font-style:italic; color: var(--ink); border-left: 3px solid var(--acc); padding:0.78rem 1.23rem; border-radius: 0 var(--rad-s) var(--rad-s) 0; background: var(--tint);}
.chip-inner + .search-trigger {height:auto; margin-right:14px}

.postThumb code {font-size:0.8em;}
.postThumb code {font-family:ui-monospace, "SF Mono", "Courier New", monospace; padding:0.17em 0.49em; border-radius:6px; border: 1px solid var(--edge); background: var(--bg-2);}
.postThumb pre {perspective:none; mix-blend-mode:normal; background: var(--night); line-height:1.7; border-radius: var(--rad-s); overflow-x: auto; color:rgb(247, 235, 231); font-size:0.8rem; padding:1.15rem 1.31rem;}
.postThumb pre code {color:inherit; background:none; border:0 none; padding:0;}.postThumb table{border-collapse:collapse;}.postThumb table{width:100%; font-size:0.93rem;}
.postThumb th, .postThumb td {border: 1px solid var(--edge); padding:0.7rem 0.77rem; text-align: left;}
.postThumb th {word-spacing:normal; color: var(--ink); font-weight:bold; background: var(--bg-2);}

/* share */
.app-price-foot {padding:1.75rem 2.66rem 2.42rem;}.postThumb hr{border:0 none; margin:1.92rem 0; border-top: 1px solid var(--edge);}.widgetImage{gap:0.63rem;}.widgetImage{display: flex; flex-wrap: wrap;}
.tabsMeta {color: var(--dim); align-items: center; transition:background 0.143s, color 0.243s, border-color 0.199s, transform 0.096s; width:37px; border: 1px solid var(--edge); border-radius:50%; justify-content: center; height:34px; background: var(--card); display: inline-flex;}

/* ---------- talk / reach (forms) ---------- */
.tooltipTime, .thread-vertical {border-radius: var(--rad); padding:1.92rem 2.65rem 2.13rem; border: 1px solid var(--edge); max-width: var(--read); margin:2.28rem auto 0; background: var(--card); box-shadow: var(--sh);}
.tabsMeta:hover {border-color: var(--acc); background: var(--acc); color:#f8fdfe; transform: translateY(-1px);}
.t-gallery-value {font-size:0.91rem; margin-top:-0.68rem; color: var(--dim); margin-bottom:1.17rem;}

/* ---------- more (related) ---------- */
.blockGroup {margin:2.12rem auto 0; max-width: var(--read);}html .alertSecondary{gap:0.94rem; grid-template-columns: repeat(3, 1fr); display: grid;}
.card-medium {border: 1px solid var(--edge); display: block; box-shadow: var(--sh); padding:1.01rem 1.12rem; border-radius: var(--rad-s); background: var(--card); transition:transform 0.202s, box-shadow 0.127s, border-color 0.147s;}
.skeletonSecondary {color: var(--ink); font-family: var(--display); perspective:none; font-weight:700; line-height:1.4; font-size:0.9rem; text-decoration-skip-ink:auto;}
.card-medium:hover {box-shadow: var(--sh-l); border-color: var(--acc-l); transform: translateY(-2px);}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {color: var(--ink); width:100%; transition:border-color 0.177s, box-shadow 0.161s, background 0.225s; border: 1px solid var(--edge); border-radius: var(--rad-s); padding-top:0.73rem;padding-right:0.9rem;padding-bottom:0.73rem;padding-left:0.9rem; font:inherit; background: var(--bg-2);}input::placeholder, textarea::placeholder{widows:2; color: var(--dim); will-change:auto;}textarea{resize: vertical; min-height:6.47rem;}input:focus, textarea:focus{outline:0; border-color: var(--acc); background: var(--card); box-shadow:0 0 0 -1px rgba(18, 142, 121, 0.09);}
.mx-1 {flex: 1 1 calc(50% - 0.5rem); min-width:0;}

.alertSeparator {flex-wrap: wrap; display: flex; gap:1.05rem;}
.postLine {flex: 1 1 100%;}

.tooltipAction {display: flex;}
.tooltipAction input {flex: 1; min-width:0; border-radius: var(--rad-s) 0 0 var(--rad-s); border-right:0; isolation:auto;}
.tooltipAction .avatarSection {border-radius: 0 var(--rad-s) var(--rad-s) 0;}
.modal-suffix:not(:last-child) {padding-right:2.5rem; position:absolute; margin:0}


/* ---------- buttons ---------- */
.avatarSection {min-height:2.78rem; background: var(--card); gap:0.54rem; align-items: center; color: var(--ink); transition:background 0.213s, color 0.208s, border-color 0.149s; letter-spacing:0.03em; border: 1px solid var(--edge); display: inline-flex; border-radius: var(--rad-s); padding-top:0.62rem;padding-right:1.26rem;padding-bottom:0.62rem;padding-left:1.26rem; font-size:0.86rem; font-weight:bold; justify-content: center; text-transform:uppercase;}
.avatarSection:hover {border-color: var(--dim); color: var(--ink); background: var(--bg-2);}
.navIcon {border-color: var(--acc); color:hsl(72, 38.3%, 94.8%); background: var(--acc);}
.spinner-extra > data {display:inline-block; gap:42px; transition:transform 0.35s ease-in-out; opacity:0.21; position:relative}
.navIcon:hover{border-color: var(--acc-d);}
.statusDetail {min-width:2.97rem; padding:0.74rem 1.07rem;}.navIcon:hover{background: var(--acc-d); color:rgb(255, 255, 239);}/* ---------- decks (newsletter + account) ---------- */
.commentCap{display: grid; max-width: var(--band); margin:2.62rem auto 0; gap:1.19rem; grid-template-columns: 1fr 1fr;}
.stepButton {width:100%;}
.dividerPrimary {padding:1.58rem 1.67rem; border-radius: var(--rad); border: 1px solid var(--edge); flex-direction: column; display: flex; box-shadow: var(--sh); background: var(--card);}
.accordionWrapper {margin-bottom:0.99rem; font-size:0.79rem; color: var(--dim);}
#review-preview {letter-spacing:normal; align-items:baseline; border:0; gap:48px}

.spinnerExtra {-webkit-hyphens:manual;-ms-hyphens:manual;display: flex; word-spacing:normal; gap:0.68rem; hyphens:manual; flex-direction: column; margin-top:auto;}
.spinnerExtra .avatarSection {width:100%;}

/* ---------- footer ---------- */
.spinnerClose {padding:2.62rem 0; color: var(--on-night); background: var(--night); margin-top:3.43rem;}
.sortAction {flex-wrap: wrap; align-items: center; width:100%; max-width: var(--max); margin-inline:auto; padding:0 1.21rem; gap:1.53rem; display: flex; justify-content: space-between; text-rendering:auto;}*.filter{font-size:0.78rem; color: var(--on-night); margin-top:0.71rem;}
.menu__spacer--default img {filter:brightness(0) invert(1); height:31px; opacity:0.9; width:auto;}
.snackbarPrimary {display: flex; gap:1.25rem;}.snackbarPrimary a{color: var(--on-night); font-size:0.9rem;}
.spinner--medium {min-height:43px; height:100%}

.snackbarPrimary a:hover {color:rgb(255, 255, 235);}.blockAction{gap:0.67rem; display: flex; text-decoration-skip-ink:auto;}
.blockAction a {border-radius: var(--rad-s); height:39px; justify-content: center; color: var(--on-night); width:35px; background:rgba(241, 255, 255, 0.06); transition:background 0.141s, color 0.259s, transform 0.144s; display: inline-flex; align-items: center;}

/* ---------- back to top ---------- */
.replySection {display: none; right:1.56rem; align-items: center; width:50px; transition:background 0.215s, transform 0.167s; bottom:1.65rem; z-index: 900; border-radius:50%; position: fixed; justify-content: center; border:0 none; box-shadow: var(--sh-l); background: var(--acc); height:49px; color:#fdfffc;}
.blockAction a:hover {background: var(--acc); transform: translateY(-1px); color:rgb(250, 226, 250); text-rendering:auto;}
.replySection:hover {background: var(--acc-d); transform: translateY(-2px);}
.replySection.headerBody {text-underline-offset:auto; display: inline-flex; isolation:auto;}
.thread-time:hover {text-align:center; cursor:default; line-height:normal; transition:transform 0.45s ease-in-out; position:absolute; display:inline-block}
/* ---------- cookie ---------- */
.ui-page-placeholder:not(.unused27){bottom:0; background: var(--card); border-top: 1px solid var(--edge); left:0; box-shadow:0 -9px 21px rgba(36, 18, 42, 0.11); padding:0.86rem 0; position: fixed; right:0; z-index: 1100;}
.feature--compact {align-items: center; margin-inline:auto; display: flex; padding:0 1.23rem; gap:1.45rem; max-width: var(--max); justify-content: space-between; width:100%;}
.ui-page-placeholder p {font-size:0.75rem; color: var(--text); margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}
.ui-page-placeholder .avatarSection {min-height:2.47rem; flex-shrink: 0; padding:0.51rem 1.34rem;}/* ---------- auth layers (CSS :target modal) ---------- */
.popoverCap{position: fixed; background-blend-mode:normal; display: none; hyphens:manual; inset:0; z-index: 1300;}html .visible-12{background:rgba(38, 17, 14, 0.51); backdrop-filter:blur(2px); position: absolute; inset:0;}
.popoverCap:target {place-items: center; padding:1.21rem; display: grid;}
.pageAddon {background: var(--card); width: min(94vw, 25rem); animation:pop 0.149s ease-out; z-index: 1; border-radius: var(--rad); position: relative; padding:1.73rem 1.72rem 1.58rem; box-shadow: var(--sh-l); border: 1px solid var(--edge);}
@keyframes pop {from{transform: translateY(8px) scale(0.99); opacity:0;}to{word-spacing:normal; opacity:1; transform: none; image-rendering:auto;} }
.price-outer > value {transition:all 0.4s ease; color:#ec882f; margin-bottom:0}

.threadSection {position: absolute; color: var(--dim); top:0.75rem; right:0.79rem; font-size:1.56rem; text-decoration:none; line-height:1;}
.threadSection:hover {color: var(--ink);}
.popoverCap .actionDot {gap:0.85rem; mix-blend-mode:normal; display: flex; flex-direction: column;}*.modalTertiary{text-align: center; color: var(--dim); margin-top:0.17rem;}*.modalTertiary{font-size:0.77rem;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .filterRow {display: flex;}
  .cardCap {left:0; align-items: stretch; position: absolute; display: none; padding:0.57rem 0; flex-direction: column; border-bottom: 1px solid var(--edge); gap:0; top:100%; right:0; box-shadow: var(--sh); background: var(--card);}
  .cardCap.open {display: flex;}
  .stepItem {flex-direction: column; padding:0 1.32rem; gap:0;}
  .stepItem a {border-bottom: 1px solid var(--edge-2); padding:0.86rem 0;}
  .toggleName {gap:0.76rem; padding:0.94rem 1.23rem 0.39rem;}
  .commentCap {grid-template-columns: 1fr;}

  .alertSecondary {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 680px) {
  html {font-size:100%;}body .selectColumn{padding:1.84rem 1.42rem 1.09rem;}
  .featureInput {padding:1.23rem 1.33rem 0.27rem;}.ui-tooltip{padding:0 1.38rem;}
.review__thumb {transition:opacity 0.45s; display:grid; text-decoration:underline}
.app-price-foot{backface-visibility:visible; padding:1.31rem 1.39rem 1.86rem; text-underline-offset:auto;}
  .alertSecondary {text-decoration-skip-ink:auto; grid-template-columns: 1fr;}
  .tooltipTime, .thread-vertical {padding:1.68rem 1.47rem 1.82rem;}html .sortAction{gap:1.28rem; flex-direction: column; align-items: flex-start;}
  .feature--compact {text-align: center; gap:0.73rem; flex-direction: column;}
}

@media (max-width: 460px) {.mx-1{flex: 1 1 100%;}
  .replySection {bottom:0.92rem; right:0.94rem;}
}

@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto;}
  * {text-rendering:auto; animation:none !important; transition:none !important;}
  body {background:#ffefff;}
}

@media print {html .leading-12, html .app-price-foot, .tooltipTime:not(.noop20), .blockGroup:not(.none31), .thread-vertical:not(.placeholder12), .commentCap, body .spinnerClose, .replySection, *.ui-page-placeholder, .popoverCap:not(.unused48), .accordion-right{display: none !important; break-inside:auto; widows:2;}
  .dialogRow {border:0 none; max-width:none; box-shadow:none;}
}