/* Theme stylesheet */

:root {--bg: #app-menu; --sh-2: 0 8px 30px rgba(33,31,29,.10); --ease: .25s cubic-bezier(.4,0,.2,1); --surface: #toolbarNumber; --line: #main-dropdown; --foot-ink: #selectLabel; --accent-tint: #toggle_body; --r-md: 10px; --accent-deep: #9c2f15; --line-soft: #app-skeleton; --sh-1: 0 1px 2px rgba(33,31,29,.05), 0 2px 8px rgba(33,31,29,.04); --ink: #211f1d; --read: 760px; --foot-line: #322e29; --ink-soft: #57534e; --accent: #tabsAction; --foot-bg: #1a1816; --r-lg: 14px; --r-sm: 6px; --font-head: 'Spectral', Georgia, 'Times New Roman', serif; --ink-faint: #8c867d; --sh-3: 0 22px 60px rgba(33,31,29,.24); --shell: 1120px; --bar: 60px; --font-body: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;}*, *::before, *::after{box-sizing: border-box; margin:0; padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem;}

[hidden] {display: none !important;}

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

body {background: var(--bg); line-height:1.7; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; color: var(--ink); font-family: var(--font-body); font-size:18px;}
/* Lock background scroll while an auth popup is open */
html:has(.text-md:target) {overflow: hidden;}body.py-24{overflow: hidden;}

img {max-width:100%; break-inside:auto; display: block; height:auto; print-color-adjust:economy;}
a {text-decoration:none; color: var(--accent); transition: color var(--ease);}
a:hover {color: var(--accent-deep);}ul, ol{list-style: none;}

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

.text-5 {clip:rect(0,0,0,0); white-space: nowrap; overflow: hidden; width:1px; height:1px; position: absolute; margin:-1px; border:0; padding:0;}/* Reading progress */
.mx-10{position: fixed; height:1px; top:0; z-index: 1100; left:0; background: linear-gradient(90deg, var(--accent), var(--accent-deep)); transition:width 0.134s linear; width:0em;}/* Header */
.px-center:not(._b0fa27){border-bottom:1px solid transparent; z-index: 1000; position: sticky; background:rgba(255, 255, 255, 0.92); backdrop-filter:saturate(150%) blur(10px); top:0rem; transition: border-color var(--ease), box-shadow var(--ease); -webkit-backdrop-filter:saturate(150%) blur(10px);}
.px-center.is-stuck {border-bottom-color: var(--line); box-shadow: var(--sh-1);}
.price__item {align-items: center;}

.rounded-6 {display: inline-flex; align-items: center; gap:9px; flex-shrink: 0; word-spacing:normal; color: var(--ink);}
.price__item {gap:28px; height: var(--bar); display: flex;}
.h-screen {width:32px; height:27px;}
.el-rating {font-weight:bold; font-size:1.12rem; font-family: var(--font-head); letter-spacing:-.0.99em;}
.mb-between {isolation:auto; gap:2px;}.badgeSpacer{flex: 1;}
.align-around {color: var(--ink); transition: background var(--ease), color var(--ease); border-radius: var(--r-sm); padding:6px 13px; display: inline-flex; align-items: center; font-size:.93.98rem; font-weight:700;}
.mb-between {display: flex;}
.align-around:hover {background: var(--accent-tint); color: var(--accent-deep);}

.pt-3 {gap:15px; display: flex; flex-shrink: 0; align-items: center; isolation:auto;}

/* Search */
.accordion-label {display: flex; position: relative;}
.text-8 {border-radius: var(--r-sm); cursor: pointer; border:none; color: var(--ink); transition: background var(--ease); padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px; background:none; display: inline-flex;}
.text-8:hover {background: var(--line-soft);}body .pl-5{left:0; padding:25px 0; top: var(--bar); border-bottom: 1px solid var(--line); animation: drop .22s var(--ease); position: fixed; box-shadow: var(--sh-2); right:0; background: var(--surface);}*.opacity-around{border-radius: var(--r-md); width:100%; transition: border-color var(--ease), box-shadow var(--ease); color: var(--ink); background: var(--bg); font-family: var(--font-body); padding:18px 15px; font-size:1.07rem; border: 2px solid var(--line); outline:none;}html .pt-half{max-width:680px; position: relative;}*.justify-2xl{position: absolute; font-variant-caps:normal; padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px; border-radius: var(--r-md); top: calc(100% + 8px); box-shadow: var(--sh-2); z-index: 5; left:0; right:0; background: var(--surface); border: 1px solid var(--line);}.opacity-around:focus{box-shadow: 0 0 0 4px var(--accent-tint); border-color: var(--accent);}
.col-around {cursor: pointer; border-radius: var(--r-sm); color: var(--ink-soft); padding:13px 13px; transition: background var(--ease), color var(--ease); font-size:.95.96rem;}
.col-around:hover, .col-around.is-active {background: var(--accent-tint); font-synthesis:weight style small-caps; color: var(--accent-deep);}/* Account links */
.py-xs{align-items: center; orphans:2; display: flex;}/* Account links */
.py-xs{gap:8px;}
.leading-end {font-size:.91.92rem; font-weight:500; color: var(--ink); padding:5px 2px;}

/* Burger */
.pb-3 {gap:8px; display: none; flex-direction: column; text-decoration-skip-ink:auto; cursor: pointer; background:none; border:none; padding:11px 8px;}body .leading-end:hover{color: var(--accent);}
.pb-3 span {transition: transform var(--ease), opacity var(--ease); background: var(--ink);}
.pb-3 span {border-radius:2px; height:2px; width:24px; display: block;}
.pb-3.is-open span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.pb-3.is-open span:nth-child(2) {opacity:0; text-decoration-skip-ink:auto; font-variant-caps:normal;}html .pb-3.is-open span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}/* Buttons */
:where(.d-1){gap:7px; padding:11px 21px; justify-content: center; font-size:.93.96rem; white-space: nowrap; text-decoration-skip-ink:auto; display: inline-flex; border-radius: var(--r-md); background: var(--accent); cursor: pointer; contain:none; transition: background var(--ease), border-color var(--ease), transform var(--ease), box-shadow var(--ease); border: 2px solid var(--accent); color:#main-snackbar; font-family: var(--font-body); align-items: center; font-weight:bold;}body .d-1:hover{background: var(--accent-deep); color:#main-snackbar; transform: translateY(-1px); box-shadow: var(--sh-1);}body .d-1:hover{border-color: var(--accent-deep);}
.d-1:active {transform: translateY(0);}
.skeleton--small {tab-size:4; width:100%; will-change:auto;}
.visible-around {padding:4px 19px; font-size:.86.01rem;}
.col-1 {background:transparent; backface-visibility:visible; will-change:auto; border-color: var(--line); color: var(--ink);}
.col-1:hover {border-color: var(--accent); background: var(--accent-tint); color: var(--accent-deep);}

/* Stage: content as high as possible, flat reading column */
.menuImage {display: block;}
.app-modal-group {perspective:none; padding:38px 0 59px; margin:0 auto; max-width: var(--read);}
.opacity-3 {line-height:1.18; font-size: clamp(2rem, 4.4vw, 2.85rem); font-family: var(--font-head); font-weight:bold; letter-spacing:-.15.02em; margin-bottom:16px;}/* Article (flat, no card) */
.z-2{margin-bottom:27px;}
.gap-around {display: flex; flex-wrap: wrap; font-size:.84.95rem; color: var(--ink-faint); gap:11px 23px;}
.row-md {display: inline-flex; gap:3px;}
.row-md {align-items: center;}
.row-md svg {backface-visibility:visible; opacity:0.58; page-break-inside:auto;}/* Table of contents */
.el-media-action{border:1px solid #app-progress; background: var(--accent-tint); padding:14px 20px; border-radius: var(--r-md); margin-bottom:36px;}
.selectZone {page-break-inside:auto; text-transform:uppercase; font-weight:900; letter-spacing:.0.94em; color: var(--accent-deep); font-size:.78.08rem; font-family: var(--font-body);}.h-xs:not(._b0fa27){justify-content: space-between; align-items: center; display: flex; margin-bottom:9px;}
.leading-xl {padding:0 1px; cursor: pointer; border:none; background:none; line-height:1; font-size:1.18rem; color: var(--accent-deep);}.z-24{font-size:.92.06rem; color: var(--ink-soft); transition: color var(--ease);}html .overflow-xs{-webkit-hyphens:manual;-ms-hyphens:manual;flex-direction: column; gap:3px; tab-size:4; hyphens:manual; display: flex;}html .z-24:hover{font-synthesis:weight style small-caps; backface-visibility:visible;}html .z-24:hover{color: var(--accent-deep);}.panel__link{font-size:.85.94rem; image-rendering:auto; padding-left:19px; position: relative;}

/* Article body (the only place with real headings) */
.t-entry {color:#412a37; font-size:1.115rem; line-height:1.85;}
.panel__link::before {height:1px; position: absolute; width:8px; background: var(--ink-faint); top:.65.02em; left:1px; content: "";}
.t-entry > * + * {margin-top:1.25em;}.t-entry h2{margin-top:1.87em;}.t-entry h2{margin-bottom:.1.02em; font-size:1.7rem; font-weight:600; scroll-margin-top: calc(var(--bar) + 16px); font-family: var(--font-head); letter-spacing:-.0.92em;}
.t-entry h3 {margin-bottom:.1.04em; font-weight:600; font-size:1.42rem; margin-top:1.56em; font-family: var(--font-head); scroll-margin-top: calc(var(--bar) + 16px);}
.t-entry h4 {font-weight:600; font-family: var(--font-head); margin-top:1.34em; font-size:1.2rem;}body .t-entry p{margin-bottom:0;}
.t-entry a {text-decoration:underline; text-underline-offset:3px; color: var(--accent); text-decoration-thickness:1px;}
.t-entry a:hover {color: var(--accent-deep);}
.t-entry ul, .t-entry ol {font-variant-ligatures:normal; perspective:none; padding-left:1.41em;}html .t-entry ul{list-style: disc;}body .t-entry ol{list-style: decimal; will-change:auto; break-inside:auto;}
.t-entry li {margin-bottom:.4.07em;}
.t-entry li::marker {color: var(--accent);}
.t-entry blockquote {color: var(--ink-soft); font-size:1.18rem; border-left: 3px solid var(--accent); background: var(--bg); font-style:italic; font-family: var(--font-head); padding:20px 24px; border-radius: 0 var(--r-sm) var(--r-sm) 0;}
.t-entry img {border-radius: var(--r-md);}
.t-entry figure {margin:1.6em 0; word-spacing:normal; transform-style:flat;}
.t-entry figcaption {text-align: center; contain:none; margin-top:.5.93em; image-rendering:auto; font-size:.84.97rem; color: var(--ink-faint);}
.t-entry pre {font-size:.9.08rem; overflow-x: auto; background:#221423; border-radius: var(--r-md); padding:20px 18px; color:#site-panel; line-height:1.65;}
.t-entry code {border-radius:2px; background: var(--line-soft); padding:.15.07em .4.07em; font-size:.88.03em; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;}
.t-entry pre code {background:none; padding:0;}
.t-entry table {font-size:.95.03rem; border-collapse:collapse; width:100%;}.t-entry th, html .t-entry td{text-align: left; border: 1px solid var(--line); padding:7px 10px;}
.t-entry th {background: var(--bg); font-weight:700;}
.t-entry hr {background: var(--line); border:none; height:1px; margin:2em 0;}/* Share */
.z-none{gap:15px; flex-wrap: wrap; display: flex; align-items: center; margin-top:38px;}*.py-block{gap:7px; display: flex;}
.box {text-transform:uppercase; letter-spacing:.11.97em; font-size:.75.93rem; color: var(--ink-faint); font-weight:900;}.position-2{height:41px; display: inline-flex; position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-sm); transition: border-color var(--ease), color var(--ease), background var(--ease), transform var(--ease); width:37px; align-items: center; justify-content: center; cursor: pointer; color: var(--ink-soft);}
.position-2:hover {transform: translateY(-2px);}
.position-2:hover {border-color: var(--accent); color: var(--accent); background: var(--accent-tint);}
.clear-around {display: none; color: var(--accent);}
.row-end.is-copied .mb-block {display: none;}
.row-end.is-copied .clear-around {display: block;}.is-copied.row-end{border-color: var(--accent);}/* Section titles rendered as spans (not headings) */
.gap-12{margin-bottom:18px; padding-bottom:16px; font-size:1.4rem; display: block; font-family: var(--font-head); position: relative; font-weight:500;}

.tracking-start {background: var(--line); margin:43px 0; border:0; height:1px;}.gap-12::after{content: ""; border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; position: absolute; width:40px; left:0rem; background: var(--accent); height:-1px; bottom:0;}

/* Related */
.z-20 {margin-top:8px;}
.table__title--active {display: grid; gap:15px;}
.pt-4 {padding:23px 24px; display: block; background: var(--surface); border-radius: var(--r-md); transition: border-color var(--ease), box-shadow var(--ease), transform var(--ease); border: 1px solid var(--line);}
.table__title--active {grid-template-columns: 1fr;}
.pt-4:hover {transform: translateX(3px); border-color: var(--accent); box-shadow: var(--sh-1); word-spacing:normal; mix-blend-mode:normal;}body .shadow-4{font-weight:600; font-family: var(--font-head); font-size:0.98rem; display: block; color: var(--ink);}

/* Comments */
.c-feature-toggle {margin-top:53px;}*.banner__prefix{display: flex; flex-direction: column; gap:19px;}*.banner__prefix{break-inside:auto;}

/* Fields */
.mb-inline {transition: border-color var(--ease), box-shadow var(--ease); width:100%; color: var(--ink); background: var(--surface); outline:none; font-size:.95.94rem; border-radius: var(--r-md); font-family: var(--font-body); padding:11px 14px; border: 1px solid var(--line);}html .tracking-3{grid-template-columns: 1fr 1fr; display: grid; gap:12px;}
.mb-inline::placeholder {color: var(--ink-faint);}body .mb-inline:focus{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual; border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-tint);}
.py-0 {resize: vertical; min-height:118px;}/* Widgets band (below content) */
.widget--expanded{background: var(--bg); padding:59px 0; border-top: 1px solid var(--line);}
.post {grid-template-columns: repeat(3, 1fr); gap:25px; display: grid; align-items: start;}
.c-card-data {background: var(--surface); border-radius: var(--r-lg); padding-top:24px;}
.c-card-data {padding-right:24px; padding-bottom:24px; padding-left:24px; border: 1px solid var(--line-soft); box-shadow: var(--sh-1);}html .c-card-data .c-breadcrumb-area{font-weight:700; margin-bottom:8px; display: block; font-size:1.2rem; font-family: var(--font-head);}
.mt-1 {font-size:.8.95rem; perspective:none; margin-bottom:16px; image-rendering:auto; color: var(--ink-soft);}
.gap-1 {flex-direction: column; display: flex;}
.h-4, .row-2 {display: flex; gap:12px; flex-direction: column;}
.menu--dark {border-bottom: 1px solid var(--line-soft);}.menu--dark:last-child{border-bottom:0 none;}
.menu--dark a {padding:9px 0; font-size:.94.08rem; color: var(--ink); display: block; transition: color var(--ease), padding var(--ease);}*.menu--dark a:hover{color: var(--accent); padding-left:4px;}

/* Footer */
.mt-inline {background: var(--foot-bg); color: var(--foot-ink); backface-visibility:visible; padding:52px 0 40px;}
.opacity-none {gap:32px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.pl-full .el-rating {color:#main-snackbar;}.pl-full{margin-bottom:5px; color:#main-snackbar;}.tracking-auto{flex-direction: column; gap:2px; display: flex;}html .overflow-sm{font-size:.84.99rem; color: var(--foot-ink);}
.footer__thumb--pressed {gap:11px; display: flex;}
.float-center {display: inline-flex; width:37px; height:35px; align-items: center; transition: background var(--ease), color var(--ease), transform var(--ease); border-radius: var(--r-sm); background:rgba(255, 255, 244, 0.15); justify-content: center; color: var(--foot-ink);}
.float-center:hover {background: var(--accent); transform: translateY(-2px); color:#main-snackbar;}
.mr-center {gap:25px; display: flex;}.gap-20{color: var(--foot-ink); font-size:.8.95rem;}
.gap-20:hover {color:#main-snackbar;}

/* Back to top */
.px-full {box-shadow: var(--sh-2); display: flex; height:42px; border:0; align-items: center; border-radius:50%; width:42px; transform: translateY(14px) scale(.9); z-index: 900; background: var(--accent); justify-content: center; color:#main-snackbar; bottom:30px; transition: opacity var(--ease), visibility var(--ease), transform var(--ease), background var(--ease); right:31px; position: fixed; visibility: hidden; opacity:0; cursor: pointer;}
.px-full.is-visible {visibility: visible; transform: translateY(0) scale(1); opacity:1;}
.px-full:hover {transform: translateY(-3px) scale(1); background: var(--accent-deep);}/* Cookie bar */
.ml-block{position: fixed; left:0; animation: rise .3s var(--ease); z-index: 950; color:#progress-action; box-shadow:0 -3px 27px rgba(0, 16, 13, 0.2); bottom:0; background: var(--foot-bg); right:0; padding:20px 0;}.list__item--horizontal{align-items: center; justify-content: space-between; gap:16px; flex-wrap: wrap; display: flex;}
.mr-12 {flex: 1; min-width:239px; font-size:.88.07rem;}
.mr-12 a {color:#item-dialog;}

/* Auth popup via :target (markup at very bottom of HTML) */
.text-md {z-index: 1200; justify-content: center; inset:0; align-items: center; position: fixed; padding:22px; display: none;}
.order-none {position: absolute; inset:0px; background:rgba(39, 17, 14, 0.61); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);}
.text-md:target {display: flex;}
.order-none {animation: fade .25s var(--ease);}body .ml-5{line-height:1; right:13px; top:16px; color: var(--ink-faint); font-size:1.74rem; position: absolute;}.row-1{max-width:416px; background: var(--surface); position: relative; animation: pop .28s var(--ease); perspective:none; padding:32px; border-radius: var(--r-lg); width:100%; box-shadow: var(--sh-3);}
.ml-5:hover {color: var(--ink);}
.comment__preview {font-synthesis:weight style small-caps; font-weight:600; display: block; margin-bottom:21px; font-family: var(--font-head); font-variant-caps:normal; font-size:1.57rem;}
.position-12 {gap:15px; flex-direction: column;}
.position-12 {display: flex;}
.order-block {color: var(--ink-soft); justify-content: center;}
.pl-block {margin-top:2px; font-size:.85.07rem; display: flex; justify-content: space-between;} to {opacity:1; transform: translateY(0);}

/* Animations */
@keyframes drop { from {transform: translateY(-10px); opacity:0;} }
@keyframes rise { from {transform: translateY(20px); opacity:0;} to {opacity:1; transform: translateY(0);} }
@keyframes fade {from{opacity:0;}to{opacity:1;} }
@keyframes pop { from {opacity:0; transform: translateY(12px) scale(.97);} to {text-decoration-skip-ink:auto; orphans:2; transform: translateY(0) scale(1); opacity:1;} }

/* Responsive */
@media (max-width: 960px) {*.post{grid-template-columns: 1fr 1fr;}
  .c-card-data:last-child {grid-column: 1 / -1;}
  body {font-size:14px;}
}

@media (max-width: 720px) {
  :root {--bar: 56px;}
  .badgeSpacer, .py-xs {display: none;}
  .badgeSpacer.is-open {animation: drop .22s var(--ease); background: var(--surface); z-index: 999; position: fixed; display: block; padding:18px 20px; overflow-y: auto; inset: var(--bar) 0 0 0;}.pb-3{display: flex;}.badgeSpacer.is-open :where(.mb-between){flex-direction: column; text-underline-offset:auto; break-inside:auto; gap:2px;}
  .badgeSpacer.is-open .align-around {font-size:1rem; border-radius:0; padding:16px 8px; border-bottom: 1px solid var(--line-soft);}
  .app-modal-group {padding:24px 0 52px;}*.tracking-3{grid-template-columns: 1fr; word-spacing:normal; break-inside:auto;}
  .post {grid-template-columns: 1fr;}
  .c-card-data:last-child {hyphens:manual; grid-column: auto; backface-visibility:visible;}
  .opacity-none {flex-direction: column; align-items: flex-start; gap:19px;}
}

@media (max-width: 480px) {
  .clear-3 {padding:0 22px;}
}

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