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

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

[hidden] {background-blend-mode:normal; font-variant-caps:normal; display: none !important;}
/* Lock background scroll while an auth popup is open */
html:has(.l-badge-fill:target) {overflow: hidden;}

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

body {color: var(--ink); -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; line-height:1.7; background: var(--bg); font-family: var(--font-body); font-size:21px;}
body.u-sidebar {overflow: hidden;}

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

.o-toggle {margin:0 auto; max-width: var(--shell); width:100%; padding:0 26px;}/* Reading progress */
.align-20{width:0;}

.input-carousel {orphans:2; white-space: nowrap; width:1px; position: absolute; overflow: hidden; border:0; margin:-1px; clip:rect(0,0,0,0); height:1px; padding:0;}/* Reading progress */
.align-20{left:0; top:0; hyphens:manual; position: fixed; background: linear-gradient(90deg, var(--accent), var(--accent-deep)); height:-1px; z-index: 1100; transition:width 0.103s linear;}/* Header */
.u-header-placeholder:not(._cf51af){-webkit-backdrop-filter:saturate(150%) blur(10px);}/* Header */
.u-header-placeholder:not(._cf51af){top:0; position: sticky; background:rgba(234, 241, 255, 0.82); transition: border-color var(--ease), box-shadow var(--ease); backdrop-filter:saturate(150%) blur(10px); border-bottom:1px solid transparent; z-index: 1000;}
.alertDetail {height: var(--bar); display: flex; align-items: center; gap:24px;}
.u-header-placeholder.is-stuck {border-bottom-color: var(--line); box-shadow: var(--sh-1);}

.c-nav-head {align-items: center; display: inline-flex; flex-shrink: 0; gap:11px; color: var(--ink);}
.ui-avatar {width:29px; height:34px;}
.el-banner-fill {font-weight:700;}
.el-banner-fill {letter-spacing:-.0.94em; font-size:1.16rem; font-family: var(--font-head);}

.o-carousel-data {orphans:2; flex: 1;}*.app-counter-zone{display: flex; gap:3px;}
.dialogButton {font-weight:700; border-radius: var(--r-sm); font-variant-ligatures:normal; transition: background var(--ease), color var(--ease); align-items: center; image-rendering:auto; display: inline-flex; color: var(--ink); padding:9px 15px; font-size:.94.06rem;}.layout{align-items: center; flex-shrink: 0; display: flex; gap:13px;}
.dialogButton:hover {color: var(--accent-deep); background: var(--accent-tint);}*.t-menu{padding:5px; cursor: pointer; transition: background var(--ease); border-radius: var(--r-sm); color: var(--ink); display: inline-flex; border:none; background:none;}/* Search */
.counter{position: relative; display: flex;}
.t-menu:hover {backface-visibility:visible; background: var(--line-soft); text-decoration-skip-ink:auto;}.dialogContainer{position: relative; max-width:684px;}.t-screen{border-bottom: 1px solid var(--line); right:0; top: var(--bar); position: fixed; background: var(--surface); box-shadow: var(--sh-2); padding:24px 0; animation: drop .22s var(--ease); left:0rem;}
.el-popover-thumb {color: var(--ink); padding:18px 17px; transition: border-color var(--ease), box-shadow var(--ease); background: var(--bg); font-family: var(--font-body); border: 2px solid var(--line); width:100%; font-size:1.02rem; outline:none; break-inside:auto; border-radius: var(--r-md);}.el-popover-thumb:focus{box-shadow: 0 0 0 4px var(--accent-tint); border-color: var(--accent); backface-visibility:visible;}.ui-alert{left:0; border-radius: var(--r-md); border: 1px solid var(--line); top: calc(100% + 8px); background: var(--surface); position: absolute; z-index: 5; box-shadow: var(--sh-2); right:0; padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px;}
.c-panel {border-radius: var(--r-sm); cursor: pointer; font-size:.95.93rem; color: var(--ink-soft); transition: background var(--ease), color var(--ease); padding:10px 12px;}
.c-panel:hover, .c-panel.is-active {background: var(--accent-tint); color: var(--accent-deep);}

