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

:root {--acc: #0d9488; --card: #ffffff; --display: "Sora", system-ui, sans-serif; --rad: 12px; --bg-2: #fafbfb; --max: 70rem; --rad-s: 8px; --ink: #16221f; --read: 45rem; --tint: rgba(13, 148, 136, 0.08); --acc-d: #0f766e; --on-night: rgba(255, 255, 255, 0.6); --text: #46535a; --night-2: #1d2c28; --dim: #79868c; --band: 62rem; --night: #14201d; --edge: #e5e9e9; --bg: #f4f6f6; --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --edge-2: #eef1f1; --acc-l: #2bb3a3; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18);}
.box-prefix::before {content:''; min-width:0; transition:transform 0.5s ease-in-out; padding:1.75rem 0.625rem; min-height:100vh}
*, *::before, *::after{box-sizing: border-box; padding:0; margin-top:0em;margin-right:0em;margin-bottom:0em;margin-left:0em;}

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

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

img, svg {max-width:100%; display: block;}ul, ol{list-style: none;}
#price-zone {padding-left:1rem; padding-right:1.125rem; min-width:0; margin-top:25px; flex:1; flex-wrap:nowrap}
a{text-decoration:none; color: var(--acc);}
a:hover {color: var(--acc-d);}
.menu-value + .skeleton-cap {margin:7px 35px; text-align:center}
h1{color: var(--ink); font-weight:700; line-height:1.18; letter-spacing:-0.015em; font-family: var(--display);}
button {cursor: pointer; font-family:inherit; print-color-adjust:economy;}

:focus-visible {outline: 2px solid var(--acc); border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px; outline-offset:2px;}

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

/* span headings (no h2/h3 anywhere but article content) */
.thumb-view, .sort__thumb--full, .profile-primary, .c-rating, .panel-disabled {letter-spacing:-0.01em; font-weight:700; display: block; color: var(--ink); font-family: var(--display);}
.thumb-view {margin-bottom:1.04rem; font-size:1.29rem;}
.profile-primary {will-change:auto; font-size:1.3rem; margin-bottom:1.12rem;}body .sort__thumb--full{margin-bottom:0.37rem; font-size:1rem;}/* ---------- scroll progress ---------- */
.carousel-cap{height:1px; background: var(--acc); width:0; z-index: 1200; left:0; transition:width 0.068s linear; position: fixed; top:0;}/* ---------- topbar ---------- */
.slider__separator--vertical{backdrop-filter:saturate(150%) blur(8px);}/* ---------- topbar ---------- */
.slider__separator--vertical{border-bottom: 1px solid var(--edge); position: sticky; z-index: 1000; top:0; background:rgba(250, 242, 237, 0.89);}
.subtitle-layout {max-width: var(--max); min-height:3.98rem; margin-inline:auto; justify-content: space-between; width:100%; gap:1.06rem; display: flex; padding:0 1.2rem; align-items: center;}
.c-thread-container {display: inline-flex; align-items: center;}
.rating__primary {max-width:100%; position:absolute; flex-wrap:nowrap}

.c-thread-container img {width:auto; height:32px;}.outer-avatar{flex-direction: column; gap:2px; border:0 none; padding:0.36rem; background:none; display: none;}html .outer-avatar span{border-radius:2px; width:20px; height:2px; display: block; background: var(--ink);}

.chipTrack {align-items: center; gap:1.82rem; display: flex;}
.tabs-holder-alt {gap:1.46rem; display: flex;}body .tabs-holder-alt a, *.header-placeholder-disabled{color: var(--text); hyphens:manual; font-weight:600; text-transform:uppercase; letter-spacing:0.03em; font-size:0.79rem;}
.tabs-holder-alt a:hover, .header-placeholder-disabled:hover {color: var(--acc);}
.profile-value {gap:1.01rem; display: flex; align-items: center;}*.text-xs{font-size:0.73rem; transition:background 0.164s; text-transform:uppercase; border-radius: var(--rad-s); letter-spacing:0.03em; font-weight:700; color:#fbf5ff;}*.text-xs{padding:0.51rem 1.01rem; background: var(--acc);}
.text-xs:hover {color:#fcf3fb; background: var(--acc-d);}

/* ---------- flow / shell ---------- */
.badge-fixed {padding-bottom:4.05rem;}

/* ---------- post ---------- */
.select--dense {background: var(--card); box-shadow: var(--sh); border-radius: var(--rad); overflow: hidden; border: 1px solid var(--edge); margin:1.56rem auto 0; max-width: var(--read);}
.inner-action {padding:2.47rem 2.61rem 1.27rem;}
.menu-wrap:first-child {letter-spacing:-0.05em; flex:1 1 0%; background:transparent; font-weight:600; gap:0.25rem; flex-wrap:wrap}
.skeleton-foot{margin-bottom:0.88rem; font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem);}

.c-skeleton-slot {flex-wrap: wrap; align-items: center; gap:0.56rem 1.25rem; font-size:0.83rem; display: flex; color: var(--dim);}.counter-indicator{gap:0.34rem; display: inline-flex; align-items: center;}.counter-indicator svg{flex-shrink: 0; opacity:0.74;}body .feature-button-loading{font-style:italic;}

/* toc */
.reply--flat {padding:0 2.58rem;}
.primary-select {align-items: center; justify-content: space-between; display: flex;}.comment-secondary:not(.null64){border-radius: var(--rad-s); background: var(--bg-2); image-rendering:auto; transform-style:flat; border: 1px solid var(--edge); padding:1.01rem 1.22rem;}
.section {color: var(--dim); transition:transform 0.286s, color 0.159s; border:none; padding:0.12rem; background:none; display: inline-flex;}*.c-rating{margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem; font-size:0.88rem;}
.section:hover {color: var(--acc);}
.comment-secondary.is-shut .section {transform: rotate(-90deg);}html .comment-secondary.is-shut .review-center{display: none; image-rendering:auto; font-variant-caps:normal;}
.footer__prefix {flex:1; position:static; padding-top:1.75rem}
.review-center{line-height:1.9; padding-top:0.72rem; margin-top:0.72rem; border-top: 1px solid var(--edge); font-size:0.93rem;}*.review-center a{color: var(--text); display: block;}
.review-center a:hover {color: var(--acc);}
.review-center .step-dot {font-size:0.82rem; padding-left:1.02rem;}/* rich content */
.headerCap{padding:1.52rem 2.61rem 0.28rem;}
.modal-last {line-height:1.8; font-size:1.01rem; color: var(--text);}
.modal-last > * + * {margin-top:1.22rem;}
.modal-last h2 {border-top: 1px solid var(--edge-2); scroll-margin-top:5rem; font-family: var(--display); margin-top:2.29rem; color: var(--ink); font-size:1.46rem; line-height:1.3; padding-top:1.29rem;}
.modal-last h3 {color: var(--ink); font-family: var(--display); font-size:1.24rem; scroll-margin-top:5rem; margin-top:1.72rem;}.modal-last h4{color: var(--ink); font-size:1rem; font-family: var(--display); margin-top:1.3rem;}
.modal-last a {text-decoration-thickness:1px; text-underline-offset:2px; text-decoration:underline;}
.modal-last strong, .modal-last b {font-weight:bold; color: var(--ink);}
.modal-last ul, .modal-last ol {margin-left:1.29rem;}
.modal-last ul {list-style: disc;}body .modal-last ol{list-style: decimal;}*.modal-last li{margin-top:0.38rem; padding-left:0.28rem;}*.modal-last img{margin:1.47rem 0; border-radius: var(--rad-s);}
.modal-last blockquote {border-left: 3px solid var(--acc); color: var(--ink); border-radius: 0 var(--rad-s) var(--rad-s) 0; padding:0.81rem 1.21rem; background: var(--tint); font-style:italic;}
.modal-last code {font-size:0.88em; font-family:ui-monospace, "SF Mono", "Courier New", monospace; padding:0.03em 0.44em; border-radius:1px; background: var(--bg-2); border: 1px solid var(--edge);}
.modal-last pre {background: var(--night); font-size:0.89rem; line-height:1.7; overflow-x: auto; border-radius: var(--rad-s); color:#dfe5ff; padding:1.09rem 1.3rem;}
.modal-last pre code {background:none; color:inherit; border:0; padding:0rem;}
.modal-last table {border-collapse:collapse; width:100%; font-size:0.98rem;}.modal-last th, body .modal-last td{padding:0.69rem 0.81rem; transform-style:flat; border: 1px solid var(--edge); text-align: left;}
.modal-last th {background: var(--bg-2); color: var(--ink); font-weight:700;}*.modal-last hr{margin:1.98rem 0; border:none; border-top: 1px solid var(--edge);}

/* share */
.post-disabled {padding:1.75rem 2.61rem 2.38rem;}
.subtitle-dialog {print-color-adjust:economy; flex-wrap: wrap; display: flex; gap:0.5rem; font-variant-ligatures:normal;}
.drawerDate {height:40px; transition:background 0.23s, color 0.143s, border-color 0.247s, transform 0.107s; width:41px; align-items: center; border-radius:50%; border: 1px solid var(--edge); color: var(--dim); display: inline-flex; justify-content: center; background: var(--card);}
.drawerDate:hover {color:rgb(240, 245, 253); background: var(--acc); transform: translateY(-1px); border-color: var(--acc);}.panel-dark{margin-bottom:1.27rem; margin-top:-0.59rem; font-size:0.91rem; color: var(--dim);}

/* ---------- talk / reach (forms) ---------- */
.sliderSeparator, .c-badge-image {box-shadow: var(--sh); padding:2.01rem 2.68rem 2.06rem; border: 1px solid var(--edge); max-width: var(--read); border-radius: var(--rad); margin:2.16rem auto 0; background: var(--card);}
.block-primary + .dropdown-placeholder {transition:opacity 0.5s; display:grid; margin:auto; border:1px solid #e9e1e7}

.media-wrapper > holder {line-height:normal; transition:color 0.15s; border-radius:0}
/* ---------- more (related) ---------- */
.view-item{margin:2.15rem auto 0; max-width: var(--read);}
.backdrop-chip {display: grid; gap:0.94rem; grid-template-columns: repeat(3, 1fr);}
.c-profile-icon {padding:0.99rem 1.12rem; display: block; box-shadow: var(--sh); border-radius: var(--rad-s); border: 1px solid var(--edge); background: var(--card); transition:transform 0.222s, box-shadow 0.157s, border-color 0.214s;}body .c-profile-icon:hover{box-shadow: var(--sh-l);}body .c-profile-icon:hover{transform: translateY(-2px); border-color: var(--acc-l);}.avatar-text-last:not(.none32){font-weight:bold; font-size:1.04rem; font-family: var(--display); color: var(--ink); line-height:1.4; backface-visibility:visible;}/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea{width:100%; padding:0.67rem 0.97rem; border-radius: var(--rad-s); background: var(--bg-2); font:inherit; color: var(--ink); transition:border-color 0.188s, box-shadow 0.214s, background 0.22s; border: 1px solid var(--edge);}
@media (min-width: 1024px) and (max-width: 1301px) {
  .status-label + .dialog-image {text-decoration:underline; width:100%; gap:3px; min-height:100vh; font-size:1.75rem}
  .media-wrapper > holder {margin-bottom:1.75rem; text-decoration:none; position:sticky}
}

input::placeholder, textarea::placeholder{color: var(--dim);}
input:focus, textarea:focus {outline:0; background: var(--card); box-shadow:0 0 0 5px rgba(27, 164, 146, 0.13); border-color: var(--acc);}
textarea {resize: vertical; min-height:6.42rem;}

.entry-tertiary-wide {display: flex;}

.entry-tertiary-wide {gap:0.97rem; flex-wrap: wrap;}
.detail-stepper {flex: 1 1 100%;}
.alert--full {line-height:1; padding:10px 20px}
html .page-overlay{flex: 1 1 calc(50% - 0.5rem); contain:none; min-width:0; will-change:auto;}

.modalFoot {display: flex;}
.modalFoot input {flex: 1; border-right:0rem; orphans:2; border-radius: var(--rad-s) 0 0 var(--rad-s); contain:none; min-width:0;}
.modalFoot .backdrop-sort {border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.backdrop-sort {align-items: center; font-size:0.9rem; border-radius: var(--rad-s); justify-content: center; letter-spacing:0.03em; color: var(--ink); min-height:2.81rem; padding-top:0.64rem;padding-right:1.38rem;padding-bottom:0.64rem;padding-left:1.38rem; gap:0.58rem; display: inline-flex; text-transform:uppercase; transition:background 0.207s, color 0.199s, border-color 0.236s; font-weight:bold; border: 1px solid var(--edge); background: var(--card);}
.backdrop-sort:hover {border-color: var(--dim);}
.backdrop-sort:hover {color: var(--ink); background: var(--bg-2);}
.c-box-trigger {border-color: var(--acc); color:hsl(153, 100%, 98.3%); background: var(--acc);}body .c-box-trigger:hover{color:#fffff3; border-color: var(--acc-d); background: var(--acc-d);}
.popover__content {width:100%;}
.pr-xl {min-width:3.05rem; padding:0.74rem 0.92rem;}
.ui-table-secondary {border-radius: var(--rad); flex-direction: column; box-shadow: var(--sh); background: var(--card); border: 1px solid var(--edge); padding:1.51rem 1.57rem; display: flex;}/* ---------- decks (newsletter + account) ---------- */
:where(.c-review-track){margin:2.64rem auto 0; grid-template-columns: 1fr 1fr; display: grid; gap:1.19rem; max-width: var(--band);}
.c-panel-primary {font-size:0.88rem;}
.c-panel-primary {mix-blend-mode:normal; margin-bottom:1.05rem; color: var(--dim);}
.sidebar-empty {display: flex; flex-direction: column; margin-top:auto;}
.sidebar-empty {gap:0.56rem;}
.sidebar-empty .backdrop-sort {width:100%;}

/* ---------- footer ---------- */
.preview-banner {background-blend-mode:normal;}

/* ---------- footer ---------- */
.preview-banner {color: var(--on-night); background: var(--night); margin-top:3.44rem; padding:2.67rem 0;}body .el-banner-group{flex-wrap: wrap; align-items: center; gap:1.52rem; display: flex;}body .el-banner-group{margin-inline:auto; width:100%; justify-content: space-between; padding:0 1.23rem; max-width: var(--max);}.filter-large img{filter:brightness(0) invert(1); opacity:0.9; height:31px;}.filter-large img{width:auto;}
.app-toolbar-info {color: var(--on-night); margin-top:0.73rem; font-size:0.75rem;}
.hero-value {display: flex; gap:1.31rem;}html .hero-value a{color: var(--on-night); font-size:0.9rem;}.hero-value a:hover{color:#faffff;}

.media-wrapper {display: flex; gap:0.62rem;}.media-wrapper a{border-radius: var(--rad-s); align-items: center; display: inline-flex; height:34px; transition:background 0.156s, color 0.166s, transform 0.173s; background:rgba(255, 255, 239, 0.13); width:38px; color: var(--on-night); justify-content: center;}
.media-wrapper a:hover {background: var(--acc); transform: translateY(-1px); color:#f0ffee;}

/* ---------- back to top ---------- */
.c-table-container {z-index: 900; color:#fffbf6; position: fixed; bottom:1.6rem; align-items: center; right:1.59rem; height:50px; border-radius:50%; transition:background 0.147s, transform 0.233s; width:43px; tab-size:4; box-shadow: var(--sh-l); justify-content: center; border:0 none; display: none; background: var(--acc); text-underline-offset:auto;}
.c-table-container:hover {transform: translateY(-2px); background: var(--acc-d);}
.c-table-container.review-inverse {display: inline-flex;}

/* ---------- cookie ---------- */
.app-reply-head {padding:0.93rem 0; box-shadow:0 -3px 20px rgba(2, 32, 24, 0.05); border-top: 1px solid var(--edge); z-index: 1100; left:0; background: var(--card); position: fixed; bottom:0; right:0rem;}
.c-avatar-tertiary {width:100%; justify-content: space-between; display: flex; margin-inline:auto; padding:0 1.17rem; align-items: center; max-width: var(--max); gap:1.48rem;}
.app-reply-head p {font-size:0.79rem; color: var(--text); margin:0;}
.app-reply-head .backdrop-sort {padding-top:0.63rem;padding-right:1.32rem;padding-bottom:0.63rem;padding-left:1.32rem; flex-shrink: 0; min-height:2.43rem;}

/* ---------- auth layers (CSS :target modal) ---------- */
.c-page-trigger {z-index: 1300; display: none; inset:0; position: fixed;}
.c-page-trigger:target {padding-top:1.32rem;padding-right:1.32rem;padding-bottom:1.32rem;padding-left:1.32rem; display: grid; place-items: center;}
.dot-hero {background:rgba(28, 16, 20, 0.61); text-rendering:auto; backdrop-filter:blur(2px); position: absolute; inset:0; tab-size:4;}
.feature-link-wide {border-radius: var(--rad); border: 1px solid var(--edge); width: min(94vw, 25rem); background: var(--card); padding:1.77rem 1.76rem 1.58rem; position: relative; box-shadow: var(--sh-l); z-index: 1; animation:pop 0.24s ease-out;}
@keyframes pop {from{opacity:0; transform: translateY(8px) scale(0.99);}to{opacity:1; transform: none;} }*.grid-holder-alt{right:0.84rem; line-height:1; text-decoration:none; color: var(--dim); position: absolute; top:0.67rem; font-size:1.56rem;}
.c-page-trigger .panel-odd {display: flex; mix-blend-mode:normal; gap:0.91rem; flex-direction: column;}
.grid-holder-alt:hover {color: var(--ink);}
.header-left {text-align: center; orphans:2; font-size:0.91rem; color: var(--dim); margin-top:0.14rem; shape-margin:0;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {
  .outer-avatar {display: flex;}body .chipTrack{position: absolute; background: var(--card); padding:0.56rem 0; left:0; right:0; display: none; top:100%; flex-direction: column; border-bottom: 1px solid var(--edge); gap:0; box-shadow: var(--sh); align-items: stretch;}
.drawer-item:first-child {display:flex; color:currentColor; margin-bottom:28px}

  .chipTrack.open {display: flex;}.tabs-holder-alt:not(.dummy71){padding:0 1.33rem; gap:0; flex-direction: column;}
  .tabs-holder-alt a {padding:0.82rem 0; border-bottom: 1px solid var(--edge-2);}*.profile-value{orphans:2; font-synthesis:weight style small-caps;}
.modal-area:not(:last-child) {flex-wrap:nowrap; box-shadow:0 12px 15px rgba(0,0,0,0.93); transition:transform 0.4s ease-in-out}
*.profile-value{gap:0.78rem; padding:0.9rem 1.31rem 0.42rem;}

  .backdrop-chip {grid-template-columns: 1fr 1fr;}
  .c-review-track {grid-template-columns: 1fr; will-change:auto;}
}

@media (max-width: 680px) {html{font-size:100%;}
  .inner-action {padding:1.87rem 1.46rem 1.03rem;}body .reply--flat{padding:0 1.37rem;}
  .headerCap {padding:1.22rem 1.4rem 0.31rem;}
  .post-disabled {padding:1.32rem 1.43rem 1.86rem;}
  .sliderSeparator, .c-badge-image {padding:1.63rem 1.44rem 1.82rem;}
.tag-inner:not(:last-child) {width:140px; font-size:1.5rem; transition:opacity 0.2s; flex:0 0 auto}

  .backdrop-chip {grid-template-columns: 1fr;}
  .el-banner-group {gap:1.12rem; flex-direction: column; align-items: flex-start;}
  .c-avatar-tertiary {flex-direction: column; text-align: center; gap:0.72rem;}.c-table-container{bottom:1.03rem; right:0.97rem;}
}

@media (max-width: 460px) {*.page-overlay{flex: 1 1 100%;}*{transition:none !important; animation:none !important;}
}

@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto;}
}

@media print {body .slider__separator--vertical, html .post-disabled, body .sliderSeparator, .view-item:not(.nil76), body .c-badge-image, .c-review-track, .preview-banner:not(.noop24), *.c-table-container, .app-reply-head, .c-page-trigger, .carousel-cap:not(.noop79){display: none !important; background-blend-mode:normal; hyphens:manual;}
.status-label + .dialog-image {flex-wrap:nowrap; height:auto; max-width:1160px}

  body {font-synthesis:weight style small-caps; background:#fefff6;}
  .select--dense {max-width:none; border:none; box-shadow:none;}
}