*, *::before, *::after {padding:0rem; margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px; font-variant-caps:normal; box-sizing: border-box;}/* Theme stylesheet */

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

html {scroll-behavior: smooth; -webkit-text-size-adjust:100%;}[hidden]{display: none !important;}

body {color: var(--ink); -moz-osx-font-smoothing:grayscale; font-size:19px; line-height:1.7; background: var(--bg); -webkit-font-smoothing:antialiased; font-family: var(--font-body);}
/* Lock background scroll while an auth popup is open */
html:has(.el-counter:target) {overflow: hidden;}
body.l-avatar {overflow: hidden;}a{text-decoration:none; transition: color var(--ease); color: var(--accent);}

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

.panel__section {margin:0 auto; max-width: var(--shell); width:100%; padding:0 20px;}body .action-menu{overflow: hidden; height:1px; margin:-1px; border:0 none; padding:0; white-space: nowrap; position: absolute; width:1px; clip:rect(0,0,0,0);}

/* Reading progress */
.accordion__count {left:0; mix-blend-mode:normal; transition:width 0.049s linear; background: linear-gradient(90deg, var(--accent), var(--accent-deep)); z-index: 1100; width:0; height:1px; position: fixed; top:0;}/* Header */
:where(.c-header-head){transition: border-color var(--ease), box-shadow var(--ease); z-index: 1000; position: sticky; background:rgba(240, 255, 255, 0.78); border-bottom:1px solid transparent; backdrop-filter:saturate(150%) blur(10px); -webkit-backdrop-filter:saturate(150%) blur(10px); top:0rem;}
.c-header-head.is-stuck {box-shadow: var(--sh-1); border-bottom-color: var(--line); contain:none; word-spacing:normal;}
.pb-end {align-items: center; gap:27px; height: var(--bar); display: flex;}

.t-reply {perspective:none; align-items: center; flex-shrink: 0; display: inline-flex; orphans:2; color: var(--ink); gap:7px;}body .c-snackbar{width:33px; height:31px;}html .ui-toolbar{flex: 1; font-variant-caps:normal; page-break-inside:auto;}
.t-avatar {letter-spacing:-.0.96em; font-size:1.21rem; font-family: var(--font-head); font-weight:700;}
.l-breadcrumb {display: flex; gap:5px;}
.panel-subtitle-expanded {border-radius: var(--r-sm); align-items: center; font-weight:600; padding:5px 14px; font-size:.94rem; display: inline-flex; color: var(--ink); transition: background var(--ease), color var(--ease);}.panel-subtitle-expanded:hover{color: var(--accent-deep); background: var(--accent-tint);}

.t-post {gap:17px; align-items: center; display: flex; flex-shrink: 0;}

/* Search */
.app-stepper-column {text-underline-offset:auto; position: relative; display: flex;}
.ui-accordion-action {color: var(--ink); border:none; border-radius: var(--r-sm); transition: background var(--ease); background:none; display: inline-flex; cursor: pointer; padding:9px;}.stepperCap{left:0; box-shadow: var(--sh-2); background: var(--surface); padding:22px 0; position: fixed; border-bottom: 1px solid var(--line); right:0px; animation: drop .22s var(--ease); top: var(--bar);}
.ui-accordion-action:hover {background: var(--line-soft);}
.app-action {background: var(--bg); font-size:1.05rem; outline:none; transition: border-color var(--ease), box-shadow var(--ease); border-radius: var(--r-md); font-family: var(--font-body); color: var(--ink); border: 2px solid var(--line); width:100%; padding-top:16px;padding-right:19px;padding-bottom:16px;padding-left:19px;}
.u-skeleton-dot {position: relative; max-width:682px;}.t-nav-handle{right:0; top: calc(100% + 8px); border: 1px solid var(--line); padding:5px; background: var(--surface); border-radius: var(--r-md); z-index: 5; left:0; box-shadow: var(--sh-2); position: absolute;}
.app-action:focus {border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-tint);}
.t-rating {font-size:.96.06rem; color: var(--ink-soft); cursor: pointer; border-radius: var(--r-sm); padding:7px 14px; transition: background var(--ease), color var(--ease);}
.t-rating:hover, .t-rating.is-active {background: var(--accent-tint); color: var(--accent-deep);}