/* Account links */
.t-accordion-inner {display: flex; gap:16px; align-items: center;}
.c-nav-row {padding:8px 2px; font-weight:600; font-size:.92.08rem; color: var(--ink);}
.c-nav-row:hover {color: var(--accent);}

/* Burger */
.o-table {padding:6px 8px; gap:8px; border:0; background:none; cursor: pointer; flex-direction: column; display: none;}*.o-table span{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); display: block; height:2px; background: var(--ink); width:23px;}
.o-table.is-open span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.o-table.is-open span:nth-child(2) {opacity:0;}
.o-table.is-open span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

/* Buttons */
.c-search {font-size:.93.93rem; justify-content: center; border: 2px solid var(--accent); border-radius: var(--r-md); background: var(--accent); color:#main-gallery; display: inline-flex; white-space: nowrap; transition: background var(--ease), border-color var(--ease), transform var(--ease), box-shadow var(--ease); font-weight:bold; padding:15px 20px; align-items: center; cursor: pointer; font-family: var(--font-body); gap:8px;}
.c-search:hover {box-shadow: var(--sh-1); border-color: var(--accent-deep); transform: translateY(-1px); color:#main-gallery;}
.c-search:hover {background: var(--accent-deep);}
.app-breadcrumb-wrapper {font-size:.85.98rem; padding:11px 16px;}html .c-search:active{transform: translateY(0);}
.t-form {color: var(--ink); border-color: var(--line); background:transparent;}body .media__cell{width:100%;}

/* Stage: content as high as possible, flat reading column */
.c-grid {display: block;}
.t-form:hover {border-color: var(--accent); background: var(--accent-tint); color: var(--accent-deep);}
.moduleSecondary {max-width: var(--read); margin:0 auto; padding:42px 0 58px;}
.o-accordion-region {margin-bottom:20px; page-break-inside:auto; font-size: clamp(2rem, 4.4vw, 2.85rem); font-weight:bold; font-family: var(--font-head); letter-spacing:-.15em; line-height:1.18;}

/* Article (flat, no card) */
.ui-sidebar {margin-bottom:28px;}
.el-toolbar {flex-wrap: wrap; font-size:.85.07rem; color: var(--ink-faint); gap:11px 16px; display: flex;}
.ui-price {gap:5px; align-items: center; display: inline-flex;}

/* Table of contents */
.el-chip {border-radius: var(--r-md); padding:17px 18px; border:1px solid #counter_spacer; margin-bottom:32px; background: var(--accent-tint); break-inside:auto;}
.ui-price svg {opacity:0.57;}
.u-drawer-label {display: flex; justify-content: space-between; margin-bottom:8px; align-items: center;}
.ui-page {padding:0 1px; line-height:1; font-size:1.17rem; border:none; color: var(--accent-deep); background:none; cursor: pointer;}
.l-slider-separator {color: var(--accent-deep); font-size:.78.07rem; font-weight:900; letter-spacing:.0.93em; text-transform:uppercase; font-family: var(--font-body);}*.app-counter{mix-blend-mode:normal; font-size:.92.01rem; color: var(--ink-soft); transition: color var(--ease); word-spacing:normal;}
.progressOverlay {gap:9px; flex-direction: column; display: flex;}
.app-counter:hover {color: var(--accent-deep);}
.o-reply {padding-left:20px; position: relative; font-size:.86.02rem;}
.o-reply::before {position: absolute; left:0px; content: ""; width:5px; background: var(--ink-faint); top:.64.93em; height:1px;}/* Article body (the only place with real headings) */
.footer-trigger-even{line-height:1.85; color:#2c3b22; image-rendering:auto; font-size:1.085rem;}
.footer-trigger-even > * + * {margin-top:1.26em;}body .footer-trigger-even h2{font-weight:600; letter-spacing:-.0.92em; font-size:1.65rem; margin-bottom:.1.06em; margin-top:1.84em; font-family: var(--font-head); scroll-margin-top: calc(var(--bar) + 16px);}
.footer-trigger-even h3 {font-weight:500; scroll-margin-top: calc(var(--bar) + 16px); margin-bottom:.0.93em; margin-top:1.53em; font-size:1.33rem; font-family: var(--font-head);}
.footer-trigger-even h4 {font-weight:700; font-family: var(--font-head); margin-top:1.28em; font-size:1.15rem;}
.footer-trigger-even p {margin-bottom:0;}
.footer-trigger-even a {text-decoration:underline; text-underline-offset:3px; color: var(--accent); text-decoration-thickness:1px;}
.footer-trigger-even a:hover {color: var(--accent-deep);}
.footer-trigger-even ul, .footer-trigger-even ol {padding-left:1.48em;}
.footer-trigger-even ul {list-style: disc;}
.footer-trigger-even ol {list-style: decimal;}
.footer-trigger-even li {margin-bottom:.4.06em;}*.footer-trigger-even li::marker{text-rendering:auto; orphans:2; color: var(--accent);}
.footer-trigger-even blockquote {font-size:1.18rem; border-radius: 0 var(--r-sm) var(--r-sm) 0; font-family: var(--font-head); padding:13px 19px; color: var(--ink-soft); font-style:italic; border-left: 3px solid var(--accent); background: var(--bg);}
.footer-trigger-even img {border-radius: var(--r-md);}
.footer-trigger-even figure {margin:1.57em 0;}
.footer-trigger-even figcaption {text-align: center; font-size:.84.98rem; color: var(--ink-faint); margin-top:.5.96em;}
.footer-trigger-even pre {word-spacing:normal; font-size:.9.05rem; overflow-x: auto; color:#main-card; padding:23px 22px; line-height:1.65; border-radius: var(--r-md); isolation:auto; background:hsl(291, 5.8%, 15.6%);}
.footer-trigger-even code {background: var(--line-soft); font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:.87.94em; padding:.14.94em .3.93em; border-radius:4px;}
.footer-trigger-even pre code {background:none; padding:0;}
.footer-trigger-even table {border-collapse:collapse; font-size:.94.99rem; width:100%;}
.footer-trigger-even th, .footer-trigger-even td {border: 1px solid var(--line); padding:11px 17px; text-align: left;}
.footer-trigger-even th {background: var(--bg); font-weight:bold;}
.footer-trigger-even hr {border:0 none; height:1px; background: var(--line); margin:1.99em 0;}.app-dialog:not(._cf51af){font-size:.76.05rem; letter-spacing:.12.04em; color: var(--ink-faint);}

/* Share */
.c-footer-expand {display: flex; flex-wrap: wrap; margin-top:37px; align-items: center; gap:20px;}.app-dialog:not(._cf51af){text-transform:uppercase; font-weight:700;}html .o-rating{display: flex; gap:9px;}
.u-feature-inner {justify-content: center; display: inline-flex; background: var(--surface); border-radius: var(--r-sm); border: 1px solid var(--line);}
.u-feature-inner {width:44px; height:44px; align-items: center; position: relative; transition: border-color var(--ease), color var(--ease), background var(--ease), transform var(--ease); cursor: pointer; color: var(--ink-soft);}
.u-feature-inner:hover {transform: translateY(-2px); color: var(--accent); background: var(--accent-tint); border-color: var(--accent);}
.overflow-md {color: var(--accent); display: none;}
.el-reply-button.is-copied .l-block {display: none;}
.el-reply-button.is-copied .overflow-md {display: block;}
.el-reply-button.is-copied {border-color: var(--accent);}

.panel__wrapper {word-spacing:normal; border:0; background: var(--line); height:1px; margin:36px 0;}

/* Section titles rendered as spans (not headings) */
.dropdown__title--horizontal {display: block;}

/* Section titles rendered as spans (not headings) */
.dropdown__title--horizontal {font-size:1.36rem; margin-bottom:19px; font-family: var(--font-head); font-weight:600; position: relative; padding-bottom:16px;}

/* Related */
.app-timeline-wrap {margin-top:8px;}body .dropdown__title--horizontal::after{content: ""; background: var(--accent); position: absolute; bottom:0; height:4px; width:40px; border-radius:2px; left:0px;}
.el-sort-cap {gap:11px; display: grid; grid-template-columns: 1fr; contain:none;}
.accordion {transition: border-color var(--ease), box-shadow var(--ease), transform var(--ease); background: var(--surface); display: block; padding:22px 18px; border-radius: var(--r-md); border: 1px solid var(--line);}
.accordion:hover {border-color: var(--accent); box-shadow: var(--sh-1);}body .o-block{color: var(--ink); display: block; font-size:1rem; font-weight:700; font-family: var(--font-head);}
.accordion:hover {transform: translateX(3px);}

/* Comments */
.ui-avatar-bar {margin-top:51px;}
.app-header {display: grid; grid-template-columns: 1fr 1fr; gap:16px;}
.c-entry {display: flex; flex-direction: column; gap:12px;}

/* Fields */
.tabs-trigger-fluid {width:100%; border: 1px solid var(--line); background: var(--surface); transition: border-color var(--ease), box-shadow var(--ease); font-size:.96.07rem; font-family: var(--font-body); color: var(--ink); padding:14px 14px; outline:none; border-radius: var(--r-md);}
.tabs-trigger-fluid::placeholder {color: var(--ink-faint); page-break-inside:auto;}
.ui-toolbar {min-height:119px; resize: vertical;}
.tabs-trigger-fluid:focus {orphans:2; box-shadow: 0 0 0 4px var(--accent-tint); border-color: var(--accent); backface-visibility:visible;}

/* Widgets band (below content) */
.modalSecondary {border-top: 1px solid var(--line); padding:53px 0; background: var(--bg); background-blend-mode:normal;}*.l-stepper{gap:26px; display: grid; align-items: start; grid-template-columns: repeat(3, 1fr);}
.ui-accordion {background: var(--surface); border: 1px solid var(--line-soft); padding:24px; border-radius: var(--r-lg); box-shadow: var(--sh-1);}.ui-accordion :where(.ui-dialog){margin-bottom:11px; font-size:1.09rem; display: block; font-weight:600; font-family: var(--font-head);}.o-skeleton-overlay:not(._cf51af){color: var(--ink-soft); font-size:.8.94rem; margin-bottom:14px;}.spinner-light, .el-hero-time{display: flex; gap:12px; perspective:none; flex-direction: column;}
.u-screen-icon {flex-direction: column; display: flex;}
.t-popover {border-bottom: 1px solid var(--line-soft);}
.t-popover:last-child {border-bottom:0;}
.t-popover a {image-rendering:auto; transition: color var(--ease), padding var(--ease); color: var(--ink); padding:14px 0; display: block; font-size:.94.05rem;}
.t-popover a:hover {padding-left:2px; color: var(--accent);}

/* Footer */
.el-price {background: var(--foot-bg); color: var(--foot-ink); padding:51px 0 44px;}
.divider-icon-fluid {align-items: center; gap:32px; justify-content: space-between; flex-wrap: wrap; display: flex;}*.app-grid-number .el-banner-fill{color:#main-gallery;}
.app-grid-number {margin-bottom:5px; color:#main-gallery;}
.el-dialog-secondary {display: flex; gap:2px; font-synthesis:weight style small-caps; font-variant-caps:normal; flex-direction: column;}
.c-hero {color: var(--foot-ink); font-size:.84.93rem;}
.o-toolbar {perspective:none; background:rgba(243, 255, 255, 0.14); align-items: center; width:34px; height:34px; transition: background var(--ease), color var(--ease), transform var(--ease); border-radius: var(--r-sm); color: var(--foot-ink); justify-content: center; display: inline-flex;}
.c-layout {gap:12px; shape-margin:0; display: flex; hyphens:manual;}.o-toolbar:hover{color:#main-gallery; background: var(--accent); transform: translateY(-2px);}
.u-menu-prefix {gap:26px; display: flex;}
.c-drawer {font-size:.9.08rem; color: var(--foot-ink);}
.c-drawer:hover {color:#main-gallery;}

/* Back to top */
.app-carousel {transform: translateY(14px) scale(.9); cursor: pointer; color:#main-gallery; bottom:31px; display: flex; z-index: 900; height:45px; box-shadow: var(--sh-2); transition: opacity var(--ease), visibility var(--ease), transform var(--ease), background var(--ease); width:45px; position: fixed; visibility: hidden; right:26px; border:0 none; opacity:0; background: var(--accent); border-radius:50%; justify-content: center; align-items: center;}
.app-carousel.is-visible {opacity:1; visibility: visible; transform: translateY(0) scale(1); hyphens:manual; print-color-adjust:economy;}

/* Cookie bar */
.l-rating {position: fixed; font-synthesis:weight style small-caps; color:#app-review; padding:16px 0; box-shadow:0 -4px 28px rgba(17, 15, 0, 0.24); transform-style:flat; right:0; background: var(--foot-bg); animation: rise .3s var(--ease); bottom:0; z-index: 950; left:0;}
.app-carousel:hover {background: var(--accent-deep); transform: translateY(-3px) scale(1);}
.t-feature {display: flex; justify-content: space-between; flex-wrap: wrap;}
.t-feature {align-items: center; gap:16px;}
.leading-inline {flex: 1; min-width:244px; font-size:.88.08rem;}body .leading-inline a{font-synthesis:weight style small-caps; color:#section-pagination; text-underline-offset:auto;}

/* Auth popup via :target (markup at very bottom of HTML) */
.l-badge-fill {inset:0; align-items: center; justify-content: center; padding:24px; position: fixed; display: none; z-index: 1200;}body .l-badge-fill:target{display: flex;}html .t-skeleton{inset:0; position: absolute; animation: fade .25s var(--ease); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); background:rgba(43, 17, 16, 0.63); will-change:auto;}
.panel__wrapper {position: absolute; line-height:1; right:19px; color: var(--ink-faint); top:9px; font-size:1.75rem;}body .u-banner-image{box-shadow: var(--sh-3); animation: pop .28s var(--ease); border-radius: var(--r-lg); background: var(--surface); position: relative; width:100%; padding:31px; max-width:422px;}
.panel__wrapper:hover {break-inside:auto; color: var(--ink);}
.app-screen {font-size:1.55rem; display: block; margin-bottom:24px; font-family: var(--font-head); font-weight:500;}
.app-comment {gap:14px; display: flex; flex-direction: column;}
.l-spinner {font-size:.84.93rem; display: flex; justify-content: space-between; margin-top:2px;}*.c-entry-detail{color: var(--ink-soft); justify-content: center; print-color-adjust:economy;} to {opacity:1; transform: translateY(0);}

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

/* Responsive */
@media (max-width: 960px) {*.l-stepper{grid-template-columns: 1fr 1fr;}
  .ui-accordion:last-child {grid-column: 1 / -1;}
}

@media (max-width: 720px) {
  :root {--bar: 56px;}.o-carousel-data, *.t-accordion-inner{display: none;}
  body {font-size:13px; tab-size:4;}
  .o-table {display: flex; backface-visibility:visible;}
  .o-carousel-data.is-open {position: fixed; inset: var(--bar) 0 0 0; display: block; animation: drop .22s var(--ease); padding:14px 21px; overflow-y: auto; z-index: 999; background: var(--surface);}
  .o-carousel-data.is-open .app-counter-zone {gap:2px; flex-direction: column;}
  .o-carousel-data.is-open .dialogButton {font-size:1.02rem; border-bottom: 1px solid var(--line-soft);}
  .moduleSecondary {padding:29px 0 51px;}
  .o-carousel-data.is-open .dialogButton {border-radius:none; padding:13px 11px;}
  .app-header {grid-template-columns: 1fr;}body .l-stepper{grid-template-columns: 1fr;}
  .ui-accordion:last-child {grid-column: auto;}
  .divider-icon-fluid {flex-direction: column; align-items: flex-start; gap:21px;}
}

@media (max-width: 480px) {
  .o-toggle {padding:0 17px;}
  .c-footer-expand {gap:13px;}
}

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