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

:root {--fb:        "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --fs4:       2.55rem; --muted:     #5c5249; --ok:        #15924f; --fs1:       1.2rem; --on-accent: #list-info; --sh-2:      0 14px 34px -16px rgba(29,24,20,.26); --tr:        .2s ease; --fs-1:      .85rem; --fs2:       1.5rem; --bg:        #main-profile; --fh:        "Bitter", Georgia, "Times New Roman", serif; --ink:       #1d1814; --r-lg:      18px; --line:      #app-module; --accent-3:  #threadLabel; --faint:     #938778; --accent:    #site-price; --fs0:       1rem; --sh-1:      0 1px 2px rgba(29,24,20,.06); --surface-2: #main-divider; --line-2:    #page-carousel; --r:         12px; --wrap:      1120px; --surface:   #list-info; --fs3:       2rem; --col:       720px; --accent-2:  #9a3412; --tr2:       .3s cubic-bezier(.4,0,.2,1); --r-sm:      7px; --sh-3:      0 30px 70px -22px rgba(29,24,20,.36);}/* ---------- reset ---------- */
*, *::before, *::after{box-sizing: border-box;}
html {-webkit-text-size-adjust:100%; text-size-adjust:100%;}
@media (prefers-reduced-motion: no-preference) { html {scroll-behavior: smooth;} }

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

h1 {margin:0 0 .5em; letter-spacing:-.1.04em;}

h1 {font-weight:900; color: var(--ink); line-height:1.18; font-family: var(--fh);}
p {margin:0 0 1.06em;}ul, ol{margin:0 0 1.13em; padding-left:1.32em;}

/* ---------- primitives ---------- */
.comment-disabled {width:100%; max-width: var(--wrap); margin-inline:auto; will-change:auto; padding-inline: clamp(1rem, 4vw, 2.2rem);}/* span-as-title (no secondary H tags in chrome) */
.block-toggle-hover{background-blend-mode:normal; font-family: var(--fh); letter-spacing:-.1.03em; line-height:1.2; display: block; color: var(--ink); will-change:auto; font-weight:700;}
.c-sidebar-head {margin-inline:auto; max-width: var(--col); backface-visibility:visible;}/* ---------- buttons ---------- */
.c-module-image:not(._43c41f){border: 1px solid var(--b); --b: var(--accent); gap:.5.05em; letter-spacing:.1.04em; border-radius: var(--r-sm); font-size: var(--fs-1); transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); padding:.71.95em 1.35em; background: var(--b); align-items: center; line-height:1; display: inline-flex; justify-content: center; color: var(--on-accent); font-weight:700;}
.stepper-zone-bottom {position: absolute; border:0 none; clip:rect(0,0,0,0); height:1px; white-space: nowrap; overflow: hidden; padding:0; break-inside:auto; margin:-1px; width:1px;}body .c-module-image:hover{color: var(--on-accent); transform: translateY(-1px); border-color: var(--accent-2); background: var(--accent-2);}
.c-module-image:active {transform: translateY(0);}
.detail-footer {background:transparent; backface-visibility:visible; color: var(--accent);}
.detail-footer:hover {background: var(--accent-3); color: var(--accent-2);}
.badge-center {width:100%;}
.action-section {width:2.87em; image-rendering:auto; background-blend-mode:normal; flex: none; height:2.78em; padding:0;}
.action-section svg {height:1.03em; width:1.11em;}

/* =================================================================
   progress + skip
   ================================================================= */
