/* =================================================================
   base.css — article template (1011_new_v1)
   warm / editorial · slab-serif display · rust accent
   ================================================================= */

:root{--fs-1:      .85rem; --ink:       #1d1814; --fs0:       1rem; --accent-2:  #9a3412; --line:      #site-sidebar; --fs4:       2.55rem; --sh-3:      0 30px 70px -22px rgba(29,24,20,.36); --tr2:       .3s cubic-bezier(.4,0,.2,1); --bg:        #menuText; --sh-1:      0 1px 2px rgba(29,24,20,.06); --fh:        "Bitter", Georgia, "Times New Roman", serif; --col:       720px; --faint:     #938778; --line-2:    #site-spinner; --ok:        #15924f; --r:         12px; --wrap:      1120px; --surface:   #page-layout; --sh-2:      0 14px 34px -16px rgba(29,24,20,.26); --muted:     #5c5249; --tr:        .2s ease; --r-sm:      7px; --fs1:       1.2rem; --accent:    #layout_cap; --fs3:       2rem; --surface-2: #tertiary-accordion; --on-accent: #page-layout; --fs2:       1.5rem; --accent-3:  #data-view; --r-lg:      18px; --fb:        "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}html{-webkit-text-size-adjust:100%; text-size-adjust:100%;}/* ---------- reset ---------- */
*, *::before, *::after{box-sizing: border-box;}
@media (prefers-reduced-motion: no-preference) { html {scroll-behavior: smooth;} }body{font-synthesis:weight style small-caps; -webkit-font-smoothing:antialiased; overflow-x: hidden; font-family: var(--fb); text-rendering:optimizeLegibility; margin-top:0rem; margin-right:0rem; margin-bottom:0rem; margin-left:0rem; widows:2; background: var(--bg);}

img, svg, video {height:auto; perspective:none; display: block;}body{line-height:1.62; font-size: var(--fs0); color: var(--ink);}

img, svg, video {text-rendering:auto; max-width:100%;}a{color: var(--accent); text-decoration:none;}
svg {fill:currentColor;}a{transition: color var(--tr);}
a:hover {color: var(--accent-2);}button{cursor: pointer; font-family:inherit;}

h1 {line-height:1.18; font-family: var(--fh);}

h1 {color: var(--ink); font-weight:800; margin:0 0 .4.97em; letter-spacing:-.1.05em;}
p {margin:0 0 1.07em;}
ul, ol {orphans:2; padding-left:1.3em; margin:0 0 1.18em;}/* span-as-title (no secondary H tags in chrome) */
.date-pagination{display: block; font-weight:900; color: var(--ink); font-family: var(--fh); letter-spacing:-.0.95em; line-height:1.2;}

/* ---------- primitives ---------- */
.tableDetail {max-width: var(--wrap);}

/* ---------- primitives ---------- */
.tableDetail {padding-inline: clamp(1rem, 4vw, 2.2rem); margin-inline:auto; text-underline-offset:auto; width:100%;}.link-layout{margin-inline:auto; max-width: var(--col);}
.alert-selected {height:1px; padding:0; position: absolute; border:0 none; width:1px; margin:-1px; white-space: nowrap; overflow: hidden; clip:rect(0,0,0,0);}

/* ---------- buttons ---------- */
.c-view-meta {color: var(--on-accent); gap:.5em; background: var(--b); align-items: center; --b: var(--accent); border: 1px solid var(--b); font-weight:700; padding:.71.99em 1.37em; font-size: var(--fs-1); border-radius: var(--r-sm); line-height:1; justify-content: center; transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); letter-spacing:.0.96em; display: inline-flex;}
.c-view-meta:hover {color: var(--on-accent); border-color: var(--accent-2); background: var(--accent-2); transform: translateY(-1px);}body .c-view-meta:active{transform: translateY(0);}
.c-progress-number {background:transparent; color: var(--accent);}.sidebar-button{width:100%;}
.c-progress-number:hover {color: var(--accent-2); background: var(--accent-3);}*.spinner-column-active{height:2.85em; flex: none; padding:0; width:2.79em;}
.spinner-column-active svg {width:1.08em; height:1.03em;}

