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

:root{--max: 70rem; --on-night: rgba(255, 255, 255, 0.6); --sh: 0 1px 2px rgba(20, 32, 29, 0.04), 0 6px 24px rgba(20, 32, 29, 0.06); --read: 45rem; --rad-s: 8px; --rad: 12px; --night-2: #1d2c28; --sh-l: 0 16px 50px rgba(20, 32, 29, 0.18); --card: #avatarIndicator; --text-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --acc: #0d9488; --ink: #16221f; --bg: #screenName; --dim: #79868c; --display: "Sora", system-ui, sans-serif; --edge: #thread_meta; --bg-2: #banner_data; --text: #46535a; --tint: rgba(13, 148, 136, 0.08); --acc-l: #2bb3a3; --band: 62rem; --acc-d: #0f766e; --night: #14201d; --edge-2: #app-profile;}*, *::before, *::after{padding:0; margin:0; box-sizing: border-box;}html{font-size:111.5%; scroll-behavior: smooth; -webkit-text-size-adjust:100%;}body{-moz-osx-font-smoothing:grayscale; font-family: var(--text-font); font-size:1.08rem;}body{line-height:1.72; background: var(--bg); color: var(--text); -webkit-font-smoothing:antialiased;}
ul, ol {list-style: none;}

img, svg {max-width:100%; display: block;}
a:hover {color: var(--acc-d);}a{text-decoration:none; color: var(--acc);}
h1 {font-weight:bold; font-family: var(--display); letter-spacing:-0.015em; color: var(--ink); line-height:1.18;}
button {cursor: pointer; font-family:inherit;}:focus-visible{outline: 2px solid var(--acc); border-radius:7px; outline-offset:2px;}

.ui-breadcrumb {border:none; overflow: hidden; position: absolute; clip:rect(0, 0, 0, 0); white-space: nowrap; width:1px; perspective:none; height:1px; padding:0; margin:-1px;}/* span headings (no h2/h3 anywhere but article content) */
.carousel-subtitle-muted, .modalSeparator, body .c-badge-summary, html .screen-prefix-bottom, body .my-none{font-weight:bold; letter-spacing:-0.01em; color: var(--ink); display: block; font-family: var(--display);}
.carousel-subtitle-muted {margin-bottom:1.08rem; font-size:1.32rem;}
.modalSeparator {font-size:0.97rem; margin-bottom:0.29rem;}html .c-badge-summary{font-size:1.24rem; margin-bottom:1.15rem;}

/* ---------- topbar ---------- */
.view-slot-dark {background:rgba(255, 255, 249, 0.82); top:0; backdrop-filter:saturate(150%) blur(8px);}

/* ---------- scroll progress ---------- */
.search-light {transform-style:flat; width:0; background: var(--acc); transition:width 0.063s linear; height:6px; top:0; position: fixed; z-index: 1200; tab-size:4; left:0;}

/* ---------- topbar ---------- */
.view-slot-dark {position: sticky; z-index: 1000; border-bottom: 1px solid var(--edge);}*.link-alert{padding:0 1.21rem; max-width: var(--max); display: flex; align-items: center; margin-inline:auto; min-height:3.95rem; width:100%; gap:1.05rem; justify-content: space-between;}
.c-form-time {align-items: center;}
.c-form-time {display: inline-flex; font-variant-ligatures:normal;}.c-form-time img{width:auto; height:30px;}.pagination-right{border:0 none; display: none; flex-direction: column;}.pagination-right{gap:5px; background:none; padding-top:0.44rem; padding-right:0.44rem; padding-bottom:0.44rem; padding-left:0.44rem;}
.pagination-right span {background: var(--ink); border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; page-break-inside:auto; width:24px; height:2px; display: block; font-variant-caps:normal;}

.step-odd {align-items: center; gap:1.76rem; display: flex;}
.c-block-prefix {display: flex; gap:1.56rem;}.c-block-prefix a, *.form-info{font-weight:700; letter-spacing:0.03em; font-size:0.81rem; color: var(--text); text-transform:uppercase;}
.c-block-prefix a:hover, .form-info:hover {color: var(--acc);}.c-post-count{display: flex; align-items: center; gap:1rem;}
.pr-full {font-size:0.86rem; transition:background 0.241s; padding:0.62rem 1.01rem; color:#app-rating; background: var(--acc); border-radius: var(--rad-s); text-transform:uppercase; font-weight:700; letter-spacing:0.03em;}
.pr-full:hover {background: var(--acc-d); color:#app-rating;}

/* ---------- flow / shell ---------- */
.c-thread-slot {padding-bottom:4rem; contain:none;}

/* ---------- post ---------- */
.c-module-title {background: var(--card); border-radius: var(--rad); border: 1px solid var(--edge); max-width: var(--read); overflow: hidden; margin:1.6rem auto 0; box-shadow: var(--sh);}
.panel {font-size: clamp(1.7rem, 1.2rem + 2.3vw, 2.5rem); margin-bottom:0.93rem;}
.tracking-sm {padding:2.39rem 2.62rem 1.23rem;}body .text-lg{display: flex; color: var(--dim); gap:0.48rem 1.19rem;}body .text-lg{font-size:0.87rem; align-items: center; flex-wrap: wrap;}
.grid__time {gap:0.42rem; align-items: center; display: inline-flex;}
.grid__time svg {flex-shrink: 0; opacity:0.65;}
.section-left {font-style:italic;}/* toc */
.c-sort-placeholder{padding:0 2.58rem;}
.c-tag-number {border-radius: var(--rad-s); background: var(--bg-2); word-spacing:normal; perspective:none; border: 1px solid var(--edge); padding:0.97rem 1.27rem;}
.c-timeline-content {display: flex; justify-content: space-between; align-items: center;}
.screen-prefix-bottom {margin:0rem; font-size:0.87rem;}
.ui-section {border:0; background:none; color: var(--dim); padding:0.22rem; widows:2; transition:transform 0.302s, color 0.256s; display: inline-flex; font-variant-ligatures:normal;}
.ui-section:hover {color: var(--acc);}
.c-tag-number.is-shut .ui-section {transform: rotate(-90deg);}
.c-tag-number.is-shut .rating-hover {display: none;}
.rating-hover {font-size:0.93rem; margin-top:0.77rem; padding-top:0.62rem; border-top: 1px solid var(--edge); line-height:1.9;}.rating-hover a{display: block; color: var(--text);}
.rating-hover a:hover {color: var(--acc);}

/* rich content */
.step-content {padding:1.5rem 2.58rem 0.22rem;}.rating-hover :where(.rating-separator){font-size:0.89rem; padding-left:1.15rem;}
.subtitle-footer {orphans:2; color: var(--text); line-height:1.8; image-rendering:auto; font-size:0.96rem;}
.subtitle-footer > * + * {margin-top:1.28rem;}
.subtitle-footer h2 {line-height:1.3; margin-top:2.35rem; border-top: 1px solid var(--edge-2); font-family: var(--display); scroll-margin-top:5rem; color: var(--ink); padding-top:1.24rem; font-size:1.46rem;}
.subtitle-footer h3 {font-family: var(--display); margin-top:1.76rem; color: var(--ink); font-size:1.25rem; scroll-margin-top:5rem;}
.subtitle-footer h4 {color: var(--ink);}
.subtitle-footer h4 {margin-top:1.26rem; font-family: var(--display); font-size:1.12rem;}*.subtitle-footer a{text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px;}
.subtitle-footer strong, .subtitle-footer b {color: var(--ink); font-weight:bold;}html .subtitle-footer ul, .subtitle-footer ol{image-rendering:auto; margin-left:1.22rem;}
.subtitle-footer ul {list-style: disc; font-variant-caps:normal;}
.subtitle-footer ol {list-style: decimal;}
.subtitle-footer li {padding-left:0.35rem; margin-top:0.48rem;}
.subtitle-footer img {border-radius: var(--rad-s); margin:1.51rem 0;}body .subtitle-footer blockquote{transform-style:flat; background-blend-mode:normal; border-left: 3px solid var(--acc); color: var(--ink); font-style:italic; padding:0.8rem 1.33rem; background: var(--tint); border-radius: 0 var(--rad-s) var(--rad-s) 0;}html .subtitle-footer code{border-radius:7px; border: 1px solid var(--edge); font-size:0.84em; padding:0.08em 0.49em; font-family:ui-monospace, "SF Mono", "Courier New", monospace; background: var(--bg-2);}*.subtitle-footer pre{color:#cardName; text-decoration-skip-ink:auto; overflow-x: auto; font-size:0.91rem; line-height:1.7; border-radius: var(--rad-s); font-variant-ligatures:normal; background: var(--night);}*.subtitle-footer pre{padding:1.11rem 1.22rem;}body .subtitle-footer pre code{border:0rem; padding:0; background:none; color:inherit;}
.subtitle-footer table {width:100%; border-collapse:collapse; font-size:0.98rem;}
.subtitle-footer th, .subtitle-footer td {text-align: left; border: 1px solid var(--edge); padding:0.69rem 0.72rem;}
.subtitle-footer th {font-weight:bold; background: var(--bg-2); color: var(--ink);}
.subtitle-footer hr {border-top: 1px solid var(--edge); border:none;}

/* share */
.c-profile {padding:1.77rem 2.66rem 2.35rem;}
.subtitle-footer hr {margin:2.07rem 0;}.snackbar-filled:not(._3f2a50){word-spacing:normal; display: flex; flex-wrap: wrap; gap:0.54rem; perspective:none;}
.c-screen {display: inline-flex; align-items: center; justify-content: center; height:40px; border-radius:50%; border: 1px solid var(--edge); transition:background 0.223s, color 0.25s, border-color 0.161s, transform 0.207s; width:38px; background: var(--card); color: var(--dim);}
.c-screen:hover {color:#app-rating; transform: translateY(-1px); background: var(--acc); border-color: var(--acc);}

/* ---------- talk / reach (forms) ---------- */
.entry-horizontal, .c-view-extra {background: var(--card); border-radius: var(--rad); max-width: var(--read); margin:2.21rem auto 0; border: 1px solid var(--edge); padding:1.98rem 2.63rem 2.07rem; box-shadow: var(--sh);}
.c-toggle-subtitle {margin-top:-0.64rem; font-size:0.97rem; color: var(--dim); margin-bottom:1.28rem;}

/* ---------- more (related) ---------- */
.pl-3 {margin:2.15rem auto 0; max-width: var(--read);}
.toolbar-loading {display: block; transition:transform 0.226s, box-shadow 0.196s, border-color 0.13s; padding:1.07rem 1.1rem; background: var(--card); box-shadow: var(--sh); border: 1px solid var(--edge); border-radius: var(--rad-s);}.icon-tooltip{display: grid; grid-template-columns: repeat(3, 1fr); gap:1.03rem;}.toolbar-loading:hover{border-color: var(--acc-l); box-shadow: var(--sh-l); transform: translateY(-2px);}body .step-bottom{font-size:0.88rem; line-height:1.4; font-family: var(--display); color: var(--ink); font-weight:bold;}
input::placeholder, textarea::placeholder {color: var(--dim);}

/* ---------- forms ---------- */
input[type="text"], input[type="email"], input[type="password"], textarea {font:inherit; background: var(--bg-2); border: 1px solid var(--edge); color: var(--ink); padding:0.68rem 0.94rem; width:100%; transition:border-color 0.174s, box-shadow 0.14s, background 0.251s; border-radius: var(--rad-s);}
input:focus, textarea:focus {outline:0; box-shadow:0 0 0 0px rgba(30, 166, 135, 0.11); background: var(--card); border-color: var(--acc);}
textarea {resize: vertical; min-height:6.57rem;}.zone-sidebar:not(._3f2a50){gap:1.03rem; flex-wrap: wrap; display: flex;}
.c-tabs-input {min-width:0; hyphens:manual; flex: 1 1 calc(50% - 0.5rem);}
.block-text {flex: 1 1 100%;}

.price-selected {display: flex;}*.price-selected input{min-width:0; flex: 1; border-radius: var(--rad-s) 0 0 var(--rad-s); orphans:2; border-right:none; hyphens:manual;}
.price-selected .c-drawer-subtitle {border-radius: 0 var(--rad-s) var(--rad-s) 0;}

/* ---------- buttons ---------- */
.c-drawer-subtitle {letter-spacing:0.03em; text-transform:uppercase; padding:0.71rem 1.28rem; justify-content: center; display: inline-flex; border: 1px solid var(--edge); align-items: center; background: var(--card); gap:0.44rem; min-height:2.77rem; transition:background 0.211s, color 0.144s, border-color 0.155s; color: var(--ink); font-size:0.74rem; font-weight:700; border-radius: var(--rad-s);}
.c-drawer-subtitle:hover {color: var(--ink); background: var(--bg-2); border-color: var(--dim);}
.counter-small {border-color: var(--acc); background: var(--acc); color:#app-rating;}
.counter-small:hover {border-color: var(--acc-d); color:#app-rating; background: var(--acc-d);}
.dropdownLink {min-width:2.96rem; padding:0.67rem 1.07rem;}
.form-track {width:100%; print-color-adjust:economy;}

/* ---------- decks (newsletter + account) ---------- */
.data-section {gap:1.17rem;}

/* ---------- decks (newsletter + account) ---------- */
.data-section {display: grid; max-width: var(--band); margin:2.64rem auto 0; grid-template-columns: 1fr 1fr;}.c-counter-handle{color: var(--dim); font-size:0.79rem; margin-bottom:1.03rem;}
.c-popover-action {border: 1px solid var(--edge); flex-direction: column; background: var(--card); display: flex; border-radius: var(--rad); box-shadow: var(--sh); text-decoration-skip-ink:auto; will-change:auto; padding:1.44rem 1.52rem;}.expand-spinner{flex-direction: column; image-rendering:auto; orphans:2; margin-top:auto; gap:0.62rem; display: flex;}
.expand-spinner .c-drawer-subtitle {width:100%;}
.outer-modal {justify-content: space-between; align-items: center; gap:1.52rem; max-width: var(--max); margin-inline:auto; padding:0 1.31rem;}/* ---------- footer ---------- */
:where(.post-empty){color: var(--on-night); padding:2.63rem 0; background: var(--night); margin-top:3.34rem;}
.outer-modal {display: flex; flex-wrap: wrap; width:100%;}
.secondary-footer img {opacity:0.88; height:27px; filter:brightness(0) invert(1); width:auto;}
.table-secondary {margin-top:0.64rem; font-size:0.82rem;}
.table-secondary {color: var(--on-night);}
.gallerySummary {display: flex; gap:1.24rem;}
.gallerySummary a {color: var(--on-night); font-size:0.8rem;}
.gallerySummary a:hover {color:#app-rating;}

.l-select {display: flex; gap:0.66rem;}
.l-select a {border-radius: var(--rad-s); background:rgba(254, 255, 255, 0.14); color: var(--on-night); justify-content: center; transition:background 0.172s, color 0.211s, transform 0.097s; width:40px; align-items: center; display: inline-flex; height:40px;}
.l-select a:hover {color:#app-rating; background: var(--acc); transform: translateY(-1px); backface-visibility:visible;}/* ---------- back to top ---------- */
.c-screen-line{right:1.58rem; bottom:1.57rem; background: var(--acc); box-shadow: var(--sh-l); color:#app-rating; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; z-index: 900; justify-content: center; position: fixed; border:0; align-items: center; width:48px; display: none; transition:background 0.174s, transform 0.136s; height:45px;}
.c-screen-line:hover {background: var(--acc-d); transform: translateY(-2px);}
.c-screen-line.c-tag-wrap {display: inline-flex;}

/* ---------- cookie ---------- */
.dialogIcon {background: var(--card);}

/* ---------- cookie ---------- */
.dialogIcon {left:0; position: fixed; bottom:0; right:0; z-index: 1100; border-top: 1px solid var(--edge); box-shadow:0 -8px 27px rgba(4, 17, 46, 0.11); padding:0.94rem 0;}
.c-chip-link {width:100%; padding:0 1.21rem; justify-content: space-between; margin-inline:auto; align-items: center; display: flex; max-width: var(--max); gap:1.58rem;}
.dialogIcon p {color: var(--text); font-size:0.74rem; margin:0;}
.dialogIcon .c-drawer-subtitle {mix-blend-mode:normal; min-height:2.48rem; flex-shrink: 0; padding:0.47rem 1.41rem;}

/* ---------- auth layers (CSS :target modal) ---------- */
.form-icon-fluid {inset:0; position: fixed; display: none; z-index: 1300;}.form-icon-fluid:target{place-items: center; padding-top:1.25rem;padding-right:1.25rem;padding-bottom:1.25rem;padding-left:1.25rem; display: grid;}
.summary-rating {background:rgba(27, 18, 22, 0.63); position: absolute; backdrop-filter:blur(2px); inset:0;}
.section-alt {padding:1.77rem 1.73rem 1.55rem; animation:pop 0.162s ease-out; width: min(94vw, 25rem); background: var(--card); z-index: 1; border: 1px solid var(--edge); position: relative; border-radius: var(--rad); box-shadow: var(--sh-l);}
@keyframes pop { from {transform: translateY(8px) scale(0.99); opacity:0;} to {transform: none; opacity:1;} }
.entry-toggle-narrow {text-decoration:none;}
.entry-toggle-narrow {right:0.82rem; top:0.62rem; position: absolute; line-height:1; color: var(--dim); font-size:1.55rem;}.entry-toggle-narrow:hover{color: var(--ink);}html .form-icon-fluid .font-3{gap:0.86rem;}html .form-icon-fluid .font-3{display: flex; flex-direction: column;}
.view__thumb--sparse {font-size:0.88rem; text-align: center; color: var(--dim); margin-top:0.25rem;}.step-odd{gap:0em; background: var(--card); top:100%; display: none; right:0; box-shadow: var(--sh); print-color-adjust:economy; border-bottom: 1px solid var(--edge); align-items: stretch; padding:0.45rem 0; flex-direction: column; left:0; position: absolute;}

/* ---------- responsive ---------- */
@media (max-width: 860px) {body .pagination-right{display: flex;}.c-block-prefix{flex-direction: column; gap:0; padding:0 1.33rem;}*.step-odd.open{display: flex;}body .c-post-count{gap:0.74rem; padding:0.92rem 1.33rem 0.39rem;}
  .c-block-prefix a {padding:0.85rem 0; border-bottom: 1px solid var(--edge-2);}

  .icon-tooltip {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 680px) {
  html {font-size:100%;}
  .data-section {grid-template-columns: 1fr;}
  .tracking-sm {padding:1.83rem 1.36rem 1.08rem;}.step-content{padding:1.32rem 1.46rem 0.36rem; backface-visibility:visible;}html .c-sort-placeholder{padding:0 1.48rem;}
  .c-profile {padding:1.33rem 1.42rem 1.97rem;}
  .entry-horizontal, .c-view-extra {padding:1.65rem 1.45rem 1.76rem; contain:none; orphans:2;}
  .icon-tooltip {grid-template-columns: 1fr;}
  .outer-modal {flex-direction: column; gap:1.19rem; align-items: flex-start;}.c-chip-link:not(._3f2a50){flex-direction: column; gap:0.75rem; will-change:auto; text-align: center;}
  .c-screen-line {right:0.96rem; bottom:0.97rem;}
}

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

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

@media print {*.view-slot-dark, .c-profile, body .entry-horizontal, *.pl-3, *.c-view-extra, .data-section, html .post-empty, .c-screen-line, body .dialogIcon, .form-icon-fluid, html .search-light{display: none !important;}body{page-break-inside:auto; background:#app-rating; print-color-adjust:economy;}
  .c-module-title {box-shadow:none; max-width:none; border:none;}
}