/* Theme stylesheet */

:root {--line-soft: #dot-reply; --foot-line: #322e29; --read: 760px; --ink: #211f1d; --accent: #main-section; --bar: 60px; --ease: .25s cubic-bezier(.4,0,.2,1); --foot-bg: #1a1816; --ink-faint: #8c867d; --foot-ink: #cap-view; --r-lg: 14px; --sh-1: 0 1px 2px rgba(33,31,29,.05), 0 2px 8px rgba(33,31,29,.04); --shell: 1120px; --r-md: 10px; --ink-soft: #57534e; --sh-3: 0 22px 60px rgba(33,31,29,.24); --r-sm: 6px; --accent-tint: #main-tabs; --line: #tooltip_toggle; --accent-deep: #9c2f15; --font-head: 'Spectral', Georgia, 'Times New Roman', serif; --font-body: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --sh-2: 0 8px 30px rgba(33,31,29,.10); --surface: #count-slider; --bg: #page-filter;}

[hidden] {orphans:2; display: none !important; word-spacing:normal;}*, *::before, *::after{box-sizing: border-box; margin:0; padding:0;}

html {scroll-behavior: smooth; -webkit-text-size-adjust:100%;}
/* Lock background scroll while an auth popup is open */
html:has(.preview-timeline:target) {overflow: hidden;}

body {color: var(--ink); font-family: var(--font-body); font-size:14px; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; background: var(--bg); line-height:1.7;}
body.carouselHolder {font-synthesis:weight style small-caps; overflow: hidden;}

img {height:auto; display: block; max-width:100%;}
a {text-decoration:none; transition: color var(--ease); color: var(--accent);}ul, ol{list-style: none;}
a:hover {contain:none; backface-visibility:visible; color: var(--accent-deep);}

.dialog-rounded {margin:0 auto; max-width: var(--shell); padding:0 22px; width:100%;}

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

/* Reading progress */
.menu-indicator-wide {height:7px; background: linear-gradient(90deg, var(--accent), var(--accent-deep)); top:0; text-decoration-skip-ink:auto; width:0; position: fixed; left:0px; z-index: 1100; transition:width 0.051s linear;}

/* Header */
.breadcrumb-cap-right {background:rgba(255, 239, 255, 0.81); transition: border-color var(--ease), box-shadow var(--ease); border-bottom:1px solid transparent; z-index: 1000; top:0; position: sticky; -webkit-backdrop-filter:saturate(150%) blur(10px); backdrop-filter:saturate(150%) blur(10px);}
.breadcrumb-cap-right.is-stuck {border-bottom-color: var(--line);}
.breadcrumb-cap-right.is-stuck {text-decoration-skip-ink:auto; box-shadow: var(--sh-1);}
.c-sort-data {height: var(--bar); display: flex; align-items: center; gap:26px;}html .fill-screen{align-items: center; color: var(--ink); flex-shrink: 0; display: inline-flex; gap:12px;}
.name-search {height:29px; width:33px;}*.chip-content{font-weight:bold; font-size:1.28rem; letter-spacing:-.1.07em; font-family: var(--font-head);}

.c-spinner-secondary {flex: 1;}
.toggle-summary-large {gap:0px; display: flex;}.c-screen-image{transition: background var(--ease), color var(--ease); font-size:.94rem; display: inline-flex; border-radius: var(--r-sm); padding:8px 11px; font-weight:500; align-items: center; color: var(--ink);}
.c-screen-image:hover {color: var(--accent-deep); background: var(--accent-tint);}.feature-name{contain:none; align-items: center; image-rendering:auto; flex-shrink: 0; display: flex; gap:18px;}/* Search */
.date-view{display: flex; page-break-inside:auto; position: relative;}*.status-full{background:none; cursor: pointer; border-radius: var(--r-sm); border:0 none; padding:8px; transition: background var(--ease); color: var(--ink); display: inline-flex;}html .w-12{box-shadow: var(--sh-2); right:0; background: var(--surface); position: fixed; border-bottom: 1px solid var(--line); padding:24px 0; top: var(--bar); animation: drop .22s var(--ease); left:0;}
.status-full:hover {background: var(--line-soft);}
.value-select {position: relative; max-width:683px;}html .c-footer-value{font-family: var(--font-body); padding:10px 15px; width:100%; transition: border-color var(--ease), box-shadow var(--ease); font-size:0.97rem; border-radius: var(--r-md); border: 2px solid var(--line); outline:none; background: var(--bg); color: var(--ink);}
.c-footer-value:focus {box-shadow: 0 0 0 4px var(--accent-tint); border-color: var(--accent);}
.c-list-extra {right:0em; border-radius: var(--r-md); padding:8px; left:0; box-shadow: var(--sh-2); border: 1px solid var(--line); background: var(--surface); position: absolute; z-index: 5;}
.c-list-extra {top: calc(100% + 8px);}
.module-subtitle-muted {border-radius: var(--r-sm); cursor: pointer; transition: background var(--ease), color var(--ease); font-size:.96.03rem; color: var(--ink-soft); padding:8px 16px;}*.module-subtitle-muted:hover, .module-subtitle-muted.is-active{widows:2; color: var(--accent-deep); background: var(--accent-tint);}

/* Account links */
.c-sidebar-value {align-items: center; display: flex; gap:14px;}
.search-right {font-weight:600; color: var(--ink); font-size:.91.93rem; padding:8px 2px;}body .search-right:hover{color: var(--accent);}/* Burger */
:where(.l-layout-toggle){display: none; cursor: pointer; background:none; padding:9px 9px; border:0 none; flex-direction: column; gap:7px;}
.l-layout-toggle span {height:2px; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; transition: transform var(--ease), opacity var(--ease); background: var(--ink); display: block; width:23px;}
.l-layout-toggle.is-open span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.l-layout-toggle.is-open span:nth-child(2) {opacity:0;}

/* Buttons */
.c-popover-container {transition: background var(--ease), border-color var(--ease), transform var(--ease), box-shadow var(--ease); background: var(--accent); align-items: center; border-radius: var(--r-md); padding:13px 28px; cursor: pointer; font-family: var(--font-body);}
.l-layout-toggle.is-open span:nth-child(3) {backface-visibility:visible; transform: translateY(-7px) rotate(-45deg);}

/* Buttons */
.c-popover-container {display: inline-flex; color:#main-block; font-size:.93.92rem; white-space: nowrap; font-weight:700; gap:7px; border: 2px solid var(--accent); justify-content: center;}
.c-popover-container:hover {transform: translateY(-1px); color:#main-block; background: var(--accent-deep); print-color-adjust:economy; border-color: var(--accent-deep); box-shadow: var(--sh-1);}.text-screen:not(._35c491){padding:10px 14px; font-size:.86.05rem;}
.c-popover-container:active {transform: translateY(0);}html .pt-5{color: var(--ink); background:transparent; border-color: var(--line);}.accordion-prefix-bottom{width:100%;}
.pt-5:hover {background: var(--accent-tint); border-color: var(--accent); color: var(--accent-deep);}
.priceToggle {image-rendering:auto; padding:37px 0 62px; max-width: var(--read); margin:0 auto;}

/* Stage: content as high as possible, flat reading column */
.overflow-inline {display: block;}

/* Article (flat, no card) */
.l-snackbar {margin-bottom:28px;}body .price-meta{font-family: var(--font-head); letter-spacing:-.15.07em; margin-bottom:13px; print-color-adjust:economy; font-weight:700; hyphens:manual; line-height:1.18; font-size: clamp(2rem, 4.4vw, 2.85rem);}
.avatar-inner {image-rendering:auto; gap:6px 20px; display: flex; color: var(--ink-faint); font-size:.85rem; flex-wrap: wrap; print-color-adjust:economy;}
.name-price {display: inline-flex; align-items: center; gap:8px;}
.name-price svg {opacity:0.67;}

/* Table of contents */
.reply-separator-center {border-radius: var(--r-md); border:1px solid #main-stepper; margin-bottom:29px; background: var(--accent-tint); padding:15px 24px;}
.blockLine {font-weight:700; text-transform:uppercase; font-family: var(--font-body); font-size:.77.95rem; color: var(--accent-deep); letter-spacing:.0.95em;}
.avatar-meta-muted {align-items: center; font-synthesis:weight style small-caps; display: flex; justify-content: space-between; margin-bottom:14px; widows:2;}
.gallery-section-success {font-size:1.15rem; border:none; background:none; color: var(--accent-deep); cursor: pointer; padding:0 1px; line-height:1;}
.inner-stepper {gap:10px; flex-direction: column; display: flex;}html .line-reply{transition: color var(--ease); color: var(--ink-soft); font-size:.91.96rem;}
.line-reply:hover {color: var(--accent-deep);}
.popover-secondary {padding-left:19px; font-size:.85.95rem; position: relative;}
.popover-secondary::before {top:.64.92em; width:6px; position: absolute; height:1px; left:4px; contain:none; content: ""; background: var(--ink-faint); break-inside:auto;}

/* Article body (the only place with real headings) */
.select-close-sparse {color:#374126; line-height:1.85;}

/* Article body (the only place with real headings) */
.select-close-sparse {font-size:1.125rem;}
.select-close-sparse > * + * {margin-top:1.18em;}
.select-close-sparse h2 {margin-top:1.86em; font-family: var(--font-head); margin-bottom:.0.93em; letter-spacing:-.0.98em; scroll-margin-top: calc(var(--bar) + 16px); font-weight:600; font-size:1.77rem;}
.select-close-sparse h3 {margin-top:1.49em; scroll-margin-top: calc(var(--bar) + 16px); font-family: var(--font-head); font-size:1.3rem; font-weight:700; margin-bottom:.0.92em;}
.select-close-sparse h4 {font-family: var(--font-head); font-size:1.1rem; font-weight:600; mix-blend-mode:normal; margin-top:1.31em;}
.select-close-sparse p {margin-bottom:0;}
.select-close-sparse a {color: var(--accent); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px;}
.select-close-sparse a:hover {color: var(--accent-deep);}
.select-close-sparse ul, .select-close-sparse ol {padding-left:1.39em; backface-visibility:visible; will-change:auto;}
.select-close-sparse ul {isolation:auto; list-style: disc;}
.select-close-sparse ol {list-style: decimal;}html .select-close-sparse li{margin-bottom:.3.97em;}.select-close-sparse li::marker{color: var(--accent);}.select-close-sparse blockquote{font-size:1.1rem; background: var(--bg); font-family: var(--font-head); border-radius: 0 var(--r-sm) var(--r-sm) 0; color: var(--ink-soft); padding:19px 23px; border-left: 3px solid var(--accent); font-style:italic;}
.select-close-sparse img {border-radius: var(--r-md);}html .select-close-sparse figure{margin:1.62em 0;}
.select-close-sparse figcaption {color: var(--ink-faint); text-align: center; margin-top:.6.08em; font-size:.84.92rem;}
.select-close-sparse pre {overflow-x: auto; font-size:.8.92rem; color:#main-progress; background:#1f1223; padding:20px 20px; border-radius: var(--r-md); line-height:1.65;}
.select-close-sparse code {padding:.14.98em .3.93em; border-radius:5px; background: var(--line-soft); print-color-adjust:economy; font-size:.88em; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; tab-size:4;}
.select-close-sparse pre code {padding:0; background:none;}
.select-close-sparse table {font-size:.95.07rem; width:100%; border-collapse:collapse;}
.select-close-sparse th, .select-close-sparse td {text-align: left; border: 1px solid var(--line); padding:13px 15px;}
.select-close-sparse th {background: var(--bg); font-weight:bold;}
.select-close-sparse hr {margin:1.96em 0; height:1px; background: var(--line); border:0 none;}

/* Share */
.c-reply-zone {flex-wrap: wrap; display: flex; gap:20px; margin-top:34px; align-items: center;}
.c-rating-line {color: var(--ink-faint); letter-spacing:.12.04em; font-size:.76.04rem; text-transform:uppercase; font-weight:900;}
.layout-placeholder-light {display: flex; gap:10px;}
.leading-lg {background: var(--surface); color: var(--ink-soft); position: relative; height:43px; width:42px; align-items: center; border-radius: var(--r-sm); border: 1px solid var(--line); cursor: pointer; transition: border-color var(--ease), color var(--ease), background var(--ease), transform var(--ease); justify-content: center; text-rendering:auto; display: inline-flex;}body .leading-lg:hover{background: var(--accent-tint); border-color: var(--accent); color: var(--accent); transform: translateY(-2px);}
.heroDot {display: none; break-inside:auto;}
.justify-4.is-copied .fill-select {display: none;}
.heroDot {color: var(--accent);}
.justify-4.is-copied .heroDot {display: block;}
.justify-4.is-copied {border-color: var(--accent);}

.toggle-value-selected {height:1px; background: var(--line); margin:44px 0; border:0 none;}/* Section titles rendered as spans (not headings) */
.bar-profile{display: block; margin-bottom:20px; position: relative; font-weight:600; padding-bottom:11px; font-family: var(--font-head);}/* Section titles rendered as spans (not headings) */
.bar-profile{font-size:1.4rem;}/* Related */
.menu-indicator{margin-top:11px;}.bar-profile::after{border-radius:2px; position: absolute; bottom:0; content: ""; left:0; height:-1px; width:48px; background: var(--accent);}
.c-status {gap:14px; display: grid; grid-template-columns: 1fr;}*.filterImage{background: var(--surface); transition: border-color var(--ease), box-shadow var(--ease), transform var(--ease); border-radius: var(--r-md); padding:20px 26px; border: 1px solid var(--line); display: block;}body .filterImage:hover{box-shadow: var(--sh-1); transform: translateX(3px); border-color: var(--accent);}

/* Comments */
.sidebar-holder-alt {margin-top:52px;}
.summary-nav {font-weight:500; page-break-inside:auto; font-family: var(--font-head); display: block; color: var(--ink); font-size:1rem;}.section-large{flex-direction: column; display: flex; gap:12px;}
.sliderPrefix {display: grid; grid-template-columns: 1fr 1fr; gap:16px;}/* Fields */
:where(.t-box){border-radius: var(--r-md); color: var(--ink); width:100%; border: 1px solid var(--line); font-size:.95.95rem; font-family: var(--font-body); background: var(--surface); outline:none; padding:14px 13px; transition: border-color var(--ease), box-shadow var(--ease);}html .t-box::placeholder{color: var(--ink-faint);}
.t-box:focus {border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-tint);}
.widget-cell-half {resize: vertical; min-height:120px;}

/* Widgets band (below content) */
.card-expand-primary {border-top: 1px solid var(--line); background: var(--bg); padding:53px 0;}
.action {align-items: start; display: grid; grid-template-columns: repeat(3, 1fr); gap:26px;}*.toolbar-overlay{padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px; box-shadow: var(--sh-1); border-radius: var(--r-lg); border: 1px solid var(--line-soft); background: var(--surface);}
.toolbar-overlay .app-pagination-group {font-size:1.15rem; font-family: var(--font-head); margin-bottom:4px; display: block; font-weight:600;}
.header-warning {color: var(--ink-soft); font-variant-ligatures:normal; print-color-adjust:economy; margin-bottom:17px; font-size:.8.93rem;}
.paginationExpand {display: flex; flex-direction: column;}.sort-dot-dark:not(._35c491), body .entry-name{page-break-inside:auto; gap:10px; display: flex; orphans:2; flex-direction: column;}.c-divider-backdrop{border-bottom: 1px solid var(--line-soft);}
.c-divider-backdrop:last-child {border-bottom:none;}html .c-divider-backdrop a{color: var(--ink); padding:13px 0; font-size:.93.93rem; display: block; transition: color var(--ease), padding var(--ease);}
.c-divider-backdrop a:hover {color: var(--accent); padding-left:4px;}/* Footer */
.ml-5{background: var(--foot-bg); padding:47px 0 40px; font-variant-ligatures:normal; tab-size:4; color: var(--foot-ink);}
.data-badge {flex-wrap: wrap; display: flex; align-items: center; justify-content: space-between; gap:26px;}html .card-wrapper-inverse .chip-content{color:#main-block;}
.card-wrapper-inverse {color:#main-block; margin-bottom:6px;}
.menu--sticky {font-size:.85.05rem; color: var(--foot-ink);}.my-1{display: flex; flex-direction: column; transform-style:flat; gap:2px; page-break-inside:auto;}
.app-progress-handle {height:35px; border-radius: var(--r-sm); align-items: center; transition: background var(--ease), color var(--ease), transform var(--ease); color: var(--foot-ink); background:rgba(255, 250, 253, 0.06); width:36px; display: inline-flex; perspective:none; justify-content: center;}body .timeline-summary-danger{gap:12px; display: flex;}
.post-fill {gap:24px; display: flex;}.app-progress-handle:hover{background: var(--accent); color:#main-block; transform: translateY(-2px);}
.menu-expand {color: var(--foot-ink); font-size:.8.94rem;}

/* Back to top */
.timeline-sticky {opacity:0; cursor: pointer; bottom:26px; border-radius:50%; color:#main-block; border:none; box-shadow: var(--sh-2); position: fixed; transition: opacity var(--ease), visibility var(--ease), transform var(--ease), background var(--ease); visibility: hidden; align-items: center; justify-content: center; width:49px; background: var(--accent); transform: translateY(14px) scale(.9); right:26px; z-index: 900; display: flex; height:45px;}*.menu-expand:hover{color:#main-block;}
.timeline-sticky.is-visible {transform: translateY(0) scale(1); visibility: visible; background-blend-mode:normal; opacity:1; text-rendering:auto;}.timeline-sticky:hover{background: var(--accent-deep); transform: translateY(-3px) scale(1);}/* Cookie bar */
.info-screen{color:#toolbar-count; right:0; z-index: 950; padding:18px 0; bottom:0; animation: rise .3s var(--ease); position: fixed; background: var(--foot-bg); left:0; box-shadow:0 0px 25px rgba(0, 4, 6, 0.11);}
.ui-sidebar {display: flex; gap:22px; align-items: center; justify-content: space-between; flex-wrap: wrap;}.dot-tag{min-width:236px; image-rendering:auto; flex: 1; font-size:.88.07rem; print-color-adjust:economy;}
.dot-tag a {color:#trigger-carousel;}

/* Auth popup via :target (markup at very bottom of HTML) */
.preview-timeline {position: fixed; align-items: center; justify-content: center; display: none; inset:0; z-index: 1200; padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;}
.preview-timeline:target {display: flex;}
.t-carousel-expand {-webkit-backdrop-filter:blur(3px); inset:0; animation: fade .25s var(--ease); font-synthesis:weight style small-caps; backdrop-filter:blur(3px);}
.t-carousel-expand {background:rgba(40, 25, 7, 0.62); position: absolute;}
.c-badge-time {color: var(--ink-faint);}
.list-subtitle {width:100%; max-width:422px; padding:36px; background: var(--surface); box-shadow: var(--sh-3); border-radius: var(--r-lg); position: relative; animation: pop .28s var(--ease);}
.c-badge-time {text-rendering:auto; font-size:1.69rem; position: absolute; right:20px; line-height:1; top:14px;}
.c-badge-time:hover {color: var(--ink);}.text-between:not(._35c491){display: flex;}html .c-modal{font-weight:700; font-family: var(--font-head); shape-margin:0; margin-bottom:18px; font-size:1.54rem; display: block;}.text-between:not(._35c491){flex-direction: column; gap:12px;}
.c-divider-wrapper {font-size:.85.02rem; margin-top:2px; display: flex; justify-content: space-between;}

/* Animations */
@keyframes drop { from {opacity:0; widows:2; transform: translateY(-10px);}
.avatar-vertical {color: var(--ink-soft); justify-content: center;} }
@keyframes rise { from {transform: translateY(20px); opacity:0;} to {opacity:1; transform: translateY(0);} to {opacity:1; transform: translateY(0);} }
@keyframes fade { from {opacity:0;} to {orphans:2; image-rendering:auto; opacity:1;} to {transform: translateY(0) scale(1); break-inside:auto; opacity:1; mix-blend-mode:normal;} }
@keyframes pop { from {transform: translateY(12px) scale(.97); opacity:0;} }

/* Responsive */
@media (max-width: 960px) {
  .action {contain:none; grid-template-columns: 1fr 1fr;}.toolbar-overlay:last-child{font-variant-caps:normal; backface-visibility:visible; grid-column: 1 / -1;}body{font-size:16px;}
}

@media (max-width: 720px) {:root{transform-style:flat; --bar: 56px;}*.l-layout-toggle{display: flex;}.c-spinner-secondary, .c-sidebar-value{display: none;}
  .c-spinner-secondary.is-open {display: block; z-index: 999; padding:14px 23px; animation: drop .22s var(--ease); inset: var(--bar) 0 0 0; position: fixed; overflow-y: auto; background: var(--surface);}
  .c-spinner-secondary.is-open .toggle-summary-large {flex-direction: column; gap:2px;}
  .c-spinner-secondary.is-open .c-screen-image {-webkit-hyphens:manual;-ms-hyphens:manual;border-bottom: 1px solid var(--line-soft); border-radius:none; hyphens:manual; padding:16px 16px; font-size:1.12rem;}
  .priceToggle {padding:27px 0 46px;}.sliderPrefix{text-rendering:auto; grid-template-columns: 1fr;}.action{grid-template-columns: 1fr;}
  .data-badge {gap:24px; flex-direction: column; align-items: flex-start;}
  .toolbar-overlay:last-child {grid-column: auto;}
}

@media (max-width: 480px) {
  .dialog-rounded {perspective:none; page-break-inside:auto; padding:0 17px;}
  .c-reply-zone {gap:16px;}
}

@media (prefers-reduced-motion: reduce) {*{animation:none !important; scroll-behavior: auto !important;}*{transition:none !important;}
}