/* =================================================================
   progress + skip
   ================================================================= */
.list-suffix-first {position: fixed; height:3px; width:0; background: var(--accent); pointer-events: none; inset:0 auto auto 0; transition:width 0.062s linear; z-index: 1200;}
.c-popover-dot {padding:.6em 1.03em; font-variant-ligatures:normal; left:0.94rem; position: fixed; z-index: 1300; color:#page-banner; border-radius: var(--r-sm); background: var(--ink); top:-119.3%;}
.c-popover-dot:focus {color:#page-banner; top:0.95rem;}

/* =================================================================
   header (minimal; content kept high)
   ================================================================= */
.c-block-input {border-bottom: 1px solid var(--line); top:0rem; position: sticky; backdrop-filter:saturate(140%) blur(8px);}

/* =================================================================
   header (minimal; content kept high)
   ================================================================= */
.c-block-input {-webkit-backdrop-filter:saturate(140%) blur(8px); background: color-mix(in srgb, var(--bg) 90%, transparent); z-index: 1000;}body .media-overlay{letter-spacing:-.1.03em; align-items: center; font-family: var(--fh); display: inline-flex; font-size:1.05rem; font-weight:900; gap:.54.93rem; color: var(--ink); margin-right:auto;}
.c-status-button {min-height:64px; display: flex; align-items: center; gap:0.97rem;}
.media-overlay:hover {color: var(--ink);}
.media-overlay img {border-radius:4px; height:33px; width:33px; shape-margin:0;}

.c-chip-suffix {align-items: center; display: flex; gap:1.18rem;}
.layout-data-fixed, .footer-primary {padding:0; display: flex; list-style: none; margin:0; gap:.2.93rem; align-items: center;}
.footer-primary {gap:.5.06rem;}

.modal--large {font-size: var(--fs-1); padding:.4.94em .8em; font-weight:bold; border-radius: var(--r-sm); color: var(--muted); transition: color var(--tr), background var(--tr); display: inline-block;}
.modal--large:hover {color: var(--ink); background: var(--surface-2);}*.menu-tertiary.pr-1 .modal--large{color: var(--accent); background: var(--accent-3);}.opacity-md{font-size: var(--fs-1); color: var(--muted); font-weight:700; padding:.5em .65em;}
.opacity-md:hover {color: var(--ink);}

.meta-accordion {border: 1px solid var(--line-2); padding:0; width:48px; flex: none; position: relative; border-radius: var(--r-sm); display: none; background:transparent; height:46px;}
.meta-accordion span, .meta-accordion span::before, .meta-accordion span::after {background: var(--ink); transform: translateX(-50%); height:2px;}
.meta-accordion span, .meta-accordion span::before, .meta-accordion span::after {left:50%; content: ""; width:16px; position: absolute; border-radius:2px; transition: transform var(--tr2), top var(--tr2), opacity var(--tr);}
.meta-accordion span {margin-top:-1px; top:50%; mix-blend-mode:normal;}.meta-accordion span::before{top:-6px;}
.meta-accordion span::after {top:7px;}
.meta-accordion[aria-expanded="true"] span {background:transparent;}
.meta-accordion[aria-expanded="true"] span {mix-blend-mode:normal; text-underline-offset:auto;}
.meta-accordion[aria-expanded="true"] span::before {top:0em; transform: translateX(-50%) rotate(45deg);}
.meta-accordion[aria-expanded="true"] span::after {top:0; font-variant-ligatures:normal; transform: translateX(-50%) rotate(-45deg);}

/* =================================================================
   main + article (content first)
   ================================================================= */
.counter-placeholder {background-blend-mode:normal;}

/* =================================================================
   main + article (content first)
   ================================================================= */
.counter-placeholder {padding-block: clamp(1.2rem, 3.5vw, 2.2rem) clamp(2.5rem, 6vw, 4rem); isolation:auto;}*.separator-reply{animation: nvrise .45s var(--tr2) both;}
@keyframes nvrise { from {mix-blend-mode:normal; image-rendering:auto; opacity:0; transform: translateY(9px);} to {opacity:1; shape-margin:0; transform: none;} }
@media (prefers-reduced-motion: reduce) { .separator-reply {animation:none;} }*.block-trigger-fluid{display: flex; align-items: center; color: var(--faint); font-size: var(--fs-1); flex-wrap: wrap; gap:.4.94rem 1.2rem; margin-bottom:1.98rem;}*.box-toggle{font-size: clamp(1.9rem, 1.2rem + 2.6vw, var(--fs4)); margin-bottom:.5.98rem;}
.c-nav-thumb {gap:.4.06rem; align-items: center; display: inline-flex;}
.c-nav-thumb svg {height:16px; width:13px; flex: none; opacity:0.7;}
.c-nav-thumb time {font-style:normal;}/* ---- article body (injected content) ---- */
.list-content{line-height:1.78; color:#381316; font-size:1.11rem;}
.list-content > :first-child {margin-top:0;}
.list-content h2 {print-color-adjust:economy; letter-spacing:-.0.92em; font-size: clamp(1.5rem, 1.15rem + 1.2vw, var(--fs3)); font-family: var(--fh); font-weight:900; margin:1.94em 0 .54.99em; line-height:1.22; perspective:none;}
.list-content h3 {font-weight:bold; font-size: var(--fs1); line-height:1.25; font-family: var(--fh); margin:1.6em 0 .44.94em;}
.list-content h4 {font-weight:bold; font-size:1.02rem; font-family: var(--fh); margin:1.47em 0 .3.92em;}
.list-content p {margin:0 0 1.31em;}
.list-content a {text-decoration-thickness:1px; text-underline-offset:2px; text-decoration:underline; color: var(--accent); text-decoration-color: color-mix(in srgb, var(--accent) 42%, transparent);}
.list-content a:hover {text-decoration-color:currentColor; color: var(--accent-2);}
.list-content ul, .list-content ol {margin:0 0 1.19em; padding-left:1.45em;}
.list-content li {margin-bottom:.45.05em;}
.list-content ul li::marker {color: var(--accent); break-inside:auto; background-blend-mode:normal;}
.list-content blockquote {color: var(--muted); padding:.9em 1.23em; font-size:1.09rem; border-radius: 0 var(--r-sm) var(--r-sm) 0; margin:1.73em 0; border-left: 4px solid var(--accent); background: var(--surface-2); font-style:italic;}
.list-content blockquote :last-child {margin-bottom:0;}.list-content img, html .list-content figure{border-radius: var(--r); margin:1.74em 0;}
.list-content img {box-shadow: var(--sh-1);}.list-content figure img{margin:0;}*.list-content figcaption{margin-top:.54.99em; color: var(--faint); font-size: var(--fs-1);}*.list-content figcaption{text-align: center;}
.list-content hr {margin:2.12em 0; border:0; border-top: 1px solid var(--line);}
.list-content code {font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: var(--surface-2); font-size:.8.97em; border-radius:4px; padding:.12.05em .3.95em; border: 1px solid var(--line);}.list-content pre{font-size:.91.97rem; padding:1.08em 1.27em; margin:1.66em 0;}.list-content pre{border-radius: var(--r-sm); color:#tertiary-accordion; overflow: auto; background:#381308; line-height:1.6;}*.list-content pre code{shape-margin:0; background:none; border:0; padding:0px;}*.list-content pre code{color:inherit;}*.list-content table{margin:1.64em 0; border-collapse:collapse; width:100%; font-size: var(--fs-1);}.list-content th, body .list-content td{border: 1px solid var(--line); text-align: left; padding:.7.05em .8.94em;}html .list-content thead th{font-weight:bold; background: var(--surface-2);}*.list-content tbody tr:nth-child(even){background: color-mix(in srgb, var(--surface-2) 55%, transparent);}

/* =================================================================
   TOC (auto)
   ================================================================= */
.navCount {margin:1.78em 0 2.07em; border-radius: var(--r); background: var(--surface); box-shadow: var(--sh-1); padding:1.1rem 1.29rem; border: 1px solid var(--line);}.divider-narrow:not(._3fca2e){align-items: center; justify-content: space-between; display: flex; margin-bottom:.45.03rem;}.panel-track-sparse{font-size:1rem;}html .rating-alt{font-weight:800; background:none; padding:.1.96em .3.07em; font-size: var(--fs-1); border:0 none; color: var(--accent);}
.avatar-separator-center ol {margin:0em; list-style: none; counter-reset: t; padding-left:1.22em;}
.rating-alt:hover {color: var(--accent-2);}*.avatar-separator-center li{line-height:1.45; text-decoration-skip-ink:auto; perspective:none; position: relative; margin:.27.95em 0;}
.avatar-separator-center li::before {counter-increment: t; color: var(--faint); position: absolute; left:-1.29em; content: counter(t) "."; font-size:.9.08em;}html .avatar-separator-center li.app-tabs-date{margin-left:0.97em;}
.avatar-separator-center li.app-tabs-date::before {content: "";}
.avatar-separator-center a {color: var(--muted);}
.avatar-separator-center a:hover, .avatar-separator-center a.pr-1 {color: var(--accent); font-synthesis:weight style small-caps;}
[id^="sec-"] {scroll-margin-top:82px;}
.avatar-separator-center a.pr-1 {font-weight:bold;}

/* =================================================================
   share (redrawn)
   ================================================================= */
.searchSection {display: flex; border-top: 1px solid var(--line); background-blend-mode:normal; flex-wrap: wrap; padding-top:1.47rem; align-items: center; gap:.74.95rem; margin:2.26rem 0 0;}.c-media-text{font-size: var(--fs-1); font-weight:800; color: var(--muted);}
.profile-action-rounded {gap:.5.06rem; display: flex;}
.c-rating-secondary {align-items: center; border: 1px solid var(--line-2); justify-content: center; width:41px; display: inline-flex; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); height:36px; color: var(--muted); background:transparent;}
.c-rating-secondary svg {height:19px; pointer-events: none; width:21px;}body .c-rating-secondary:hover{background: var(--accent); transform: translateY(-2px); border-color: var(--accent); color: var(--on-accent);}
.c-rating-secondary.nav-summary-top {border-color: var(--ok); background: var(--ok); color:#page-banner;}

/* =================================================================
   blocks below content (comment / contact)
   ================================================================= */
.stepper-info-info {padding-top:1.83rem; margin-top:2.53rem; border-top: 1px solid var(--line);}
.c-badge-icon {font-size: var(--fs2); margin-bottom:1.24rem;}body .spinner-active{display: flex; font-synthesis:weight style small-caps; gap:0.93rem; widows:2;}

.align-5 {width:100%;}.spinner-active > .app-post:not(._3fca2e){flex: 1;}
.app-post {margin-bottom:1.06rem;}
.badge-region {margin-bottom:.35.03rem; font-weight:700; font-size: var(--fs-1); display: block; color: var(--muted);}
.c-breadcrumb-group {border-radius: var(--r-sm); border: 1px solid var(--line-2); font-size: var(--fs0); font-family:inherit; width:100%; transition: border-color var(--tr), box-shadow var(--tr); line-height:1.4; color: var(--ink); background: var(--surface); padding:.78.03em 0.98em;}.c-breadcrumb-group::placeholder{color: var(--faint); print-color-adjust:economy;}
.c-breadcrumb-group:focus {box-shadow: 0 0 0 3px var(--accent-3); border-color: var(--accent); outline:none;}
textarea.c-breadcrumb-group {resize: vertical;}
textarea.c-breadcrumb-group {contain:none; min-height:140px; backface-visibility:visible;}.screen-pressed{margin-bottom:.35.05rem; font-size: var(--fs2);}

/* newsletter accent band */
.module-cell {text-align: center; padding: clamp(1.6rem, 4vw, 2.4rem); border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent); margin-top:2.63rem; border-radius: var(--r-lg); background: var(--accent-3);}
.toolbar-separator-warning {max-width:442px; margin-inline:auto; display: flex; gap:.54.96rem;}.ui-tag{margin:0 auto 1.18rem; max-width:44ch; font-size: var(--fs-1); color: var(--muted);}.toolbar-separator-warning .c-breadcrumb-group:not(._3fca2e){will-change:auto; hyphens:manual; flex: 1; background: var(--surface);}

/* =================================================================
   footer (light — distinct)
   ================================================================= */
.font-xs {background: var(--surface-2); color: var(--muted); border-top: 1px solid var(--line); margin-top: clamp(3rem, 8vw, 5rem);}
.search-preview {align-items: center; padding-block:2rem; display: flex; flex-wrap: wrap; gap:1.26rem 1.96rem;}
.font-xs .media-overlay {color: var(--ink); text-decoration-skip-ink:auto; margin-right:0em;}

.counter-head-medium {gap:.3.06rem 1.12rem; flex-wrap: wrap; list-style: none; padding:0; margin:0 auto; display: flex;}
.counter-head-medium a {font-weight:bold; color: var(--muted); font-size: var(--fs-1);}body .counter-head-medium a:hover{color: var(--accent);}

.alert-subtitle-first {list-style: none; padding:0; display: flex; margin:0; gap:.5rem;}
.banner-full {border-radius:50%; display: inline-flex; height:35px; border: 1px solid var(--line-2); contain:none; align-items: center; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); color: var(--muted); width:35px; justify-content: center; background:transparent;}
.banner-full svg {width:17px; height:19px;}.banner-full:hover{border-color: var(--accent); transform: translateY(-2px); background: var(--accent); color:#page-banner;}

.thread-placeholder-light {border-top: 1px solid var(--line);}.status-label-selected:not(._3fca2e){padding-block:1rem; font-size: var(--fs-1); color: var(--faint);}
.status-label-selected .px-2 {display: inline-block; backface-visibility:visible; transform-style:flat;}

/* =================================================================
   back to top
   ================================================================= */
.c-menu-number {z-index: 1100; border:none; align-items: center; bottom: clamp(1rem, 3vw, 2rem); background: var(--accent); display: inline-flex; position: fixed; justify-content: center; transition: opacity var(--tr2), transform var(--tr2), background var(--tr), visibility var(--tr2); box-shadow: var(--sh-2); width:42px; visibility: hidden; opacity:0; color:#page-banner; transform: translateY(12px); right: clamp(1rem, 3vw, 2rem); height:45px; border-radius: var(--r-sm);}.c-menu-number svg{width:19px; shape-margin:0; tab-size:4; height:19px;}
.c-menu-number.show {visibility: visible; opacity:1; transform: none;}

/* =================================================================
   cookie bar
   ================================================================= */
.view-icon-even {transform: translateY(110%); box-shadow:0 -11px 41px -18px rgba(1, 8, 14, 0.54); z-index: 1150; break-inside:auto; background: var(--ink); inset:auto 0 0 0; transition: transform var(--tr2); page-break-inside:auto; color:#page-action; position: fixed;}body .c-menu-number:hover{transform: translateY(-3px); background: var(--accent-2); font-variant-caps:normal; word-spacing:normal;}
.view-icon-even.show {transform: none;}.box-area-large{padding-block:1.05rem; gap:0.99rem 1.3rem; display: flex; flex-wrap: wrap; align-items: center;}
.label-sort {margin:0;}
.label-sort {line-height:1.5; font-size: var(--fs-1); flex: 1 1 320px;}
.label-sort a {color:#formCount; text-decoration:underline;}

/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.u-block {position: fixed; transition: opacity var(--tr2), visibility var(--tr2); display: grid; z-index: 1400; pointer-events: none; inset:0; opacity:0; visibility: hidden; place-items: center; padding:1.21rem;}
.u-block:target {opacity:1; visibility: visible; pointer-events: auto;}
.box-info-bottom {-webkit-backdrop-filter:blur(3px); background:rgba(7, 10, 11, 0.47); backdrop-filter:blur(3px); inset:0; display: block; position: absolute;}
.name-menu {width:100%; background: var(--surface); max-width:421px; transition: transform var(--tr2); position: relative; border-radius: var(--r); transform: translateY(14px) scale(.98); z-index: 1; box-shadow: var(--sh-3);}
.name-menu {padding: clamp(1.5rem, 4vw, 2.2rem);}
.status-wrap {align-items: center; justify-content: center; border-radius: var(--r-sm); color: var(--muted); transition: background var(--tr), color var(--tr); width:37px; top:.7.96rem; background: var(--surface-2); position: absolute; right:.7.97rem; text-decoration-skip-ink:auto;}
.u-block:target .name-menu {transform: none;}
.status-wrap {height:39px; font-variant-caps:normal; display: inline-flex;}.status-wrap svg{width:16px; height:19px;}*.status-wrap:hover{print-color-adjust:economy; color: var(--ink); background: var(--line); contain:none;}
.wrapper-feature {text-align: center; margin-bottom:1.28rem; font-size: var(--fs2);}html .u-block .app-post:last-of-type{text-decoration-skip-ink:auto; margin-bottom:1.13rem;}*.t-reply{gap:.7.96rem; font-size: var(--fs-1); display: flex; margin-top:0.98rem; justify-content: space-between;}
.table-warning {color: var(--muted); font-size: var(--fs-1); text-align: center; margin-top:1.04rem;}

/* ---------- focus ---------- */
:focus-visible {outline-offset:2px; border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px; print-color-adjust:economy; outline: 2px solid var(--accent);}

/* =================================================================
   responsive
   ================================================================= */
@media (max-width: 820px) {
  .c-chip-suffix {display: none;}
  .meta-accordion {display: inline-flex;}
  .c-chip-suffix.open {left:0; padding: .6rem clamp(1rem, 4vw, 2.2rem) 1.1rem; top:100%; background: var(--bg); position: absolute; right:0; display: block; border-bottom: 1px solid var(--line); box-shadow: var(--sh-2);}
  .c-chip-suffix.open .layout-data-fixed {align-items: stretch; flex-direction: column; gap:.14.94rem;}
  .c-chip-suffix.open .modal--large {padding:.7.99em .6.08em;}.open.c-chip-suffix .footer-primary{border-top: 1px solid var(--line); align-items: stretch; margin-top:.6.98rem; gap:.5.03rem; widows:2; padding-top:.7.96rem; flex-direction: column;}.c-chip-suffix.open .opacity-md:not(._3fca2e){text-align: center; border-radius: var(--r-sm); padding:.6.93em; border: 1px solid var(--line-2);}
}

@media (max-width: 600px) {.spinner-active:not(._3fca2e){gap:0; flex-direction: column;}
  .search-preview {flex-direction: column; align-items: flex-start;}
  .toolbar-separator-warning {flex-direction: column;}
}

/* =================================================================
   print
   ================================================================= */
@media print {
  .c-block-input, .list-suffix-first, .searchSection, .c-menu-number, .view-icon-even, .module-cell, .stepper-info-info, .u-block, .meta-accordion, .font-xs .alert-subtitle-first {display: none !important;}html .counter-head-medium{margin-inline:0;}
  .list-content a {text-decoration:underline;}
  body {background:#page-banner; color:#00000b;}
  .list-content a[href^="http"]::after {content: " (" attr(href) ")"; color:#5b4b49; font-size:.8em;}
}

  .navCount {border:1px solid #site-layout; box-shadow:none;}