.sidebar--danger {position: fixed; background: var(--accent); inset:0 auto auto 0; pointer-events: none; width:0px; z-index: 1200; height:5px; transition:width 0.064s linear;}
.c-post-column {top:-120.7%; position: fixed; color:#cardTitle; left:0.98rem; z-index: 1300; padding:.6.01em 0.95em; border-radius: var(--r-sm); background: var(--ink);}
.c-post-column:focus {text-underline-offset:auto; color:#cardTitle; top:1.05rem;}

/* =================================================================
   header (minimal; content kept high)
   ================================================================= */
.entry-action-rounded {top:0; background: color-mix(in srgb, var(--bg) 90%, transparent); -webkit-backdrop-filter:saturate(140%) blur(8px); z-index: 1000;}

/* =================================================================
   header (minimal; content kept high)
   ================================================================= */
.entry-action-rounded {border-bottom: 1px solid var(--line); position: sticky; backdrop-filter:saturate(140%) blur(8px);}
.c-menu-column {min-height:64px; gap:1.02rem; display: flex; align-items: center;}html .c-section-extra{font-family: var(--fh); font-variant-caps:normal; gap:.54.92rem; font-weight:800; font-size:1.15rem; display: inline-flex; letter-spacing:-.0.96em; margin-right:auto; text-underline-offset:auto; align-items: center; color: var(--ink);}
.c-section-extra:hover {color: var(--ink);}
.c-section-extra img {height:27px; border-top-left-radius:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;border-bottom-left-radius:9px; width:33px;}
.toggle-widget, .media-cell {align-items: center; display: flex; padding:0; gap:.2.94rem; list-style: none; margin:0;}body .breadcrumb-wide{display: flex; align-items: center; gap:1.13rem;}
.media-cell {gap:.5.02rem;}body .bannerInput{display: inline-block; shape-margin:0; font-size: var(--fs-1); border-radius: var(--r-sm); color: var(--muted); transition: color var(--tr), background var(--tr); padding:.4.92em .8em; font-weight:700; word-spacing:normal;}
.bannerInput:hover {background: var(--surface-2); color: var(--ink);}

.menu-name-elevated {padding:.4.92em .64.97em; font-weight:700; color: var(--muted); font-size: var(--fs-1);}
.c-dropdown-extra.align-none .bannerInput {background: var(--accent-3); color: var(--accent);}
.menu-name-elevated:hover {color: var(--ink);}body .spinner-even{border-radius: var(--r-sm); display: none; height:48px; position: relative; background:transparent; flex: none; border: 1px solid var(--line-2); width:46px; padding:0;}
.spinner-even span, .spinner-even span::before, .spinner-even span::after {width:22px; height:2px; transition: transform var(--tr2), top var(--tr2), opacity var(--tr); border-radius:2px; position: absolute;}
.spinner-even span, .spinner-even span::before, .spinner-even span::after {content: ""; background: var(--ink); transform: translateX(-50%); left:50%;}
.spinner-even span {margin-top:-1px; top:50%;}body .spinner-even span::before{top:-10px;}.spinner-even span::after{top:8px;}
.spinner-even[aria-expanded="true"] span {background:transparent;}*.spinner-even[aria-expanded="true"] span::before{top:0; transform: translateX(-50%) rotate(45deg);}body .spinner-even[aria-expanded="true"] span::after{top:0; transform: translateX(-50%) rotate(-45deg);}/* =================================================================
   main + article (content first)
   ================================================================= */
.comment-text{padding-block: clamp(1.2rem, 3.5vw, 2.2rem) clamp(2.5rem, 6vw, 4rem); break-inside:auto; tab-size:4;}

.w-4 {animation: nvrise .45s var(--tr2) both;}
@keyframes nvrise { from {opacity:0; transform: translateY(9px);}to{opacity:1; font-variant-caps:normal; transform: none;} }
@media (prefers-reduced-motion: reduce) { .w-4 {animation:none;} }*.footer-foot-large{font-size: clamp(1.9rem, 1.2rem + 2.6vw, var(--fs4)); margin-bottom:.5.98rem;}
.sort-icon-fluid {align-items: center; gap:.4.05rem; display: inline-flex;}

.timeline-input-sparse {font-size: var(--fs-1); margin-bottom:1.87rem; display: flex; flex-wrap: wrap; align-items: center; color: var(--faint); gap:.5rem 1.16rem;}
.sort-icon-fluid svg {opacity:0.7; flex: none; height:13px; width:15px;}html .sort-icon-fluid time{font-style:normal;}

/* ---- article body (injected content) ---- */
.grid-highlight {font-size:1.08rem; color:#1b2206; line-height:1.78;}
.grid-highlight > :first-child {margin-top:0;}
.grid-highlight h2 {margin:2.01em 0 .55em; font-weight:700; letter-spacing:-.1.03em; font-size: clamp(1.5rem, 1.15rem + 1.2vw, var(--fs3)); line-height:1.22; font-family: var(--fh);}
.grid-highlight h3 {font-size: var(--fs1); line-height:1.25; margin:1.62em 0 .45em; font-family: var(--fh); font-weight:bold;}
.grid-highlight h4 {font-size:1.14rem; font-family: var(--fh); font-weight:700; margin:1.43em 0 .4.08em;}
.grid-highlight p {margin:0 0 1.3em;}html .grid-highlight a{text-decoration-color: color-mix(in srgb, var(--accent) 42%, transparent); text-underline-offset:2px; text-decoration-thickness:1px; text-decoration:underline; color: var(--accent);}body .grid-highlight a:hover{mix-blend-mode:normal;}body .grid-highlight a:hover{text-decoration-color:currentColor; color: var(--accent-2);}
.grid-highlight ul, .grid-highlight ol {padding-left:1.34em; margin:0 0 1.27em;}
.grid-highlight li {margin-bottom:.45em;}
.grid-highlight ul li::marker {color: var(--accent);}
.grid-highlight blockquote {padding:.9.08em 1.34em; border-radius: 0 var(--r-sm) var(--r-sm) 0; background: var(--surface-2); font-size:1.09rem; font-style:italic; margin:1.65em 0; border-left: 4px solid var(--accent); color: var(--muted);}
.grid-highlight blockquote :last-child {font-variant-ligatures:normal; margin-bottom:0;}
.grid-highlight img, .grid-highlight figure {margin:1.68em 0; border-radius: var(--r);}
.grid-highlight img {box-shadow: var(--sh-1);}
.grid-highlight figure img {margin:0;}
.grid-highlight figcaption {font-size: var(--fs-1); text-align: center; color: var(--faint); margin-top:.55em;}.grid-highlight hr{border-top: 1px solid var(--line); hyphens:manual; margin:2.17em 0; border:0 none; text-rendering:auto;}
.grid-highlight code {padding:.12.05em .3.94em; border: 1px solid var(--line); font-size:.8.99em; border-radius:4px; background: var(--surface-2); font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;}
.grid-highlight pre {font-size:.91.96rem; margin:1.58em 0; border-radius: var(--r-sm); padding:1.13em 1.33em; widows:2; color:#main-divider; background:#2c2d21; overflow: auto; line-height:1.6;}
.grid-highlight pre code {background:none; color:inherit; padding:0; border:0;}
.grid-highlight table {background-blend-mode:normal; border-collapse:collapse; text-underline-offset:auto; width:100%; margin:1.78em 0; font-size: var(--fs-1);}
.grid-highlight th, .grid-highlight td {image-rendering:auto; border: 1px solid var(--line); text-align: left; padding:.6.92em .9em; will-change:auto;}
.grid-highlight thead th {backface-visibility:visible; background: var(--surface-2); tab-size:4; font-weight:bold;}
.grid-highlight tbody tr:nth-child(even) {background: color-mix(in srgb, var(--surface-2) 55%, transparent); text-decoration-skip-ink:auto;}/* =================================================================
   TOC (auto)
   ================================================================= */
.time-select{border: 1px solid var(--line); background: var(--surface); border-radius: var(--r); padding:0.98rem 1.32rem; box-shadow: var(--sh-1); margin:1.75em 0 2.17em;}
.c-review-value {align-items: center;}
.block-icon {font-size:0.97rem;}
.c-review-value {justify-content: space-between; margin-bottom:.44.98rem; display: flex;}
.c-modal-zone {color: var(--accent); font-weight:800; padding:.2.08em .3.07em; background:none; border:0; font-size: var(--fs-1);}html .c-modal-zone:hover{color: var(--accent-2);}
.toolbar-action ol {counter-reset: t; padding-left:1.18em; list-style: none; margin:0; isolation:auto;}
.toolbar-action li {margin:.27.99em 0;}
.toolbar-action li {position: relative; line-height:1.45;}
.toolbar-action li::before {counter-increment: t; color: var(--faint); font-size:.8.93em; content: counter(t) "."; left:-1.2em; position: absolute;}.toolbar-action li.primary-timeline:not(._43c41f){margin-left:1em;}
.toolbar-action li.primary-timeline::before {content: "";}
.toolbar-action a {color: var(--muted);}.toolbar-action a:hover, .toolbar-action a.align-none{color: var(--accent); widows:2; page-break-inside:auto;}
.toolbar-action a.align-none {font-weight:700;}[id^="sec-"]{tab-size:4; scroll-margin-top:82px;}

/* =================================================================
   share (redrawn)
   ================================================================= */
.media-sticky {flex-wrap: wrap; gap:.74.92rem; margin:2.38rem 0 0; border-top: 1px solid var(--line); display: flex; align-items: center; padding-top:1.54rem;}
.c-header-region {font-weight:800; color: var(--muted); font-size: var(--fs-1);}
.tag-count {gap:.5.08rem; display: flex;}
.widget-placeholder-left {border-radius:50%; width:38px; color: var(--muted); align-items: center; justify-content: center; background:transparent; display: inline-flex; height:44px; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); border: 1px solid var(--line-2);}
.widget-placeholder-left svg {width:13px; height:19px;}
.widget-placeholder-left svg {pointer-events: none;}
.widget-placeholder-left:hover {border-color: var(--accent); background: var(--accent); color: var(--on-accent); transform: translateY(-2px);}
.widget-placeholder-left.t-box {border-color: var(--ok); background: var(--ok); color:#cardTitle;}/* =================================================================
   blocks below content (comment / contact)
   ================================================================= */
.c-price-data{text-rendering:auto; border-top: 1px solid var(--line); margin-top:2.61rem; padding-top:1.82rem;}html .accordion-section-small{font-size: var(--fs2); margin-bottom:1.18rem;}

.price-loading {width:100%;}
.tag-column {gap:1rem; display: flex;}.tag-column > .drawer-preview-success{break-inside:auto;}.tag-column > .drawer-preview-success{flex: 1; will-change:auto;}
.drawer-preview-success {widows:2; margin-bottom:1.02rem;}.filter-dot-horizontal{font-size: var(--fs-1); display: block; margin-bottom:.34.93rem; font-weight:bold; color: var(--muted);}
.form-info {transition: border-color var(--tr), box-shadow var(--tr); padding:.78.07em 0.95em; font-size: var(--fs0); border: 1px solid var(--line-2); font-family:inherit; border-radius: var(--r-sm); background: var(--surface); line-height:1.4; color: var(--ink); width:100%;}
.form-info::placeholder {font-variant-ligatures:normal; color: var(--faint); mix-blend-mode:normal;}
.form-info:focus {outline:none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-3);}
textarea.form-info {min-height:139px; resize: vertical;}

/* newsletter accent band */
.header-outlined {background: var(--accent-3); border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent); margin-top:2.63rem; border-radius: var(--r-lg); padding: clamp(1.6rem, 4vw, 2.4rem); text-align: center;}
.breadcrumb--medium {margin-bottom:.34.92rem; font-size: var(--fs2);}*.card-dark{color: var(--muted); max-width:44ch;}*.card-dark{font-size: var(--fs-1); margin:0 auto 1.14rem;}.time-stepper:not(._43c41f){max-width:444px; margin-inline:auto;}.time-stepper:not(._43c41f){gap:.54.97rem; display: flex;}
.time-stepper .form-info {flex: 1; background: var(--surface);}/* =================================================================
   footer (light — distinct)
   ================================================================= */
.tooltip-outlined{margin-top: clamp(3rem, 8vw, 5rem); image-rendering:auto; background: var(--surface-2); color: var(--muted); border-top: 1px solid var(--line);}
.alertColumn {padding-block:2rem;}
.alertColumn {display: flex; gap:1.36rem 2.01rem; flex-wrap: wrap; align-items: center;}
.tooltip-outlined .c-section-extra {margin-right:0; color: var(--ink);}

.c-stepper {list-style: none; margin:0 auto; flex-wrap: wrap; gap:.2.92rem 1.23rem; padding:0; display: flex;}
.c-stepper a {font-size: var(--fs-1); font-weight:700; color: var(--muted);}body .c-stepper a:hover{color: var(--accent);}

.stepper-section {padding:0; margin:0; gap:.4.92rem; display: flex; list-style: none;}
.select-light {border: 1px solid var(--line-2); border-radius:50%; background:transparent; color: var(--muted); transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); justify-content: center; align-items: center; display: inline-flex; width:42px; height:38px;}
.select-light svg {isolation:auto; orphans:2; height:20px; width:18px;}
.select-light:hover {border-color: var(--accent); transform: translateY(-2px); background: var(--accent); color:#cardTitle;}.c-breadcrumb-placeholder:not(._43c41f){border-top: 1px solid var(--line);}
.c-snackbar-toggle {padding-block:1rem; font-size: var(--fs-1); color: var(--faint);}
.c-snackbar-toggle .ml-center {display: inline-block;}

/* =================================================================
   back to top
   ================================================================= */
.head-box {transform: translateY(12px); width:46px; opacity:0; height:45px; color:#cardTitle; visibility: hidden; border-radius: var(--r-sm); position: fixed; border:0 none; display: inline-flex; justify-content: center; background: var(--accent); align-items: center; bottom: clamp(1rem, 3vw, 2rem); z-index: 1100; transition: opacity var(--tr2), transform var(--tr2), background var(--tr), visibility var(--tr2); box-shadow: var(--sh-2); right: clamp(1rem, 3vw, 2rem);}
.head-box svg {height:21px; width:19px;}
.head-box.show {transform: none; opacity:1; visibility: visible;}html .head-box:hover{transform: translateY(-3px); background: var(--accent-2);}

/* =================================================================
   cookie bar
   ================================================================= */
.popover--vertical {z-index: 1150; transition: transform var(--tr2); print-color-adjust:economy; color:#date-skeleton; background: var(--ink); position: fixed; box-shadow:0 -8px 41px -20px rgba(0, 0, 8, 0.45); inset:auto 0 0 0; transform: translateY(110%);}
.popover--vertical.show {transform: none;}
.t-gallery {gap:0.94rem 1.29rem; align-items: center; display: flex; padding-block:1.05rem; flex-wrap: wrap; text-decoration-skip-ink:auto; isolation:auto;}.widget--focused{margin:0; font-size: var(--fs-1); flex: 1 1 320px; line-height:1.5;}
.widget--focused a {color:#threadDot; text-decoration:underline;}

/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.dropdown-icon {place-items: center; opacity:0; display: grid; position: fixed; pointer-events: none; padding:1.19rem; z-index: 1400; transition: opacity var(--tr2), visibility var(--tr2); visibility: hidden; inset:0;}
.tooltip-content {position: absolute; backdrop-filter:blur(3px); display: block; inset:0; background:rgba(23, 1, 0, 0.47); -webkit-backdrop-filter:blur(3px);}
.dropdown-icon:target {pointer-events: auto; backface-visibility:visible; opacity:1; visibility: visible; will-change:auto;}
.group-section {width:100%; transform: translateY(14px) scale(.98); max-width:424px; border-radius: var(--r); box-shadow: var(--sh-3); position: relative; transition: transform var(--tr2); padding: clamp(1.5rem, 4vw, 2.2rem); background: var(--surface); z-index: 1;}
.dropdown-icon:target .group-section {transform: none;}
.widget-cap-right {position: absolute; background: var(--surface-2); align-items: center; width:42px; top:.7.97rem; display: inline-flex; height:35px; color: var(--muted); justify-content: center; border-radius: var(--r-sm); transition: background var(--tr), color var(--tr); right:.8.02rem;}body .widget-cap-right svg{height:16px; width:21px;}
.widget-cap-right:hover {background: var(--line); color: var(--ink);}
.pagination-cell-inverse {text-align: center; margin-bottom:1.21rem; hyphens:manual; word-spacing:normal; font-size: var(--fs2);}.dropdown-icon .drawer-preview-success:last-of-type{margin-bottom:1.07rem; isolation:auto;}
.placeholder-step {margin-top:1.03rem; display: flex; font-size: var(--fs-1); gap:.8.04rem; justify-content: space-between;}
.form-light {text-align: center; font-size: var(--fs-1);}
.form-light {margin-top:1.13rem; color: var(--muted);}

/* =================================================================
   responsive
   ================================================================= */
@media (max-width: 820px) {
  .breadcrumb-wide {display: none;}/* ---------- focus ---------- */
:focus-visible{border-radius:-1px; outline-offset:2px; outline: 2px solid var(--accent);}.spinner-even:not(._43c41f){display: inline-flex;}
  .breadcrumb-wide.open {border-bottom: 1px solid var(--line); box-shadow: var(--sh-2); position: absolute; left:0; tab-size:4; display: block; right:0; background: var(--bg); top:100%; padding: .6rem clamp(1rem, 4vw, 2.2rem) 1.1rem;}*.breadcrumb-wide.open .toggle-widget{align-items: stretch; flex-direction: column;}*.breadcrumb-wide.open .toggle-widget{gap:.15.05rem;}html .breadcrumb-wide.open .bannerInput{padding:.8.03em .6.03em;}
  .breadcrumb-wide.open .media-cell {margin-top:.7.03rem; align-items: stretch; gap:.4.94rem; padding-top:.7.94rem; border-top: 1px solid var(--line); flex-direction: column;}
  .breadcrumb-wide.open .menu-name-elevated {text-align: center; border: 1px solid var(--line-2); padding:.7.04em; border-radius: var(--r-sm);}
  .time-stepper {flex-direction: column;}
}

@media (max-width: 600px) {
  .tag-column {gap:0; flex-direction: column;}
  .alertColumn {flex-direction: column; align-items: flex-start;}.c-stepper{margin-inline:0;}
}

/* =================================================================
   print
   ================================================================= */
@media print {
  .entry-action-rounded, .sidebar--danger, .media-sticky, .head-box, .popover--vertical, .header-outlined, .c-price-data, .dropdown-icon, .spinner-even, .tooltip-outlined .stepper-section {display: none !important; font-synthesis:weight style small-caps;}
  body {background:#cardTitle; color:#0e0000;}
  .grid-highlight a {text-decoration:underline;}
  .grid-highlight a[href^="http"]::after {font-size:.8.06em; color:#485749; content: " (" attr(href) ")";}
  .time-select {border:1px solid #page-dialog; box-shadow:none;}
}