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

:root{--line:      #stepperWrapper; --line-2:    #page-popover; --r-lg:      18px; --wrap:      1120px; --muted:     #5c5249; --fs-1:      .85rem; --fb:        "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --accent-3:  #bar-reply; --fs1:       1.2rem; --r:         12px; --faint:     #938778; --sh-1:      0 1px 2px rgba(29,24,20,.06); --fs2:       1.5rem; --surface:   #page-spinner; --ok:        #15924f; --tr:        .2s ease; --sh-3:      0 30px 70px -22px rgba(29,24,20,.36); --surface-2: #reply-dot; --r-sm:      7px; --sh-2:      0 14px 34px -16px rgba(29,24,20,.26); --col:       720px; --fs0:       1rem; --bg:        #site-divider; --accent:    #action-separator; --fs4:       2.55rem; --fh:        "Bitter", Georgia, "Times New Roman", serif; --tr2:       .3s cubic-bezier(.4,0,.2,1); --accent-2:  #9a3412; --ink:       #1d1814; --fs3:       2rem; --on-accent: #page-spinner;}
html {-webkit-text-size-adjust:100%; text-size-adjust:100%; font-variant-caps:normal;}

/* ---------- reset ---------- */
*, *::before, *::after {box-sizing: border-box;}
@media (prefers-reduced-motion: no-preference) {html{scroll-behavior: smooth;} }

body {line-height:1.62; font-family: var(--fb); overflow-x: hidden; text-rendering:optimizeLegibility; color: var(--ink); font-size: var(--fs0); -webkit-font-smoothing:antialiased; background: var(--bg); margin:0;}
svg {fill:currentColor;}img, svg, video{max-width:100%; height:auto; display: block;}
a {text-decoration:none; color: var(--accent); transition: color var(--tr);}a:hover{color: var(--accent-2);}
button {cursor: pointer; hyphens:manual; font-family:inherit; text-rendering:auto;}

h1 {line-height:1.18; letter-spacing:-.1.07em; font-family: var(--fh); margin:0 0 .4.93em; font-weight:900; color: var(--ink);}
p {margin:0 0 1.1em;}
ul, ol {margin:0 0 1.03em; padding-left:1.35em;}/* span-as-title (no secondary H tags in chrome) */
.l-thread:not(._73914d){font-family: var(--fh); font-weight:800; line-height:1.2; letter-spacing:-.0.96em; color: var(--ink); display: block;}/* ---------- primitives ---------- */
.c-sidebar-indicator{max-width: var(--wrap); break-inside:auto; margin-inline:auto; padding-inline: clamp(1rem, 4vw, 2.2rem); width:100%;}
.toolbar-head-center {margin-inline:auto; max-width: var(--col);}.meta-timeline:not(._73914d){position: absolute; overflow: hidden; border:0em; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); width:1px; white-space: nowrap;}/* ---------- buttons ---------- */
:where(.breadcrumb-date-pressed){align-items: center; font-weight:900; border: 1px solid var(--b); padding:.72.06em 1.32em; letter-spacing:.0.97em; line-height:1; transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); color: var(--on-accent); font-size: var(--fs-1); display: inline-flex; --b: var(--accent); gap:.4.95em; border-radius: var(--r-sm); justify-content: center; background: var(--b);}body .breadcrumb-date-pressed:hover{background: var(--accent-2); transform: translateY(-1px); color: var(--on-accent); border-color: var(--accent-2);}
.breadcrumb-date-pressed:active {transform: translateY(0);}
.viewRow {color: var(--accent); background:transparent;}html .c-feature-time{orphans:2; width:100%; tab-size:4;}
.viewRow:hover {color: var(--accent-2); background: var(--accent-3);}.c-card-spacer:not(._73914d){width:2.88em; height:2.83em; flex: none; padding:0;}
.c-card-spacer svg {width:1.1em; print-color-adjust:economy; font-variant-ligatures:normal; height:1.11em;}

/* =================================================================
   progress + skip
   ================================================================= */
.feature-head-warning {pointer-events: none; inset:0 auto auto 0; width:0; background: var(--accent); font-variant-ligatures:normal; transition:width 0.124s linear; height:0px;}

/* =================================================================
   progress + skip
   ================================================================= */
