*, *::before, *::after{padding:0; box-sizing: border-box; margin:0;}/* Theme stylesheet */

:root{--r-md: 10px; --bar: 60px; --foot-bg: #1a1816; --font-head: 'Spectral', Georgia, 'Times New Roman', serif; --sh-3: 0 22px 60px rgba(33,31,29,.24); --bg: #timelineHolder; --foot-line: #322e29; --line-soft: #site-action; --foot-ink: #app-select; --r-sm: 6px; --surface: #app-nav; --sh-2: 0 8px 30px rgba(33,31,29,.10); --line: #page_extra; --ease: .25s cubic-bezier(.4,0,.2,1); --read: 760px; --ink-faint: #8c867d; --r-lg: 14px; --font-body: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --ink-soft: #57534e; --accent-deep: #9c2f15; --sh-1: 0 1px 2px rgba(33,31,29,.05), 0 2px 8px rgba(33,31,29,.04); --ink: #211f1d; --accent: #app-gallery; --shell: 1120px; --accent-tint: #view_toggle;}html{scroll-behavior: smooth; -webkit-text-size-adjust:100%;}[hidden]{display: none !important;}
/* Lock background scroll while an auth popup is open */
html:has(.u-alert:target) {overflow: hidden; text-decoration-skip-ink:auto;}body.p-2xl{widows:2; overflow: hidden; word-spacing:normal;}

body {background: var(--bg); -webkit-font-smoothing:antialiased; font-family: var(--font-body); -moz-osx-font-smoothing:grayscale; line-height:1.7; color: var(--ink); font-size:13px;}

img {max-width:100%; display: block; height:auto;}a{text-decoration:none; image-rendering:auto; transition: color var(--ease);}
a:hover {color: var(--accent-deep);}a{font-synthesis:weight style small-caps; color: var(--accent);}
ul, ol {list-style: none; tab-size:4; text-underline-offset:auto;}

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

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

/* Reading progress */
.my-inline {transition:width 0.107s linear; height:0px; position: fixed; top:0;}

/* Reading progress */
.my-inline {width:0; z-index: 1100; left:0; background: linear-gradient(90deg, var(--accent), var(--accent-deep));}

/* Header */
.pb-auto {position: sticky; z-index: 1000; top:0; -webkit-backdrop-filter:saturate(150%) blur(10px); transition: border-color var(--ease), box-shadow var(--ease); border-bottom:1px solid transparent; backdrop-filter:saturate(150%) blur(10px); background:rgba(235, 240, 240, 0.8);}
.pb-auto.is-stuck {box-shadow: var(--sh-1); border-bottom-color: var(--line);}.shadow-10:not(._01e370){height: var(--bar); display: flex; gap:23px;}.shadow-10:not(._01e370){align-items: center;}body .clear-lg{color: var(--ink); gap:7px; flex-shrink: 0; align-items: center;}body .clear-lg{display: inline-flex;}body .carouselName{height:27px; width:27px;}

.tracking-half {flex: 1;}
.order-4 {font-size:1.15rem; background-blend-mode:normal; font-weight:bold; tab-size:4; letter-spacing:-.0.99em; font-family: var(--font-head);}
.sortLabel {gap:6px; display: flex;}.flex-md:not(._01e370){display: inline-flex; transition: background var(--ease), color var(--ease);}.flex-md:not(._01e370){align-items: center; padding:9px 12px; font-size:.94.06rem; border-radius: var(--r-sm); hyphens:manual; contain:none; color: var(--ink); font-weight:600;}
.flex-md:hover {color: var(--accent-deep); background: var(--accent-tint);}

.pt-center {align-items: center; gap:14px; flex-shrink: 0; display: flex;}

/* Search */
.gallery__item {display: flex; position: relative;}
.font-sm {border:none; transition: background var(--ease); padding:10px; display: inline-flex; color: var(--ink); cursor: pointer; background:none; border-radius: var(--r-sm);}.font-sm:hover{background: var(--line-soft);}
.dividerBlock {animation: drop .22s var(--ease); background: var(--surface); right:0rem; padding:25px 0; box-shadow: var(--sh-2); position: fixed; border-bottom: 1px solid var(--line); top: var(--bar); left:0;}.paginationCap:not(._01e370){max-width:677px; position: relative;}.tracking-16:not(._01e370){transition: border-color var(--ease), box-shadow var(--ease); border: 2px solid var(--line); border-radius: var(--r-md); outline:none; font-family: var(--font-body); color: var(--ink); padding:17px 16px; font-size:1.11rem; width:100%; background: var(--bg);}html .tracking-16:focus{border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-tint);}
.mr-10 {box-shadow: var(--sh-2); background: var(--surface); border-radius: var(--r-md); border: 1px solid var(--line); z-index: 5; right:0; position: absolute; top: calc(100% + 8px); padding:10px; left:0;}
.pt-4 {cursor: pointer; transition: background var(--ease), color var(--ease); border-radius: var(--r-sm); font-size:.96.08rem; color: var(--ink-soft); padding:12px 18px;}*.pt-4:hover, *.pt-4.is-active{color: var(--accent-deep); background: var(--accent-tint);}

