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

:root {--surface-2: #main-reply; --tr2:       .3s cubic-bezier(.4,0,.2,1); --r-sm:      7px; --accent-2:  #9a3412;}/* =================================================================
   base.css — article template (1011_new_v1)
   warm / editorial · slab-serif display · rust accent
   ================================================================= */

:root {--fs-1:      .85rem; --fs4:       2.55rem; --line:      #statusBody; --muted:     #5c5249; --faint:     #938778; --r:         12px; --sh-2:      0 14px 34px -16px rgba(29,24,20,.26); --line-2:    #content-feature; --fs0:       1rem; --bg:        #table_count; --r-lg:      18px; --wrap:      1120px; --accent-3:  #page-nav; --accent:    #site-screen; --col:       720px; --ink:       #1d1814; --fb:        "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --on-accent: #app-drawer; --fh:        "Bitter", Georgia, "Times New Roman", serif; --sh-3:      0 30px 70px -22px rgba(29,24,20,.36); --ok:        #15924f; --tr:        .2s ease; --sh-1:      0 1px 2px rgba(29,24,20,.06); --fs1:       1.2rem; --fs3:       2rem; --surface:   #app-drawer; --fs2:       1.5rem;}

/* ---------- reset ---------- */
*, *::before, *::after {font-synthesis:weight style small-caps; box-sizing: border-box; font-variant-caps:normal;}html{-moz-text-size-adjust:100%;text-size-adjust:100%; -webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion: no-preference) { html {scroll-behavior: smooth;} }body{color: var(--ink); overflow-x: hidden; background: var(--bg); -webkit-font-smoothing:antialiased; font-size: var(--fs0); line-height:1.62; font-family: var(--fb); text-rendering:optimizeLegibility; margin:0;}img, svg, video{height:auto; perspective:none; max-width:100%; display: block;}
svg {fill:currentColor;}
a {transition: color var(--tr); color: var(--accent); text-decoration:none;}
a:hover {backface-visibility:visible; color: var(--accent-2); contain:none;}
button {font-family:inherit; cursor: pointer;}h1{color: var(--ink); line-height:1.18; margin:0 0 .4.93em; letter-spacing:-.0.97em; font-family: var(--fh); font-weight:900;}
p {margin:0 0 1.15em;}
ul, ol {padding-left:1.36em; margin:0 0 1.16em;}

/* span-as-title (no secondary H tags in chrome) */
.t-step {font-weight:700; letter-spacing:-.1em; font-family: var(--fh); line-height:1.2; display: block; color: var(--ink);}/* ---------- primitives ---------- */
.input-list{padding-inline: clamp(1rem, 4vw, 2.2rem); margin-inline:auto; max-width: var(--wrap); width:100%;}
.stepper-zone-info {image-rendering:auto; max-width: var(--col); isolation:auto; margin-inline:auto;}
.ui-popover {clip:rect(0,0,0,0); position: absolute; height:1px; padding:0; border:none; width:1px;}/* ---------- buttons ---------- */
.text-badge{line-height:1; color: var(--on-accent); transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); --b: var(--accent); padding:.71.94em 1.41em; font-size: var(--fs-1); align-items: center; border: 1px solid var(--b); display: inline-flex; background: var(--b); letter-spacing:.1.03em; font-weight:700; gap:.4.95em; justify-content: center; border-radius: var(--r-sm);}
.ui-popover {margin:-1px; overflow: hidden; white-space: nowrap;}.text-badge:hover{-webkit-hyphens:manual;-ms-hyphens:manual;orphans:2; transform: translateY(-1px); color: var(--on-accent); background: var(--accent-2); border-color: var(--accent-2); hyphens:manual;}*.text-badge:active{transform: translateY(0);}.l-dialog-link:not(._e2d3cd){color: var(--accent); background:transparent;}
.l-dialog-link:hover {background: var(--accent-3); color: var(--accent-2);}
.feature-meta-muted {width:100%;}
.c-section-body {shape-margin:0; font-variant-ligatures:normal; width:2.88em; height:2.82em; padding:0; flex: none;}
.c-section-body svg {height:1.01em; width:0.97em;}

/* =================================================================
   progress + skip
   ================================================================= */
.c-gallery-time {position: fixed; width:0; background: var(--accent); pointer-events: none; height:4px;}

/* =================================================================
   progress + skip
   ================================================================= */
.c-gallery-time {transition:width 0.072s linear; z-index: 1200; inset:0 auto auto 0;}
.section-area {top:-120.2%; border-radius: var(--r-sm); padding:.6em 1.03em; color:#trigger-step; position: fixed; background: var(--ink); z-index: 1300; left:0.94rem;}
.section-area:focus {color:#trigger-step; top:0.97rem;}

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

.chipSecondary {gap:.54.94rem; letter-spacing:-.0.97em; font-family: var(--fh); color: var(--ink); display: inline-flex; align-items: center; font-weight:800; margin-right:auto; font-size:1.06rem;}
.chipSecondary:hover {color: var(--ink);}
.chipSecondary img {width:29px; height:34px; border-radius:9px;}

.media__indicator--narrow {display: flex; align-items: center; gap:1.15rem;}body .c-sidebar-text, .view-link:not(._e2d3cd){gap:.3.02rem; list-style: none; display: flex; padding:0; align-items: center; margin:0;}.view-link{gap:.4.99rem;}

.profileGroup {color: var(--muted); font-weight:bold; will-change:auto; display: inline-block; font-size: var(--fs-1); padding:.5.02em .7.99em; border-radius: var(--r-sm); transition: color var(--tr), background var(--tr);}
.profileGroup:hover {background: var(--surface-2); color: var(--ink);}
.footerInner.step-overlay .profileGroup {color: var(--accent); shape-margin:0; background: var(--accent-3);}

.c-header-region {color: var(--muted);}

.c-header-region {font-size: var(--fs-1); padding:.5.07em .64.96em; font-weight:bold;}
.c-header-region:hover {color: var(--ink);}

.divider-time {width:41px; position: relative; border-radius: var(--r-sm); padding:0rem; height:44px; background:transparent; display: none; orphans:2; word-spacing:normal; flex: none; border: 1px solid var(--line-2);}
.divider-time span, .divider-time span::before, .divider-time span::after {left:50%; width:24px; content: ""; border-radius:2px; position: absolute; transition: transform var(--tr2), top var(--tr2), opacity var(--tr); background: var(--ink); height:2px; transform: translateX(-50%);}body .divider-time span{top:50%; margin-top:-1px;}
.divider-time span::before {top:-4px;}
.divider-time span::after {top:3px;}
.divider-time[aria-expanded="true"] span {shape-margin:0; background:transparent; image-rendering:auto;}
.divider-time[aria-expanded="true"] span::before {top:0; transform: translateX(-50%) rotate(45deg);}.divider-time[aria-expanded="true"] span::after{top:0; transform: translateX(-50%) rotate(-45deg);}

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

.nav-muted {animation: nvrise .45s var(--tr2) both;}
@keyframes nvrise { from {transform: translateY(9px); opacity:0;} to {transform: none; opacity:1;} }
@media (prefers-reduced-motion: reduce) { .nav-muted {animation:none;} }

.breadcrumb-pressed {margin-bottom:.5.93rem; font-size: clamp(1.9rem, 1.2rem + 2.6vw, var(--fs4));}

.c-section-value {gap:.5.06rem 1.17rem; align-items: center; font-size: var(--fs-1); flex-wrap: wrap; display: flex; color: var(--faint); margin-bottom:1.95rem;}.close-filter{display: inline-flex; align-items: center; gap:.3.98rem;}
.close-filter svg {opacity:0.81; height:13px; width:19px; flex: none;}
.close-filter time {font-style:normal;}

/* ---- article body (injected content) ---- */
.screen-zone-info {font-size:1.05rem; color:#282b11; line-height:1.78;}
.screen-zone-info > :first-child {margin-top:0em;}
.screen-zone-info h2 {letter-spacing:-.1em; line-height:1.22; font-size: clamp(1.5rem, 1.15rem + 1.2vw, var(--fs3)); margin:2.02em 0 .55.02em; font-family: var(--fh); font-weight:700;}
.screen-zone-info h3 {font-weight:700; line-height:1.25; margin:1.63em 0 .44.96em; font-family: var(--fh); font-size: var(--fs1);}
.screen-zone-info h4 {margin:1.42em 0 .3.97em; font-size:1.14rem; font-weight:bold; font-family: var(--fh);}*.screen-zone-info p{margin:0 0 1.23em;}
.screen-zone-info a {text-decoration-thickness:1px; text-decoration:underline; color: var(--accent); text-decoration-color: color-mix(in srgb, var(--accent) 42%, transparent); text-underline-offset:2px;}.screen-zone-info a:hover{text-decoration-color:currentColor; color: var(--accent-2);}
.screen-zone-info ul, .screen-zone-info ol {margin:0 0 1.22em; padding-left:1.48em;}
.screen-zone-info li {margin-bottom:.45.06em;}*.screen-zone-info ul li::marker{color: var(--accent);}.screen-zone-info blockquote{background: var(--surface-2); border-left: 4px solid var(--accent); border-radius: 0 var(--r-sm) var(--r-sm) 0; margin:1.76em 0; font-size:1.1rem; font-style:italic; color: var(--muted); padding:.8.97em 1.32em;}
.screen-zone-info blockquote :last-child {margin-bottom:0;}body .screen-zone-info img, *.screen-zone-info figure{margin:1.76em 0;}body .screen-zone-info img, *.screen-zone-info figure{border-radius: var(--r); text-rendering:auto;}.screen-zone-info img{box-shadow: var(--sh-1);}
.screen-zone-info figure img {margin:0;}.screen-zone-info figcaption{color: var(--faint); text-align: center; text-underline-offset:auto; font-size: var(--fs-1); margin-top:.55.06em;}*.screen-zone-info hr{margin:2.12em 0; border-top: 1px solid var(--line); border:0 none;}
.screen-zone-info code {border-radius:5px; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; border: 1px solid var(--line); padding:.12.04em .3.97em; text-underline-offset:auto; page-break-inside:auto; background: var(--surface-2); font-size:.9.01em;}
.screen-zone-info pre {padding:1.12em 1.35em; margin:1.67em 0; line-height:1.6; color:#main-reply; background:#333219; overflow: auto; border-radius: var(--r-sm); font-size:.92.05rem;}
.screen-zone-info pre code {background:none; color:inherit;}
.screen-zone-info pre code {padding:0; border:0 none;}
.screen-zone-info table {margin:1.63em 0; width:100%; border-collapse:collapse; font-size: var(--fs-1);}
.screen-zone-info th, .screen-zone-info td {border: 1px solid var(--line); padding:.7.02em .9.01em; text-align: left;}
.screen-zone-info thead th {background: var(--surface-2); font-weight:700;}/* =================================================================
   TOC (auto)
   ================================================================= */
.counter-overlay{padding:1.06rem 1.41rem; border: 1px solid var(--line); border-radius: var(--r); margin:1.83em 0 2.07em; box-shadow: var(--sh-1); background: var(--surface);}
.screen-zone-info tbody tr:nth-child(even) {background: color-mix(in srgb, var(--surface-2) 55%, transparent);}
.c-price-close {margin-bottom:.45.02rem; align-items: center; display: flex; justify-content: space-between;}
.c-divider-wrap {font-size:0.95rem;}
.secondary-breadcrumb {font-weight:900; border:0 none; background:none; padding:.1.96em .2.98em; font-size: var(--fs-1); color: var(--accent);}.progress-backdrop ol{list-style: none; padding-left:1.29em; counter-reset: t; margin:0;}
.secondary-breadcrumb:hover {color: var(--accent-2);}*.progress-backdrop li{line-height:1.45; margin:.27.97em 0; position: relative;}
.progress-backdrop li::before {font-size:.8.95em; color: var(--faint); left:-1.21em; position: absolute; counter-increment: t; content: counter(t) ".";}
.progress-backdrop li.breadcrumbOverlay {margin-left:0.98em;}
.progress-backdrop li.breadcrumbOverlay::before {text-decoration-skip-ink:auto; content: ""; font-variant-ligatures:normal;}
.progress-backdrop a {color: var(--muted);}
.progress-backdrop a:hover, .progress-backdrop a.step-overlay {color: var(--accent);}
.progress-backdrop a.step-overlay {font-weight:700;}/* =================================================================
   share (redrawn)
   ================================================================= */
.skeleton-expanded{border-top: 1px solid var(--line); margin:2.35rem 0 0; display: flex; gap:.75.05rem; padding-top:1.51rem; align-items: center; flex-wrap: wrap;}
[id^="sec-"] {scroll-margin-top:82px; text-underline-offset:auto; word-spacing:normal;}
.timeline-flat {color: var(--muted); font-size: var(--fs-1); font-weight:800;}*.layout-holder{display: flex; gap:.4.95rem;}
.group-dropdown {align-items: center; width:37px; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); display: inline-flex; border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%; background:transparent; justify-content: center; color: var(--muted); height:42px; border: 1px solid var(--line-2);}body .group-dropdown svg{width:18px; pointer-events: none; height:18px;}
.group-dropdown:hover {border-color: var(--accent); transform: translateY(-2px); color: var(--on-accent); background: var(--accent);}
.group-dropdown.tabsName {font-variant-caps:normal; color:#trigger-step; border-color: var(--ok); background: var(--ok);}

/* =================================================================
   blocks below content (comment / contact)
   ================================================================= */
.u-skeleton-time {isolation:auto; margin-top:2.66rem; word-spacing:normal; border-top: 1px solid var(--line); padding-top:1.89rem;}.popover-link:not(._e2d3cd){font-size: var(--fs2); margin-bottom:1.27rem;}

.sidebar-trigger-even {width:100%; contain:none;}*.section-subtitle{gap:0.93rem; display: flex;}
.section-subtitle > .skeleton-info {flex: 1;}html .skeleton-info{margin-bottom:1rem;}*.head-dropdown{font-size: var(--fs-1); margin-bottom:.34.92rem; display: block; color: var(--muted); font-weight:700;}
.bannerItem {font-family:inherit; color: var(--ink); width:100%; transition: border-color var(--tr), box-shadow var(--tr); line-height:1.4; padding:.78em 1.04em; background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-sm); font-size: var(--fs0);}
.bannerItem::placeholder {orphans:2; color: var(--faint);}
.bannerItem:focus {outline:none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-3);}textarea.bannerItem{min-height:137px; resize: vertical;}

/* newsletter accent band */
.rounded-2xl {border-radius: var(--r-lg); margin-top:2.61rem; text-align: center; border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent); background: var(--accent-3); padding: clamp(1.6rem, 4vw, 2.4rem);}
.dividerWrapper {font-size: var(--fs2); margin-bottom:.35.01rem;}.rating-primary{image-rendering:auto; font-variant-caps:normal; max-width:44ch; color: var(--muted); margin:0 auto 1.16rem; font-size: var(--fs-1);}
.dividerWrapper {shape-margin:0;}
.container-tabs {max-width:443px; margin-inline:auto; display: flex; gap:.54.93rem;}html .container-tabs .bannerItem{background: var(--surface); tab-size:4; flex: 1; font-variant-ligatures:normal;}

/* =================================================================
   footer (light — distinct)
   ================================================================= */
.page-info {border-top: 1px solid var(--line); tab-size:4; background: var(--surface-2); color: var(--muted); margin-top: clamp(3rem, 8vw, 5rem); font-synthesis:weight style small-caps;}
.media-elevated {flex-wrap: wrap; padding-block:2rem; gap:1.38rem 2.05rem; display: flex; align-items: center;}.page-info .chipSecondary:not(._e2d3cd){margin-right:0; color: var(--ink);}.time-select{flex-wrap: wrap; padding:0; gap:.2.94rem 1.28rem; margin:0 auto; list-style: none; display: flex;}
.time-select a {color: var(--muted); font-weight:700; font-size: var(--fs-1);}
.time-select a:hover {color: var(--accent);}

.tabs-center {gap:.4.95rem; list-style: none; padding:0; display: flex; margin:0;}
.c-carousel-data {background:transparent; border: 1px solid var(--line-2); justify-content: center; width:41px; height:35px; border-radius:50%; color: var(--muted); transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); display: inline-flex; align-items: center;}
.c-carousel-data svg {height:14px; width:19px;}
.c-carousel-data:hover {border-color: var(--accent); color:#trigger-step; transform: translateY(-2px);}
.c-carousel-data:hover {background: var(--accent);}

.widget-primary-focused {border-top: 1px solid var(--line);}
.tooltipLabel {padding-block:1rem; font-size: var(--fs-1); color: var(--faint); perspective:none;}

/* =================================================================
   back to top
   ================================================================= */
.post-zone-bottom {opacity:0; background: var(--accent); transition: opacity var(--tr2), transform var(--tr2), background var(--tr), visibility var(--tr2); position: fixed; border:0; z-index: 1100; right: clamp(1rem, 3vw, 2rem); align-items: center; color:#trigger-step; width:44px; border-radius: var(--r-sm); visibility: hidden; box-shadow: var(--sh-2); transform: translateY(12px); bottom: clamp(1rem, 3vw, 2rem); justify-content: center; height:47px; display: inline-flex;}
.tooltipLabel .footer-outlined {display: inline-block; print-color-adjust:economy;}.post-zone-bottom svg{height:17px; width:16px;}.show.post-zone-bottom{opacity:1; transform: none;}.show.post-zone-bottom{visibility: visible;}html .post-zone-bottom:hover{transform: translateY(-3px); background: var(--accent-2);}

/* =================================================================
   cookie bar
   ================================================================= */
.footer-medium {box-shadow:0 -13px 41px -15px rgba(16, 0, 0, 0.43); transform: translateY(110%); position: fixed; inset:auto 0 0 0;}

/* =================================================================
   cookie bar
   ================================================================= */
.footer-medium {color:#page-section; background: var(--ink); transition: transform var(--tr2); z-index: 1150;}
.footer-medium.show {transform: none;}
.app-table {padding-block:1.05rem; flex-wrap: wrap; align-items: center; gap:1.06rem 1.27rem; display: flex;}
.c-stepper-foot {flex: 1 1 320px;}
.c-stepper-foot {font-size: var(--fs-1); margin:0; line-height:1.5;}/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.c-pagination-trigger{position: fixed; z-index: 1400; display: grid;}.c-stepper-foot a{text-decoration:underline; color:#site-spinner;}/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.c-pagination-trigger{padding:1.28rem; opacity:0; place-items: center; inset:0em; transition: opacity var(--tr2), visibility var(--tr2); visibility: hidden; pointer-events: none;}
.c-pagination-trigger:target {opacity:1; pointer-events: auto; visibility: visible;}.c-list-container:not(._e2d3cd){position: absolute; background:rgba(31, 13, 0, 0.58); inset:0;}.c-list-container:not(._e2d3cd){backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); display: block;}body .tag{position: relative; padding: clamp(1.5rem, 4vw, 2.2rem); box-shadow: var(--sh-3); transition: transform var(--tr2); width:100%; max-width:417px; transform: translateY(14px) scale(.98); border-radius: var(--r); background: var(--surface); z-index: 1;}
.c-pagination-trigger:target .tag {transform: none;}.image-progress{background: var(--surface-2); position: absolute; align-items: center; border-radius: var(--r-sm); justify-content: center; top:.8rem; display: inline-flex; height:40px; color: var(--muted); width:39px; right:.7.98rem; transition: background var(--tr), color var(--tr);}
.image-progress svg {width:14px; height:19px;}
.image-progress:hover {color: var(--ink); background: var(--line);}
.c-stepper-input {text-align: center; margin-bottom:1.32rem; font-size: var(--fs2);}
.c-pagination-trigger .skeleton-info:last-of-type {margin-bottom:1.11rem;}
.nav-half {gap:.7.95rem; margin-top:1.08rem; justify-content: space-between; display: flex; font-size: var(--fs-1);}*.profile-handle{color: var(--muted); margin-top:0.98rem; font-size: var(--fs-1); text-align: center;}

/* ---------- focus ---------- */
:focus-visible {outline: 2px solid var(--accent); outline-offset:2px; will-change:auto; border-radius:-1px;}

/* =================================================================
   responsive
   ================================================================= */
@media (max-width: 820px) {
  .media__indicator--narrow {display: none;}
  .divider-time {display: inline-flex;}
  .media__indicator--narrow.open {display: block; right:0; box-shadow: var(--sh-2); top:100%; left:0rem; background: var(--bg); padding: .6rem clamp(1rem, 4vw, 2.2rem) 1.1rem; border-bottom: 1px solid var(--line); position: absolute;}
  .media__indicator--narrow.open .c-sidebar-text {flex-direction: column; transform-style:flat; align-items: stretch; widows:2; gap:.14.93rem;}html .media__indicator--narrow.open .profileGroup{padding:.8.01em .5.94em;}
  .media__indicator--narrow.open .view-link {flex-direction: column; align-items: stretch; padding-top:.7.97rem; margin-top:.6.99rem; gap:.4.96rem; border-top: 1px solid var(--line);}
  .media__indicator--narrow.open .c-header-region {border: 1px solid var(--line-2); text-align: center; padding:.7.05em; border-radius: var(--r-sm);}
  .container-tabs {flex-direction: column;}
}

@media (max-width: 600px) {
  .section-subtitle {gap:0; flex-direction: column;}.media-elevated{align-items: flex-start; flex-direction: column;}
  .time-select {margin-inline:0;}
}

/* =================================================================
   print
   ================================================================= */
@media print {
  .tooltip-secondary, .c-gallery-time, .skeleton-expanded, .post-zone-bottom, .footer-medium, .rounded-2xl, .u-skeleton-time, .c-pagination-trigger, .divider-time, .page-info .tabs-center {display: none !important;}.screen-zone-info a{text-decoration:underline;}
  body {background:#trigger-step; color:#00000e;}
  .counter-overlay {box-shadow:none; border:1px solid #app-entry;}
  .screen-zone-info a[href^="http"]::after {font-size:.7.98em; color:rgb(68, 57, 81); content: " (" attr(href) ")";}
}