.feature-head-warning {z-index: 1200; position: fixed;}
.breadcrumb {z-index: 1300; left:1.07rem; position: fixed; background: var(--ink); color:#counter_indicator; top:-120%; border-radius: var(--r-sm); padding:.6em 0.92em;}body .breadcrumb:focus{top:1.07rem; color:#counter_indicator;}

/* =================================================================
   header (minimal; content kept high)
   ================================================================= */
.c-toggle-primary {z-index: 1000; top:0px; border-bottom: 1px solid var(--line); -webkit-backdrop-filter:saturate(140%) blur(8px); backdrop-filter:saturate(140%) blur(8px); position: sticky; background: color-mix(in srgb, var(--bg) 90%, transparent);}
.entry {gap:1.07rem; align-items: center; min-height:64px; display: flex;}

.alert-pressed {font-size:1.18rem; font-weight:800; letter-spacing:-.1.02em; gap:.55rem; display: inline-flex; font-family: var(--fh); margin-right:auto; align-items: center; color: var(--ink);}
.alert-pressed:hover {color: var(--ink);}
.alert-pressed img {width:34px; height:30px; border-radius:7px;}*.screen-elevated{gap:1.11rem; align-items: center; display: flex;}html .progress__toggle--danger, body .filter-group-disabled{align-items: center; gap:.3.08rem; list-style: none; margin:0; padding:0; font-synthesis:weight style small-caps; display: flex;}.filter-group-disabled{gap:.5rem;}*.accordion__time--horizontal{font-weight:bold; color: var(--muted); border-radius: var(--r-sm); padding:.5.03em .8em; transition: color var(--tr), background var(--tr); display: inline-block; font-size: var(--fs-1);}html .accordion__time--horizontal:hover{background: var(--surface-2); color: var(--ink);}.post-group.el-hero .accordion__time--horizontal:not(._73914d){background: var(--accent-3); color: var(--accent);}

.trigger-chip {font-size: var(--fs-1); font-weight:bold; color: var(--muted); padding:.5.08em .64.92em;}
.trigger-chip:hover {color: var(--ink);}

.z-24 {padding:0; height:45px; display: none; background:transparent; background-blend-mode:normal; position: relative; border-radius: var(--r-sm); flex: none; border: 1px solid var(--line-2); width:45px; perspective:none;}.z-24 span, .z-24 span::before, .z-24 span::after{background: var(--ink); position: absolute; left:50%; width:20px; transform: translateX(-50%); will-change:auto; border-radius:2px; height:2px; font-synthesis:weight style small-caps; content: ""; transition: transform var(--tr2), top var(--tr2), opacity var(--tr);}body .z-24 span{top:50%; margin-top:-1px;}.z-24 span::before{top:-7px;}
.z-24 span::after {top:4px;}*.z-24[aria-expanded="true"] span{background:transparent;}
.z-24[aria-expanded="true"] span::before {top:0; transform: translateX(-50%) rotate(45deg);}
.z-24[aria-expanded="true"] span::after {transform: translateX(-50%) rotate(-45deg); top:0;}

/* =================================================================
   main + article (content first)
   ================================================================= */
.c-tag-wrap {padding-block: clamp(1.2rem, 3.5vw, 2.2rem) clamp(2.5rem, 6vw, 4rem);}

.module-icon {widows:2; animation: nvrise .45s var(--tr2) both;}
@keyframes nvrise { from {page-break-inside:auto; opacity:0; transform: translateY(9px);}to{opacity:1; transform: none;} }
@media (prefers-reduced-motion: reduce) { .module-icon {animation:none;} }

.accordion-placeholder {display: flex; align-items: center; margin-bottom:1.94rem; font-size: var(--fs-1); gap:.5.05rem 1.16rem; flex-wrap: wrap; color: var(--faint);}

.chip-last {background-blend-mode:normal; margin-bottom:.5.95rem; font-size: clamp(1.9rem, 1.2rem + 2.6vw, var(--fs4)); hyphens:manual;}
.widgetCap {align-items: center; gap:.4.04rem; display: inline-flex;}
.widgetCap svg {width:14px; height:14px; flex: none; opacity:0.7;}
.widgetCap time {font-style:normal;}/* ---- article body (injected content) ---- */
.time-list{color:hsl(342, 3.5%, 15.4%); line-height:1.78; font-size:1rem;}
.time-list > :first-child {margin-top:0;}
.time-list h2 {line-height:1.22; font-weight:900; margin:1.92em 0 .54.99em; font-size: clamp(1.5rem, 1.15rem + 1.2vw, var(--fs3)); letter-spacing:-.0.94em; contain:none; font-family: var(--fh);}
.time-list h3 {font-size: var(--fs1); font-family: var(--fh); font-weight:700; margin:1.56em 0 .45.06em; line-height:1.25;}
.time-list h4 {font-family: var(--fh); margin:1.36em 0 .4.01em;}
.time-list h4 {font-weight:700; font-size:1.03rem;}.time-list p{margin:0 0 1.32em;}*.time-list a{text-decoration-thickness:1px; text-decoration:underline; text-underline-offset:2px; text-decoration-color: color-mix(in srgb, var(--accent) 42%, transparent); color: var(--accent);}
.time-list a:hover {text-decoration-color:currentColor; color: var(--accent-2);}.time-list ul, body .time-list ol{padding-left:1.42em; margin:0 0 1.18em;}
.time-list li {margin-bottom:.44.98em;}.time-list ul li::marker{color: var(--accent);}
.time-list blockquote {color: var(--muted); margin:1.74em 0; border-left: 4px solid var(--accent); padding:.9.01em 1.24em; font-size:1.17rem; border-radius: 0 var(--r-sm) var(--r-sm) 0; font-style:italic; background: var(--surface-2);}
.time-list blockquote :last-child {margin-bottom:0;}
.time-list img, .time-list figure {margin:1.62em 0; border-radius: var(--r);}.time-list img{break-inside:auto; box-shadow: var(--sh-1); print-color-adjust:economy;}
.time-list figure img {margin:0;}html .time-list figcaption{text-align: center; margin-top:.55.05em; page-break-inside:auto; color: var(--faint); font-size: var(--fs-1);}body .time-list hr{border-top: 1px solid var(--line); margin:2.21em 0; border:0;}
.time-list code {border: 1px solid var(--line); background: var(--surface-2); padding:.12.05em .4.03em; font-size:.9.08em; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; border-radius:7px;}
.time-list pre {background:#271b1d; border-radius: var(--r-sm); font-size:.91.93rem; margin:1.62em 0; color:#reply-dot; widows:2; line-height:1.6; padding:1.07em 1.34em; overflow: auto;}.time-list pre code{background:none; color:inherit; padding:0; border:none;}html .time-list table{font-size: var(--fs-1); width:100%; margin:1.72em 0; border-collapse:collapse;}
.time-list th, .time-list td {padding:.6.99em .8.96em; border: 1px solid var(--line); text-align: left;}html .time-list thead th{font-weight:700; background: var(--surface-2);}

/* =================================================================
   TOC (auto)
   ================================================================= */
.ml-lg {box-shadow: var(--sh-1); padding:0.99rem 1.37rem; border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); margin:1.85em 0 2.09em;}.time-list tbody tr:nth-child(even){background: color-mix(in srgb, var(--surface-2) 55%, transparent);}
.l-nav-cap {font-size:0.96rem;}.trigger-sidebar:not(._73914d){margin-bottom:.44.93rem; justify-content: space-between; display: flex; align-items: center;}
.indicator-breadcrumb {font-size: var(--fs-1); font-weight:700; color: var(--accent); padding:.2.06em .3.04em; background:none; font-synthesis:weight style small-caps; border:none;}
.indicator-breadcrumb:hover {image-rendering:auto; color: var(--accent-2); hyphens:manual;}
.module-center ol {counter-reset: t; list-style: none; padding-left:1.31em; margin:0;}
.module-center li {position: relative; margin:.28.01em 0;}
.module-center li {line-height:1.45;}
.module-center li::before {font-size:.9.01em; color: var(--faint); break-inside:auto; content: counter(t) "."; counter-increment: t; left:-1.28em; position: absolute;}.module-center li.divider-primary-fluid{background-blend-mode:normal; margin-left:0.93em;}
.module-center li.divider-primary-fluid::before {content: "";}
.module-center a {color: var(--muted);}.module-center a:hover, .module-center a.el-hero:not(._73914d){color: var(--accent);}html .module-center a.el-hero{font-weight:700;}
[id^="sec-"] {scroll-margin-top:82px;}/* =================================================================
   share (redrawn)
   ================================================================= */
.select-item{flex-wrap: wrap; margin:2.25rem 0 0; border-top: 1px solid var(--line); padding-top:1.48rem; display: flex; align-items: center; gap:.74.96rem;}.select-focused{display: flex; gap:.5.07rem; image-rendering:auto;}
.font-start {font-weight:800; font-size: var(--fs-1); color: var(--muted);}.c-accordion-placeholder:not(._73914d){display: inline-flex; height:41px;}.c-accordion-placeholder:not(._73914d){width:42px; align-items: center; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); justify-content: center; border: 1px solid var(--line-2); background:transparent; border-radius:50%; color: var(--muted);}
.c-accordion-placeholder svg {pointer-events: none; height:17px; width:20px;}.c-accordion-placeholder:hover{background: var(--accent); border-color: var(--accent); backface-visibility:visible; transform: translateY(-2px); background-blend-mode:normal; color: var(--on-accent);}
.c-accordion-placeholder.c-grid-outer {background: var(--ok); color:#counter_indicator; text-decoration-skip-ink:auto; border-color: var(--ok);}

/* =================================================================
   blocks below content (comment / contact)
   ================================================================= */
.paginationDetail {margin-top:2.55rem; padding-top:1.85rem; contain:none; widows:2; border-top: 1px solid var(--line);}
.status-medium {margin-bottom:1.23rem; font-size: var(--fs2);}

.table-cap {width:100%;}
.header-area-top {display: flex; gap:0.98rem;}
.header-area-top > .thumb-form {flex: 1;}
.thumb-form {margin-bottom:0.98rem;}
.trigger-feature {font-size: var(--fs0); color: var(--ink); border-radius: var(--r-sm); background: var(--surface); border: 1px solid var(--line-2); transition: border-color var(--tr), box-shadow var(--tr); width:100%; line-height:1.4; padding:.77.92em 0.96em; font-family:inherit; font-variant-caps:normal;}.handle-module{font-size: var(--fs-1); margin-bottom:.35.04rem; font-weight:700; color: var(--muted); display: block;}.trigger-feature::placeholder{color: var(--faint);}
.trigger-feature:focus {outline:none;}
.trigger-feature:focus {box-shadow: 0 0 0 3px var(--accent-3); border-color: var(--accent);}textarea.trigger-feature{word-spacing:normal; background-blend-mode:normal; resize: vertical; min-height:136px;}
.menu-region {margin-bottom:.34.96rem; font-size: var(--fs2); will-change:auto;}

/* newsletter accent band */
.media-track {padding: clamp(1.6rem, 4vw, 2.4rem); font-synthesis:weight style small-caps; border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent); margin-top:2.55rem; background: var(--accent-3); border-radius: var(--r-lg); text-align: center; contain:none;}
.search--medium {contain:none; max-width:444px; gap:.54.95rem; display: flex; margin-inline:auto;}
.primary-action {font-size: var(--fs-1); color: var(--muted); max-width:44ch; margin:0 auto 1.16rem;}html .search--medium .trigger-feature{background: var(--surface); flex: 1;}.footer-cap:not(._73914d){padding-block:2rem; display: flex; align-items: center; gap:1.34rem 2.07rem; flex-wrap: wrap;}