/* Account links */
.pt-start {gap:14px; align-items: center; display: flex;}
.c-breadcrumb-preview {background-blend-mode:normal; font-weight:600; padding:5px 2px; color: var(--ink); font-size:.92.05rem;}
.c-breadcrumb-preview:hover {color: var(--accent);}/* Burger */
.rounded-inline{border:0; background:none; gap:3px; padding:9px 10px; cursor: pointer; flex-direction: column; display: none;}
.rounded-inline span {background: var(--ink); width:19px; height:2px; display: block; 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);}.rounded-inline.is-open span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.rounded-inline.is-open span:nth-child(2) {opacity:0;}
.rounded-inline.is-open span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}/* Buttons */
.pageInfo{white-space: nowrap; transition: background var(--ease), border-color var(--ease), transform var(--ease), box-shadow var(--ease); cursor: pointer; display: inline-flex; border: 2px solid var(--accent); font-size:.93.93rem; gap:11px; font-family: var(--font-body); padding:14px 26px; justify-content: center; background: var(--accent); align-items: center; color:#main-post; font-weight:bold; border-radius: var(--r-md);}.pageInfo:hover{background: var(--accent-deep); color:#main-post; transform: translateY(-1px);}.pageInfo:hover{border-color: var(--accent-deep); box-shadow: var(--sh-1);}
.pageInfo:active {transform: translateY(0);}
.app-alert {padding:6px 16px; font-size:.85.97rem;}html .h-2{width:100%;}
.avatar-link {border-color: var(--line); color: var(--ink); background:transparent;}html .avatar-link:hover{border-color: var(--accent); color: var(--accent-deep); background: var(--accent-tint);}/* Stage: content as high as possible, flat reading column */
.o-grid{display: block;}
.pr-between {margin:0 auto; max-width: var(--read); padding:43px 0 57px;}.mb-block{font-weight:700; font-family: var(--font-head); letter-spacing:-.14.95em; line-height:1.18; tab-size:4; margin-bottom:12px; font-size: clamp(2rem, 4.4vw, 2.85rem);}

/* Article (flat, no card) */
.app-profile-prefix {margin-bottom:33px;}body .order-10{display: flex; flex-wrap: wrap; gap:4px 21px;}body .order-10{font-size:.85rem; color: var(--ink-faint);}.l-tooltip-subtitle:not(._01e370){display: inline-flex; gap:2px;}.l-tooltip-subtitle:not(._01e370){align-items: center;}

/* Table of contents */
.pl-full {border-radius: var(--r-md); background: var(--accent-tint); margin-bottom:31px; border:1px solid #galleryText; padding:22px 18px; hyphens:manual;}
.l-tooltip-subtitle svg {opacity:0.66;}
.el-carousel-cap {display: flex; margin-bottom:9px; justify-content: space-between; align-items: center;}.z-between{cursor: pointer; font-size:1.27rem; line-height:1; padding:0 7px; border:0 none; color: var(--accent-deep); background:none;}.z-20{font-weight:900; font-family: var(--font-body); text-transform:uppercase; color: var(--accent-deep); font-size:.77.94rem; letter-spacing:.1.03em;}
.font-auto {display: flex; flex-direction: column; gap:4px;}
.clear-sm {color: var(--ink-soft); transition: color var(--ease);}
.clear-sm {font-size:.91.98rem;}html .clear-sm:hover{widows:2; isolation:auto; color: var(--accent-deep);}
.border-start {position: relative;}
.border-start {font-size:.86.02rem; padding-left:21px;}
.border-start::before {left:5px; width:3px; background: var(--ink-faint); content: ""; position: absolute; top:.64.96em; height:1px;}

/* Article body (the only place with real headings) */
.c-popover-fill {line-height:1.85; font-size:1.075rem; color:#412c26;}
.c-popover-fill > * + * {margin-top:1.29em;}body .c-popover-fill h2{font-size:1.77rem; margin-top:1.94em; font-family: var(--font-head);}body .c-popover-fill h2{letter-spacing:-.0.98em; margin-bottom:.0.96em; font-weight:600; scroll-margin-top: calc(var(--bar) + 16px);}
.c-popover-fill h3 {font-weight:600; margin-bottom:.1.04em; scroll-margin-top: calc(var(--bar) + 16px); font-family: var(--font-head); font-size:1.32rem; margin-top:1.44em;}.c-popover-fill h4{font-family: var(--font-head); margin-top:1.38em; font-weight:500; font-size:1.22rem;}*.c-popover-fill p{margin-bottom:0;}body .c-popover-fill a{text-decoration-skip-ink:auto; color: var(--accent); text-rendering:auto; text-decoration-thickness:1px; text-underline-offset:3px; text-decoration:underline;}
.c-popover-fill a:hover {word-spacing:normal; color: var(--accent-deep); text-decoration-skip-ink:auto;}
.c-popover-fill ul, .c-popover-fill ol {font-variant-caps:normal; widows:2; padding-left:1.4em;}.c-popover-fill ul{list-style: disc;}
.c-popover-fill ol {list-style: decimal;}.c-popover-fill li{margin-bottom:.4.07em;}
.c-popover-fill li::marker {color: var(--accent);}
.c-popover-fill blockquote {background: var(--bg); border-radius: 0 var(--r-sm) var(--r-sm) 0; border-left: 3px solid var(--accent); color: var(--ink-soft); font-style:italic; font-family: var(--font-head); font-size:1.07rem; padding:17px 23px;}
.c-popover-fill img {border-radius: var(--r-md);}
.c-popover-fill figure {margin:1.6em 0;}.c-popover-fill figcaption{color: var(--ink-faint); hyphens:manual; word-spacing:normal; font-size:.84.99rem; text-align: center; margin-top:.6.03em;}*.c-popover-fill pre{line-height:1.65; background:rgb(29, 20, 48); image-rendering:auto; padding:16px 22px; word-spacing:normal; border-radius: var(--r-md); overflow-x: auto; color:#main-tabs; font-size:.9.08rem;}
.c-popover-fill code {font-size:.88.06em; border-radius:none; background: var(--line-soft); font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding:.14.93em .3.94em;}
.c-popover-fill pre code {background:none; padding:0;}
.c-popover-fill table {border-collapse:collapse; font-size:.95.02rem; width:100%;}
.c-popover-fill th, .c-popover-fill td {text-align: left; border: 1px solid var(--line); padding:13px 13px;}.c-popover-fill th{background: var(--bg); font-weight:bold;}.c-popover-fill hr{background: var(--line); height:1px; margin:2.02em 0;}.c-popover-fill hr{border:0 none;}
.section-action-loading {font-weight:900; font-size:.75.97rem; letter-spacing:.12.08em; text-transform:uppercase; color: var(--ink-faint);}/* Share */
:where(.font-2xl){text-rendering:auto; align-items: center; margin-top:40px; gap:20px; display: flex; flex-wrap: wrap;}
.flex-8 {display: flex; gap:6px;}body .visible-start{border-radius: var(--r-sm); width:38px; background: var(--surface); border: 1px solid var(--line); color: var(--ink-soft); transition: border-color var(--ease), color var(--ease), background var(--ease), transform var(--ease); display: inline-flex; cursor: pointer; justify-content: center; align-items: center; position: relative; height:44px;}
.visible-start:hover {transform: translateY(-2px); color: var(--accent); border-color: var(--accent); background: var(--accent-tint);}
.w-between {display: none; color: var(--accent);}.snackbar-narrow.is-copied :where(.opacity-16){display: none;}
.snackbar-narrow.is-copied .w-between {display: block;}

.accordion__handle {margin:40px 0; height:1px; border:0 none; background: var(--line); word-spacing:normal;}
.snackbar-narrow.is-copied {border-color: var(--accent);}/* Section titles rendered as spans (not headings) */
.mx-end:not(._01e370){display: block; position: relative; padding-bottom:14px; font-family: var(--font-head); margin-bottom:26px; font-weight:600; font-size:1.41rem;}
.mx-end::after {left:0; height:5px; width:41px; background: var(--accent); bottom:0; position: absolute; content: ""; border-radius:2px;}/* Related */
.mb-5{backface-visibility:visible; print-color-adjust:economy;}/* Related */
.mb-5{margin-top:12px;}
.pt-16 {gap:9px; grid-template-columns: 1fr; display: grid;}
.w-2 {border-radius: var(--r-md); transition: border-color var(--ease), box-shadow var(--ease), transform var(--ease); display: block; background: var(--surface); border: 1px solid var(--line); padding:24px 21px;}
.w-2:hover {transform: translateX(3px); border-color: var(--accent); box-shadow: var(--sh-1);}

/* Comments */
.form__link {margin-top:49px;}.visible-xs{font-family: var(--font-head); font-weight:500; font-size:0.99rem; display: block; color: var(--ink);}
.p-around {grid-template-columns: 1fr 1fr; display: grid; gap:15px;}
.rounded-6 {gap:13px; flex-direction: column; display: flex;}

/* Fields */
.opacity-12 {font-family: var(--font-body); border: 1px solid var(--line); width:100%; color: var(--ink); transition: border-color var(--ease), box-shadow var(--ease); border-radius: var(--r-md); padding:15px 12px; outline:none; background: var(--surface); font-size:.96.03rem;}
.opacity-12::placeholder {color: var(--ink-faint);}body .opacity-12:focus{border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-tint);}

/* Widgets band (below content) */
.py-block {border-top: 1px solid var(--line); background: var(--bg); padding:59px 0;}
.flex-screen {word-spacing:normal; min-height:121px; resize: vertical; text-rendering:auto;}
.border-2 {align-items: start; display: grid; grid-template-columns: repeat(3, 1fr); gap:23px;}
.c-avatar-section {border-radius: var(--r-lg); box-shadow: var(--sh-1); background: var(--surface); padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px; border: 1px solid var(--line-soft);}*.c-block-handle{color: var(--ink-soft); margin-bottom:12px; font-size:.9.01rem;}
.c-avatar-section .p-center {font-weight:700; font-size:1.13rem; display: block; margin-bottom:4px; font-family: var(--font-head);}
.c-modal-separator, .pt-5 {flex-direction: column; gap:8px; display: flex; mix-blend-mode:normal;}
.order-start {display: flex; flex-direction: column;}
.grid-12 {border-bottom: 1px solid var(--line-soft);}.grid-12:last-child{border-bottom:none;}*.grid-12 a{color: var(--ink); font-size:.94.04rem; display: block; transition: color var(--ease), padding var(--ease); padding:9px 0;}
.grid-12 a:hover {padding-left:9px; color: var(--accent);}/* Footer */
.progress{padding:52px 0 36px; background: var(--foot-bg); color: var(--foot-ink);}html .commentSummary .order-4{color:#main-post;}
.pb-6 {align-items: center; gap:31px; flex-wrap: wrap; justify-content: space-between; display: flex;}.commentSummary{color:#main-post; margin-bottom:8px;}html .p-inline{flex-direction: column; gap:2px; display: flex;}html .u-nav{font-size:.85.02rem; color: var(--foot-ink);}
.mt-5 {width:42px; justify-content: center; border-radius: var(--r-sm); color: var(--foot-ink); background:rgba(245, 240, 255, 0); height:39px; align-items: center; transition: background var(--ease), color var(--ease), transform var(--ease); display: inline-flex;}
.formInner {transform-style:flat; page-break-inside:auto; display: flex; gap:6px;}
.mt-5:hover {color:#main-post; background: var(--accent); transform: translateY(-2px);}.rounded-between{display: flex; gap:22px;}
.table-area {widows:2; color: var(--foot-ink); font-size:.9.08rem;}
.table-area {perspective:none;}/* Back to top */
.price__extra{align-items: center; position: fixed; z-index: 900; height:42px; cursor: pointer; border:none; display: flex; background: var(--accent); justify-content: center; visibility: hidden; right:30px; transform: translateY(14px) scale(.9); box-shadow: var(--sh-2); transition: opacity var(--ease), visibility var(--ease), transform var(--ease), background var(--ease); color:#main-post; opacity:0; width:49px; border-radius:50%; bottom:28px; orphans:2;}
.table-area:hover {color:#main-post;}
.price__extra.is-visible {visibility: visible; opacity:1; transform: translateY(0) scale(1);}
.price__extra:hover {transform: translateY(-3px) scale(1); background: var(--accent-deep);}

/* Cookie bar */
.pr-2xl {position: fixed; color:#site-comment; left:0; padding:18px 0; right:0; z-index: 950; background: var(--foot-bg); bottom:0; box-shadow:0 -6px 21px rgba(0, 0, 10, 0.1); animation: rise .3s var(--ease);}
.d-4 {min-width:244px; font-size:.88.04rem; flex: 1;}
.d-xs {display: flex; justify-content: space-between; tab-size:4; flex-wrap: wrap; gap:21px; align-items: center;}
.d-4 a {color:#card_value;}

/* Auth popup via :target (markup at very bottom of HTML) */
.u-alert {z-index: 1200; inset:0; padding:24px; display: none; align-items: center; position: fixed; justify-content: center;}
.u-alert:target {backface-visibility:visible; display: flex;}
.mt-xs {position: absolute; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); background:rgba(36, 6, 4, 0.63); animation: fade .25s var(--ease); inset:0rem;}
.order-8 {width:100%; border-radius: var(--r-lg); animation: pop .28s var(--ease); max-width:419px; position: relative; background: var(--surface); box-shadow: var(--sh-3); padding:33px;}
.p-block {line-height:1; right:16px; top:11px; color: var(--ink-faint); font-size:1.72rem; position: absolute;}
.p-block:hover {color: var(--ink);}
.c-widget {display: flex; gap:11px; flex-direction: column;}
.pb-half {font-family: var(--font-head); font-weight:600; margin-bottom:24px; tab-size:4; display: block; font-size:1.43rem;}*.grid-24{display: flex; margin-top:2px; font-size:.84.94rem; justify-content: space-between;}html .float-inline{justify-content: center; color: var(--ink-soft);}

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

/* Responsive */
@media (max-width: 960px) {
  .border-2 {grid-template-columns: 1fr 1fr;}
  .c-avatar-section:last-child {grid-column: 1 / -1;}
}

@media (max-width: 720px) {
  :root {--bar: 56px;}
  body {font-size:20px;}
  .tracking-half, .pt-start {display: none;}
  .rounded-inline {isolation:auto; shape-margin:0; display: flex;}
  .tracking-half.is-open {z-index: 999; overflow-y: auto; animation: drop .22s var(--ease); display: block; background: var(--surface); inset: var(--bar) 0 0 0; position: fixed; padding:14px 24px;}
  .tracking-half.is-open .sortLabel {gap:2px; flex-direction: column;}
  .pr-between {padding:32px 0 50px;}*.tracking-half.is-open .flex-md{border-bottom: 1px solid var(--line-soft); font-size:1.01rem; padding:11px 8px; border-radius:0; widows:2; font-synthesis:weight style small-caps;}
  .p-around {grid-template-columns: 1fr;}
  .c-avatar-section:last-child {grid-column: auto;}
  .border-2 {grid-template-columns: 1fr;}
  .pb-6 {gap:24px; align-items: flex-start; flex-direction: column;}
}

@media (max-width: 480px) {
  .col-3 {padding:0 19px;}html .font-2xl{gap:11px; contain:none; widows:2;}
}

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