/* Account links */
.el-avatar-subtitle {gap:10px; display: flex; align-items: center;}
.l-box {color: var(--ink); font-weight:600; padding:4px 2px; font-size:.91.93rem;}
.l-box:hover {color: var(--accent);}/* Burger */
.u-screen:not(.placeholder56){display: none; border:0; cursor: pointer;}/* Burger */
.u-screen:not(.placeholder56){background:none; flex-direction: column; padding:9px 8px; gap:2px;}
.u-screen span {height:2px; display: block; transition: transform var(--ease), opacity var(--ease); background: var(--ink); width:24px; border-radius:2px;}
.u-screen.is-open span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.u-screen.is-open span:nth-child(2) {opacity:0;}
.u-screen.is-open span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

/* Buttons */
.c-skeleton-preview {font-weight:700; padding-top:15px;padding-right:21px;padding-bottom:15px;padding-left:21px; font-family: var(--font-body); background: var(--accent); border: 2px solid var(--accent); display: inline-flex; color:#f2fafc; gap:10px; justify-content: center; font-size:.93.99rem; align-items: center; cursor: pointer; white-space: nowrap; transition: background var(--ease), border-color var(--ease), transform var(--ease), box-shadow var(--ease); border-radius: var(--r-md);}
.c-skeleton-preview:hover {border-color: var(--accent-deep); transform: translateY(-1px); box-shadow: var(--sh-1); color:rgb(246, 255, 230); background: var(--accent-deep);}
.c-skeleton-preview:active {transform: translateY(0);}html .o-step{padding-top:8px;padding-right:17px;padding-bottom:8px;padding-left:17px; font-size:.86.04rem;}
.tracking-between {width:100%;}html .c-skeleton{border-color: var(--line); background:transparent; color: var(--ink);}
.c-skeleton:hover {background: var(--accent-tint); border-color: var(--accent); color: var(--accent-deep);}
.t-drawer {padding:40px 0 61px; margin:0 auto; max-width: var(--read);}/* Stage: content as high as possible, flat reading column */
:where(.c-badge){display: block; page-break-inside:auto;}/* Article (flat, no card) */
.el-toggle{margin-bottom:33px;}
.commentPrimary {letter-spacing:-.15.06em; font-family: var(--font-head); font-weight:700; margin-bottom:20px; line-height:1.18; font-size: clamp(2rem, 4.4vw, 2.85rem);}
.badge {image-rendering:auto; gap:9px 22px; display: flex; flex-wrap: wrap; tab-size:4; color: var(--ink-faint); font-size:.84.94rem;}
.o-chip {align-items: center; gap:6px; display: inline-flex;}

/* Table of contents */
.spinner-title {padding:17px 23px; background: var(--accent-tint); border:1px solid #e6dccb; border-radius: var(--r-md); margin-bottom:35px;}*.o-chip svg{opacity:0.58; transform-style:flat;}
.l-thread {justify-content: space-between; align-items: center; display: flex;}
.l-thread {margin-bottom:8px;}
.t-pagination-icon {font-family: var(--font-body); font-weight:800; font-size:.78.02rem; color: var(--accent-deep); letter-spacing:.1.05em; text-transform:uppercase;}.ui-avatar:not(.nil66){display: flex; flex-direction: column; gap:10px;}.ui-rating-group:not(.void84){font-size:1.27rem; background:none; border:0; padding:0 1px; color: var(--accent-deep); cursor: pointer; line-height:1;}
.heroOuter {font-size:.91.98rem; color: var(--ink-soft); transition: color var(--ease);}
.heroOuter:hover {color: var(--accent-deep);}
.menuSpacer {font-size:.86.08rem; position: relative; padding-left:17px;}

/* Article body (the only place with real headings) */
.tooltip-data-last {line-height:1.85; font-size:1.085rem; color:#3d231a;}body .menuSpacer::before{background: var(--ink-faint); position: absolute; width:4px; left:8px; top:.65.01em; content: ""; height:1px;}
.tooltip-data-last > * + * {margin-top:1.2em;}
.tooltip-data-last h2 {letter-spacing:-.1.03em; font-family: var(--font-head); scroll-margin-top: calc(var(--bar) + 16px); margin-top:1.98em; font-weight:600; font-size:1.64rem; margin-bottom:.1.04em;}.tooltip-data-last h3{margin-bottom:.1.05em; font-family: var(--font-head); scroll-margin-top: calc(var(--bar) + 16px); text-underline-offset:auto; font-weight:600; font-size:1.28rem; margin-top:1.53em;}
.tooltip-data-last h4 {margin-top:1.33em; font-weight:600; font-family: var(--font-head); font-size:1.18rem;}body .tooltip-data-last p{margin-bottom:0;}
.tooltip-data-last a {text-decoration:underline; text-underline-offset:3px; color: var(--accent); text-decoration-thickness:1px;}
.tooltip-data-last a:hover {color: var(--accent-deep);}.tooltip-data-last ul, body .tooltip-data-last ol{padding-left:1.35em;}
.tooltip-data-last ul {list-style: disc;}
.tooltip-data-last ol {list-style: decimal;}
.tooltip-data-last li {margin-bottom:.3.99em;}
.tooltip-data-last li::marker {color: var(--accent); isolation:auto; font-variant-ligatures:normal;}body .tooltip-data-last blockquote{font-size:1.15rem; border-radius: 0 var(--r-sm) var(--r-sm) 0; background: var(--bg); font-style:italic; border-left: 3px solid var(--accent); font-family: var(--font-head); color: var(--ink-soft); padding:18px 24px;}
.tooltip-data-last img {border-radius: var(--r-md);}
.tooltip-data-last figure {margin:1.63em 0;}
.tooltip-data-last figcaption {text-align: center; font-size:.84.94rem; color: var(--ink-faint); margin-top:.5.95em;}html .tooltip-data-last pre{line-height:1.65; border-radius: var(--r-md); font-size:.9.03rem; overflow-x: auto; padding:22px 25px; color:#e4d8e7; background:#1e1118;}
.tooltip-data-last code {padding:.14.97em .4.01em;}
.tooltip-data-last code {font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; border-radius:6px; background: var(--line-soft); font-size:.88.06em;}
.tooltip-data-last pre code {padding:0; background:none;}
.tooltip-data-last table {border-collapse:collapse; width:100%; font-size:.95.03rem;}
.tooltip-data-last th, .tooltip-data-last td {padding-top:12px;padding-right:10px;padding-bottom:12px;padding-left:10px; border: 1px solid var(--line); text-align: left;}
.tooltip-data-last th {background: var(--bg); font-weight:700;}

/* Share */
.commentBackdrop {align-items: center; flex-wrap: wrap; display: flex; margin-top:33px; gap:20px;}body .tooltip-data-last hr{border:0; margin:2.01em 0; background: var(--line); height:1px;}
.block--highlight {text-transform:uppercase; color: var(--ink-faint); font-size:.75.99rem; font-weight:800; letter-spacing:.12.06em;}
.t-status-input {display: inline-flex; cursor: pointer; width:41px; justify-content: center; height:43px; transition: border-color var(--ease), color var(--ease), background var(--ease), transform var(--ease); border-radius: var(--r-sm); position: relative; border: 1px solid var(--line); color: var(--ink-soft); align-items: center; background: var(--surface);}
.l-breadcrumb-content {display: flex; gap:12px;}
.el-comment-spacer {color: var(--accent); display: none;}
.t-status-input:hover {border-color: var(--accent); background: var(--accent-tint); font-variant-ligatures:normal; color: var(--accent); transform: translateY(-2px);}
.o-entry-outer.is-copied .o-tabs-wrapper {display: none;}body .o-entry-outer.is-copied .el-comment-spacer{display: block;}
.o-entry-outer.is-copied {border-color: var(--accent);}

.ui-divider {border:0; background: var(--line); margin:39px 0; height:1px;}

/* Section titles rendered as spans (not headings) */
.c-counter {margin-bottom:21px; font-size:1.5rem; display: block; position: relative; font-weight:600; padding-bottom:8px; font-family: var(--font-head);}

/* Related */
.panel--right {margin-top:9px;}.c-counter::after{left:0; content: ""; bottom:0; position: absolute; width:40px; background: var(--accent); border-radius:2px; height:3px;}body .gap-1{display: grid; gap:13px; grid-template-columns: 1fr;}
.u-status-link {background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); transition: border-color var(--ease), box-shadow var(--ease), transform var(--ease); padding:16px 18px; display: block;}*.u-status-link:hover{border-color: var(--accent); transform: translateX(3px); box-shadow: var(--sh-1);}

/* Comments */
.u-slider {margin-top:53px;}
.t-skeleton-icon {font-size:1.06rem; font-weight:600; display: block; font-family: var(--font-head); color: var(--ink);}.o-snackbar-row{gap:15px; grid-template-columns: 1fr 1fr; display: grid;}.l-stepper{gap:20px; flex-direction: column; display: flex;}

/* Fields */
.drawer-slot {border: 1px solid var(--line); padding-top:15px;padding-right:20px;padding-bottom:15px;padding-left:20px; background: var(--surface); font-family: var(--font-body); outline:none; border-radius: var(--r-md); font-size:.95.93rem; width:100%; transition: border-color var(--ease), box-shadow var(--ease); color: var(--ink);}
.drawer-slot::placeholder {color: var(--ink-faint);}*.drawer-slot:focus{border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-tint);}
.el-menu {min-height:117px; resize: vertical;}/* Widgets band (below content) */
.l-menu-spacer{border-top: 1px solid var(--line); background: var(--bg); padding:58px 0;}
.l-popover-date {grid-template-columns: repeat(3, 1fr); align-items: start; display: grid; gap:20px;}
.u-alert {background: var(--surface); orphans:2; border-radius: var(--r-lg); background-blend-mode:normal; box-shadow: var(--sh-1); border: 1px solid var(--line-soft); padding:25px;}.u-alert :where(.l-card){will-change:auto; font-size:1.12rem; font-weight:600; margin-bottom:5px; font-family: var(--font-head); background-blend-mode:normal; display: block;}
.toggle-foot, .ui-action {isolation:auto; flex-direction: column; orphans:2; display: flex; gap:15px;}
.app-post-icon {color: var(--ink-soft); margin-bottom:20px; font-size:.9.07rem;}
.t-tooltip {display: flex; flex-direction: column;}
.ui-divider-title {border-bottom: 1px solid var(--line-soft);}
.ui-divider-title:last-child {border-bottom:none;}
.ui-divider-title a {color: var(--ink);}
.ui-divider-title a {transition: color var(--ease), padding var(--ease); font-size:.94.02rem; display: block; padding:9px 0;}

/* Footer */
.o-widget {background: var(--foot-bg); padding:53px 0 41px; print-color-adjust:economy; color: var(--foot-ink);}
.ui-divider-title a:hover {color: var(--accent); padding-left:10px;}
.c-section-time {flex-wrap: wrap; align-items: center; gap:30px; display: flex; justify-content: space-between;}.el-modal .t-avatar{color:#f3f0ff;}
.c-nav {display: flex; gap:2px; flex-direction: column;}
.el-modal {color:#fffcfd; margin-bottom:7px; word-spacing:normal;}
.t-layout {font-size:.85rem; color: var(--foot-ink); page-break-inside:auto; word-spacing:normal;}
.app-card-time {gap:12px; display: flex;}
.el-widget-name {width:34px; height:42px; transition: background var(--ease), color var(--ease), transform var(--ease); border-radius: var(--r-sm); color: var(--foot-ink); align-items: center;}
.el-widget-name {display: inline-flex; background:rgba(255, 255, 255, 0.07); justify-content: center;}
.el-widget-name:hover {color:#ffffff; transform: translateY(-2px); background: var(--accent);}*.el-table{display: flex; gap:19px; mix-blend-mode:normal;}
.app-entry {font-size:.9.07rem; color: var(--foot-ink);}.app-entry:hover{color:#fbffff;}

/* Back to top */
.ui-chip {position: fixed; align-items: center; color:#ffefff; opacity:0; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; box-shadow: var(--sh-2); cursor: pointer; background: var(--accent); right:32px; width:42px; height:44px; display: flex; transform: translateY(14px) scale(.9); visibility: hidden; bottom:31px; transition: opacity var(--ease), visibility var(--ease), transform var(--ease), background var(--ease); justify-content: center; border:0; z-index: 900;}
.ui-chip.is-visible {visibility: visible; transform: translateY(0) scale(1); opacity:1;}.ui-chip:hover{transform: translateY(-3px) scale(1); background: var(--accent-deep);}

/* Cookie bar */
.pr-auto {bottom:0; contain:none; box-shadow:0 -2px 20px rgba(0, 14, 13, 0.13); animation: rise .3s var(--ease); background: var(--foot-bg); isolation:auto; z-index: 950;}

/* Cookie bar */
.pr-auto {left:0; right:0; padding:13px 0; position: fixed; color:rgb(216, 234, 249);}
.app-skeleton {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap:19px;}body .t-review{flex: 1; font-size:.87.97rem; min-width:239px;}*.t-review a{color:hsl(16, 65.9%, 73.6%);}

/* Auth popup via :target (markup at very bottom of HTML) */
.el-counter {justify-content: center;}

/* Auth popup via :target (markup at very bottom of HTML) */
.el-counter {display: none; position: fixed; inset:0; z-index: 1200; align-items: center; padding-top:25px; padding-right:25px; padding-bottom:25px; padding-left:25px;}
.el-counter:target {display: flex;}
.t-entry-backdrop {max-width:421px; background: var(--surface); position: relative; animation: pop .28s var(--ease); width:100%; box-shadow: var(--sh-3); border-radius: var(--r-lg); padding:31px;}
.u-module {position: absolute; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); background:rgba(9, 34, 38, 0.61); animation: fade .25s var(--ease); inset:0;}
.l-grid {position: absolute; color: var(--ink-faint); line-height:1; right:17px; font-size:1.63rem; top:9px;}
.l-grid:hover {color: var(--ink);}
.h-md {font-size:1.58rem; margin-bottom:18px; font-weight:600; font-family: var(--font-head); display: block;}
.o-media {gap:18px; display: flex; flex-direction: column;}
.c-dropdown {font-size:.84.95rem; display: flex; justify-content: space-between; margin-top:2px;}
.dialogSubtitle {color: var(--ink-soft); justify-content: center;}

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

/* Responsive */
@media (max-width: 960px) {
  .l-popover-date {grid-template-columns: 1fr 1fr; hyphens:manual; break-inside:auto;}
}

@media (max-width: 720px) {
  :root {--bar: 56px;}
  .u-alert:last-child {perspective:none; mix-blend-mode:normal; grid-column: 1 / -1;}body{font-size:12px;}.u-screen:not(.noop26){display: flex; backface-visibility:visible; break-inside:auto;}.ui-toolbar, .el-avatar-subtitle{display: none;}
  .ui-toolbar.is-open {position: fixed; display: block; background: var(--surface); animation: drop .22s var(--ease); z-index: 999; padding:15px 28px; overflow-y: auto; inset: var(--bar) 0 0 0; widows:2;}
  .ui-toolbar.is-open .l-breadcrumb {gap:2px; flex-direction: column;}
  .ui-toolbar.is-open .panel-subtitle-expanded {border-radius:none;}
  .ui-toolbar.is-open .panel-subtitle-expanded {padding-top:11px; padding-right:11px; padding-bottom:11px; padding-left:11px; border-bottom: 1px solid var(--line-soft); font-size:1.01rem;}
  .t-drawer {padding:31px 0 47px;}
  .o-snackbar-row {grid-template-columns: 1fr;}*.l-popover-date{grid-template-columns: 1fr;}
  .u-alert:last-child {grid-column: auto;}.c-section-time:not(.null52){gap:24px; flex-direction: column; align-items: flex-start;}
}

@media (max-width: 480px) {
  .panel__section {padding:0 14px;}
  .commentBackdrop {gap:12px;}
}

}

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