/* =================================================================
   footer (light — distinct)
   ================================================================= */
.skeletonLine {background: var(--surface-2); color: var(--muted); margin-top: clamp(3rem, 8vw, 5rem); border-top: 1px solid var(--line);}*.skeletonLine .alert-pressed{break-inside:auto; orphans:2; margin-right:0; color: var(--ink);}

.c-box-block {display: flex; margin:0 auto; flex-wrap: wrap; list-style: none; gap:.2.99rem 1.25rem; padding:0;}
.c-box-block a {font-size: var(--fs-1); color: var(--muted); perspective:none; font-weight:bold;}

.counter-body-small {display: flex; padding:0; margin:0; list-style: none; gap:.4.97rem;}
.c-box-block a:hover {word-spacing:normal; color: var(--accent); background-blend-mode:normal;}
.profile-odd {transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); color: var(--muted); align-items: center; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; justify-content: center; display: inline-flex; width:34px; border: 1px solid var(--line-2); height:40px; background:transparent;}
.profile-odd svg {width:18px; height:16px;}
.profile-odd:hover {transform: translateY(-2px); color:#counter_indicator; border-color: var(--accent); background: var(--accent);}
.search-wrapper {padding-block:1rem; font-size: var(--fs-1); color: var(--faint);}

.status-section-right {border-top: 1px solid var(--line);}.search-wrapper :where(.holder-page){display: inline-block; word-spacing:normal;}

/* =================================================================
   back to top
   ================================================================= */
.reply__preview--selected {z-index: 1100; opacity:0; visibility: hidden; color:#counter_indicator; transition: opacity var(--tr2), transform var(--tr2), background var(--tr), visibility var(--tr2); display: inline-flex; background: var(--accent); box-shadow: var(--sh-2); position: fixed; transform: translateY(12px); right: clamp(1rem, 3vw, 2rem); justify-content: center; bottom: clamp(1rem, 3vw, 2rem); align-items: center; border:0 none; contain:none; border-radius: var(--r-sm); width:43px; text-rendering:auto; height:42px;}
.reply__preview--selected svg {height:18px; width:18px;}
.reply__preview--selected.show {opacity:1; transform: none; visibility: visible;}
.reply__preview--selected:hover {transform: translateY(-3px); background: var(--accent-2);}

/* =================================================================
   cookie bar
   ================================================================= */
.px-8 {inset:auto 0 0 0; box-shadow:0 -9px 38px -12px rgba(11, 0, 15, 0.54); transform: translateY(110%); background: var(--ink); transition: transform var(--tr2); z-index: 1150; color:#app-list; position: fixed;}
.px-8.show {transform: none;}.section-detail-medium:not(._73914d){gap:0.99rem 1.28rem; padding-block:1.05rem; align-items: center; display: flex; flex-wrap: wrap;}
.filter-thumb {background-blend-mode:normal; flex: 1 1 320px; font-size: var(--fs-1); line-height:1.5; margin:0; widows:2;}
.filter-thumb a {text-decoration:underline; color:#header_handle;}

/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.box {transition: opacity var(--tr2), visibility var(--tr2); z-index: 1400; display: grid; inset:0; opacity:0; position: fixed; visibility: hidden; padding:1.19rem; place-items: center; pointer-events: none;}
.box:target {pointer-events: auto; visibility: visible; opacity:1;}
.stepper__expand {background:rgba(28, 19, 17, 0.52); backdrop-filter:blur(3px); display: block; inset:0; -webkit-backdrop-filter:blur(3px); position: absolute;}
.status__number {position: relative; max-width:421px; width:100%; transition: transform var(--tr2);}
.status__number {border-radius: var(--r); padding: clamp(1.5rem, 4vw, 2.2rem); background: var(--surface); box-shadow: var(--sh-3); transform: translateY(14px) scale(.98); z-index: 1;}
.view-even {background: var(--surface-2); border-radius: var(--r-sm); transition: background var(--tr), color var(--tr); width:39px; align-items: center; height:36px; top:.7.97rem; position: absolute; color: var(--muted); justify-content: center; display: inline-flex; right:.7.98rem;}
.box:target .status__number {transform: none;}
.view-even svg {width:21px; height:16px; break-inside:auto; tab-size:4;}.alert-handle:not(._73914d){text-align: center; margin-bottom:1.32rem; font-size: var(--fs2);}
.view-even:hover {shape-margin:0; background: var(--line); color: var(--ink);}
.box .thumb-form:last-of-type {hyphens:manual; margin-bottom:1.09rem;}
.breadcrumb-button-dense {gap:.8.01rem; margin-top:1.06rem; font-size: var(--fs-1); shape-margin:0; display: flex; justify-content: space-between;}/* ---------- focus ---------- */
:focus-visible{border-radius:2px; outline-offset:2px; outline: 2px solid var(--accent);}*.summary-nav{margin-top:1.11rem; text-align: center; font-size: var(--fs-1); color: var(--muted);}

/* =================================================================
   responsive
   ================================================================= */
@media (max-width: 820px) {*.screen-elevated{display: none;}.z-24:not(._73914d){display: inline-flex;}
  .screen-elevated.open {border-bottom: 1px solid var(--line); position: absolute; background: var(--bg); box-shadow: var(--sh-2); padding: .6rem clamp(1rem, 4vw, 2.2rem) 1.1rem; right:0; left:0; display: block; top:100%;}
  .screen-elevated.open .progress__toggle--danger {align-items: stretch; gap:.15.01rem; flex-direction: column;}body .screen-elevated.open .accordion__time--horizontal{font-variant-caps:normal; perspective:none; padding:.7.92em .6.02em;}
  .screen-elevated.open .filter-group-disabled {align-items: stretch; flex-direction: column; padding-top:.7.92rem; border-top: 1px solid var(--line); gap:.4.93rem; margin-top:.6.96rem;}.screen-elevated.open :where(.trigger-chip){padding:.7.02em; border-radius: var(--r-sm); text-align: center; border: 1px solid var(--line-2);}
  .search--medium {flex-direction: column;}
}

@media (max-width: 600px) {
  .header-area-top {flex-direction: column; word-spacing:normal; gap:0;}
  .footer-cap {align-items: flex-start; print-color-adjust:economy; flex-direction: column; text-decoration-skip-ink:auto;}
  .c-box-block {margin-inline:0;}
}

/* =================================================================
   print
   ================================================================= */
@media print {
  .c-toggle-primary, .feature-head-warning, .select-item, .reply__preview--selected, .px-8, .media-track, .paginationDetail, .box, .z-24, .skeletonLine .counter-body-small {display: none !important;}
  .time-list a {text-decoration:underline;}
  body {color:#0f0003; background:#counter_indicator;}
  .time-list a[href^="http"]::after {font-size:.8.04em; content: " (" attr(href) ")"; color:hsl(56, 8.4%, 37%);}
  .ml-lg {border:1px solid #site-media; box-shadow:none;}
}