/* Important declarations in this layer take precedence over the unlayered legacy
   styles, without escalating selector specificity across 193 static pages. */
@layer editorial {
:root {
  --editorial-ink: #20382f;
  --editorial-muted: #59665f;
  --editorial-paper: #f5f3eb;
  --editorial-surface: #fffef9;
  --editorial-line: #d9dfd5;
  --editorial-green: #143e33;
  --editorial-gold: #ddbd78;
  --editorial-shadow: 0 8px 28px rgba(20, 48, 37, .06);
}
html:has(#site) { background: var(--editorial-paper); scroll-padding-top: 88px !important; overflow-x: clip !important; }
#site { margin: 0; font-family: "Segoe UI", system-ui, sans-serif !important; color: var(--editorial-ink) !important; background: var(--editorial-paper) !important; overflow-x: clip !important; }
#site.apothecary-site main { overflow: visible !important; background: var(--editorial-paper) !important; }
#site::before, #site::after { content: none !important; }
#site *, #site *::before, #site *::after { box-sizing: border-box; }
#site h1, #site h2, #site h3 { font-family: Georgia, "Times New Roman", serif !important; font-weight: 500 !important; letter-spacing: -.025em !important; text-shadow: none !important; -webkit-text-fill-color: currentColor !important; }
#site h1 { text-wrap: balance; }
#site p { text-wrap: pretty; }
#site a, #site button, #site summary, #site select { touch-action: manipulation; }
#site a:focus-visible, #site button:focus-visible, #site summary:focus-visible, #site input:focus-visible, #site textarea:focus-visible, #site select:focus-visible { outline: 3px solid #b78732 !important; outline-offset: 4px !important; }
#site button, #site input, #site select, #site textarea { font-family: inherit; }
#site button, #site summary { cursor: pointer; }
#site [hidden], #site .nav-links[hidden], #site .nav-toggle[hidden] { display: none !important; }
#site .site-header { position: sticky !important; top: 0; z-index: 80; background: #102f27 !important; box-shadow: none !important; backdrop-filter: none !important; }
#site .site-header::before, #site .site-header::after { content: none !important; }
#site .nav { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 12px !important; width: min(100% - 48px, 1200px) !important; max-width: 1200px !important; min-height: 76px !important; padding: 12px 0 !important; margin: 0 auto !important; }
#site .brand { display: inline-flex; flex: 0 1 auto; align-items: center; gap: 10px; min-width: 0; font: 500 15px/1.3 Georgia, serif !important; color: #faf6e9 !important; }
#site .brand-mark { flex: 0 0 34px; width: 34px !important; height: 34px !important; border-radius: 50% !important; border: 1px solid #bd9c62 !important; background: transparent !important; color: #e6c988 !important; box-shadow: none !important; font: 500 12px/1 Georgia, serif !important; }
#site .nav-links { display: flex !important; flex: 0 1 auto; align-items: center; gap: 5px !important; width: auto !important; padding: 0 !important; }
#site .nav-links a { display: inline-flex !important; align-items: center !important; min-height: 44px !important; padding: 9px 10px !important; border: 0 !important; border-radius: 5px; color: #e9eee5 !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: none !important; white-space: nowrap; }
#site .nav-links a:hover, #site .nav-links a[aria-current] { color: #f1d596 !important; background: #20453a !important; }
#site .nav-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 1px solid #698477; border-radius: 6px; background: transparent; color: #fff9e9; font-size: 14px; }
#site .nav-toggle { width: 88px; flex: 0 0 88px; font-size: 14px !important; }
#site .nav { flex-direction: row !important; }
#site .brand { width: auto !important; }
#site .article-hero { min-height: 0 !important; }
#site .article-hero .article-meta :is(span, time, a) { color: #59665b !important; font-weight: 400 !important; }
#site .site-footer { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 40px max(24px, calc((100% - 1200px) / 2)) !important; background: #102f27 !important; color: #e9eee5 !important; border: 0 !important; gap: 32px; }
#site .site-footer p { color: #ccd7cd !important; max-width: 65ch; font-size: 14px; }
#site .site-footer a { display: inline-flex; align-items: center; min-height: 44px; color: #e9eee5 !important; font-weight: 500 !important; }
#site .eyebrow, #site .article-kicker, #site .home-v2-kicker { font-family: "Segoe UI", sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .12em !important; line-height: 1.6 !important; }
#site .article-page { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; }
#site .article-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; align-items: center !important; gap: clamp(32px, 5vw, 72px) !important; width: 100% !important; margin: 0 !important; padding: 64px max(24px, calc((100% - 1200px) / 2)) !important; background: #e9eee4 !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; }
#site .article-hero::before, #site .article-hero::after { content: none !important; }
#site .article-hero h1 { max-width: 24ch !important; margin: 16px 0 20px !important; color: #183b2f !important; -webkit-text-fill-color: #183b2f !important; font-size: clamp(32px, 3.55vw, 52px) !important; line-height: 1.12 !important; overflow-wrap: normal !important; }
#site .article-hero .eyebrow { color: #755323 !important; }
#site .article-hero .article-kicker { margin-top: 12px; color: #526a59 !important; }
#site .article-hero .intro { font: 400 17px/1.75 "Segoe UI", sans-serif !important; color: #4a5d50 !important; max-width: 57ch !important; }
#site .article-hero .article-meta { margin-top: 24px; font: 400 12px/1.7 "Segoe UI", sans-serif !important; letter-spacing: 0 !important; color: #59665b !important; }
#site .hero-media { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; box-shadow: none !important; transform: none !important; }
#site .hero-media::before, #site .hero-media::after { content: none !important; }
#site .hero-media img { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: 580px; object-fit: contain !important; border-radius: 8px; }
#site .hero-media figcaption { display: block !important; position: static !important; margin-top: 10px !important; padding: 0 !important; background: none !important; color: #59665b !important; font: 400 12px/1.6 "Segoe UI", sans-serif !important; }
#site .article-layout { display: grid !important; grid-template-columns: 230px minmax(0, 760px) !important; align-items: start !important; justify-content: center; gap: 56px !important; width: min(100% - 48px, 1160px) !important; margin: 0 auto !important; padding: 56px 0 80px !important; background: none !important; }
#site .article-toc { position: sticky !important; top: 100px !important; width: 100% !important; padding: 20px 0 !important; border: 0 !important; border-top: 1px solid #abbcab !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
#site .article-toc summary { padding: 0 0 12px; font: 500 20px/1.5 Georgia, serif; color: #234335; }
#site .article-toc a { display: block !important; padding: 10px 0 !important; min-height: 44px; border: 0 !important; color: #4d6051 !important; font: 400 13px/1.55 "Segoe UI", sans-serif !important; text-decoration: none; }
#site .article-toc a:hover { color: #184b36 !important; text-decoration: underline; text-underline-offset: 4px; }
#site .article-content { width: 100% !important; min-width: 0 !important; max-width: 760px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
#site .article-content p, #site .article-content li { font: 400 17px/1.85 "Segoe UI", sans-serif !important; color: #304338 !important; }
#site .article-content p { margin: 0 0 1.25em; }
#site .article-content section { margin-bottom: 36px; scroll-margin-top: 100px; }
#site .article-content h2 { color: #234735 !important; font-size: clamp(27px, 2.5vw, 34px) !important; line-height: 1.2 !important; padding: 0 !important; margin: 40px 0 20px !important; border: 0 !important; background: none !important; }
#site .article-content h2::before, #site .article-content h2::after { content: none !important; }
#site .article-content h3 { color: #234735 !important; font-size: 23px !important; line-height: 1.35 !important; }
#site .article-content a:not(.article-chat-cta__link) { color: #21624a; text-underline-offset: 4px; }
#site .article-figure { margin: 36px 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
#site .article-figure img { border-radius: 8px !important; box-shadow: none !important; }
#site .article-figure figcaption { color: #58675a !important; font: 400 13px/1.65 "Segoe UI", sans-serif !important; padding: 12px 0 0 !important; }
#site .scene-external-reading, #site .article-chat-cta { background: #eaf0e6 !important; border: 1px solid #d1dece !important; border-radius: 8px !important; box-shadow: none !important; }
#site .article-chat-cta__link { min-height: 44px; background: #234e3d !important; color: #fffdf5 !important; font-weight: 500 !important; }
#site .content-narrow { width: min(100% - 48px, 1200px) !important; max-width: 1200px !important; margin-inline: auto !important; }
#site .content-section { background-image: none !important; }
#site .questions-jump-section, #site .relationship-map-section, #site .question-index-section, #site .character-card-section { background: var(--editorial-paper) !important; }
#site .characters-hero { width: 100% !important; max-width: none !important; margin: 0 !important; }
#site .questions-hero, #site .characters-hero, #site .archive-hero { padding: 64px 0 48px !important; background: #e9eee4 !important; border: 0 !important; }
#site .questions-hero::before, #site .questions-hero::after, #site .characters-hero::before, #site .archive-hero::before, #site .archive-hero::after { content: none !important; }
#site .questions-hero h1, #site .characters-hero h1, #site .archive-hero h1 { font-size: clamp(36px, 4.5vw, 62px) !important; line-height: 1.1 !important; color: #203e30 !important; -webkit-text-fill-color: #203e30 !important; margin: 12px 0 20px !important; max-width: 23ch !important; }
#site .section-intro { color: #536455 !important; max-width: 66ch !important; font: 400 16px/1.8 "Segoe UI", sans-serif !important; }
#site .questions-note, #site .characters-note, #site .relationship-thread, #site .character-card, #site .legal-card, #site .reading-path-grid article { border: 1px solid var(--editorial-line) !important; border-radius: 10px !important; background: var(--editorial-surface) !important; box-shadow: var(--editorial-shadow) !important; }
#site .character-card h3, #site .relationship-thread h3 { color: #294b37 !important; font-size: 26px !important; }
#site .character-card { padding: 24px !important; scroll-margin-top: 96px; }
#site .character-card p, #site .character-card li, #site .relationship-thread p { color: #526150 !important; font-size: 15px !important; line-height: 1.75 !important; }
#site .character-card .character-portrait { border-radius: 7px !important; box-shadow: none !important; }
#site .character-chat-link { background: #24503e !important; color: #fffef4 !important; min-height: 44px; padding: 10px 14px; font-weight: 500 !important; border-radius: 6px !important; }
#site .map-node { padding: 16px !important; border: 1px solid #cad8c7 !important; border-radius: 7px !important; background: #eef3e9 !important; color: #244736 !important; box-shadow: none !important; }
#site .map-node small { color: #52634f !important; }
#site .relationship-map::before, #site .relationship-map::after { content: none !important; }
#site .question-jump-list a { display: inline-flex; align-items: center; min-height: 44px; background: #eaf0e5 !important; color: #31503d !important; border: 1px solid #cad8c4 !important; border-radius: 6px !important; font-weight: 500 !important; }
#site .answer-index-group { border: 1px solid var(--editorial-line) !important; border-radius: 10px !important; background: #fffef9 !important; box-shadow: var(--editorial-shadow) !important; scroll-margin-top: 100px; }
#site .answer-group-meta { background: #eaf0e5 !important; color: #254934 !important; }
#site .answer-group-meta h3 { color: #254934 !important; font-size: 28px !important; }
#site .answer-group-meta p { color: #52654c !important; }
#site .answer-group-count { color: #47623c !important; border-color: #bccbb5 !important; }
#site .answer-row { background: none !important; padding-block: 24px !important; border-color: #e1e6dc !important; }
#site .answer-row h4 { font-size: 18px !important; line-height: 1.45 !important; font-weight: 600 !important; }
#site .answer-row p { color: #596655 !important; font-size: 15px !important; line-height: 1.75 !important; }
#site .question-link { display: inline-flex; align-items: center; min-height: 44px; color: #28593d !important; background: #eef4e8 !important; border: 1px solid #c8d8c0 !important; border-radius: 5px !important; font-weight: 500 !important; }
#site .article-index-tools { max-width: 800px !important; padding: 16px !important; background: #fffef9 !important; border: 1px solid #cbd8c5 !important; border-radius: 10px !important; box-shadow: var(--editorial-shadow) !important; }
#site .archive-hero .content-narrow { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
#site .archive-result-panel { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px 24px !important; padding: 20px 24px !important; background: #edf2e7 !important; box-shadow: none !important; border: 1px solid #d2dec9 !important; }
#site .archive-result-kicker { display: none !important; }
#site .archive-result-title { max-width: none !important; font-size: 27px !important; margin: 0 !important; }
#site .archive-result-copy { grid-column: 1; margin: 0 !important; }
#site .archive-clear-search { grid-column: 2; grid-row: 1 / 3; align-self: center; min-height: 44px; }
#site .article-search-input { height: 50px !important; font-size: 16px !important; background: #fffef9 !important; color: #233c2d !important; border: 1px solid #aabca2 !important; border-radius: 5px !important; }
#site .article-search-submit { height: 50px !important; padding-inline: 24px !important; background: #234e3b !important; color: #fffdf5 !important; border-radius: 5px !important; font-weight: 500 !important; }
#site #articleGrid.topic-grid > a.topic-card { border: 1px solid #d8dfd1 !important; border-radius: 10px !important; box-shadow: var(--editorial-shadow) !important; background: #fffef9 !important; }
#site #articleGrid .topic-card h3 { font-size: 25px !important; line-height: 1.25 !important; color: #254831 !important; }
#site #articleGrid .topic-card p { font-size: 15px !important; line-height: 1.75 !important; color: #586451 !important; }
#site .reader-hero { background: #e9eee4 !important; padding-block: 56px !important; border: 0 !important; }
#site .reader-hero, #site .reader-hero-inner { min-height: 0 !important; }
#site .reader-hero-inner { padding-block: 0 !important; align-items: center !important; }
#site .reader-hero-stat { padding: 24px !important; }
#site .reader-hero-stat > strong { font: 500 64px/1.2 Georgia, serif !important; }
#site .reader-stat-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px !important; margin-top: 20px !important; }
#site .reader-stat-list > div { display: block !important; padding: 12px 0 0 !important; }
#site .reader-stat-list dt { font-size: 24px !important; }
#site .reader-stat-list dd { font-size: 11px !important; line-height: 1.5 !important; }
#site .reader-hero::before, #site .reader-hero::after { content: none !important; }
#site .reader-hero h1 { color: #20432f !important; font-size: clamp(40px, 5vw, 66px) !important; }
#site .reader-hero .eyebrow, #site .reader-lead { color: #52654f !important; }
#site .reader-hero-stat { background: #244c38 !important; color: #fff8e7 !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; }
#site .reader-workbench, #site .reader-card, #site .reader-start, #site .reader-access-note { background: #fffef9 !important; border: 1px solid #d9dfd1 !important; border-radius: 10px !important; box-shadow: var(--editorial-shadow) !important; }
#site .reader-workbench { padding-block: 32px !important; }
#site .reader-section-heading { align-items: center !important; gap: 24px !important; padding-bottom: 0 !important; }
#site .reader-section-heading h2, #site .reader-results-head h2, #site .reader-access-note h2 { max-width: none !important; font-size: clamp(28px, 3vw, 38px) !important; line-height: 1.2 !important; }
#site .reader-access-note h2, #site .reader-access-note .eyebrow { color: var(--editorial-green) !important; }
#site .reader-access-note p:last-child { color: var(--editorial-muted) !important; }
#site .reader-section-aside { flex: 0 1 360px; max-width: 360px !important; border-color: #cad8c7 !important; }
#site .reader-section-aside-note { margin-top: 8px !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; color: #59665f !important; font: 400 15px/1.65 "Segoe UI", sans-serif !important; }
#site .reader-results-section { padding-block: 48px !important; }
#site .reader-results-head { grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 24px !important; padding-bottom: 24px !important; }
#site .reader-result-summary { gap: 8px !important; padding: 0 0 0 24px !important; border: 0 !important; border-left: 1px solid #cad8c7 !important; }
#site .reader-result-summary span { max-width: none !important; color: #59665f !important; font-weight: 500 !important; line-height: 1.5 !important; }
#site .reader-result-summary strong { color: #244c38 !important; font-size: 48px !important; line-height: 1 !important; }
#site .reader-field select, #site .reader-results-meta select { font-size: 16px !important; min-height: 48px !important; border-radius: 5px !important; }
#site .reader-button, #site .reader-preset { min-height: 44px !important; border-radius: 5px !important; font-weight: 500 !important; }
#site .reader-button-primary { background: #28563e !important; color: #fffef3 !important; }
#site .legal-page { width: min(100% - 48px, 1040px) !important; padding-block: 64px !important; margin: auto !important; }
#site .legal-page { padding-inline: 0 !important; }
#site .legal-page::before, #site .legal-page::after { content: none !important; }
#site .legal-layout { display: block !important; width: 100% !important; max-width: none !important; }
#site .legal-layout > div:first-child { position: static !important; padding: 32px !important; border: 0 !important; border-radius: 10px !important; background: #e9eee4 !important; box-shadow: none !important; }
#site .legal-layout > div:last-child { margin-top: 28px; }
#site .legal-layout .eyebrow { color: #52634e !important; }
#site .legal-layout .eyebrow, #site .legal-layout .intro { -webkit-text-fill-color: currentColor !important; }
#site .legal-layout .intro { max-width: 65ch !important; color: #52634e !important; font: 400 17px/1.8 "Segoe UI", sans-serif !important; }
#site .legal-page h1 { max-width: 24ch !important; font-size: clamp(36px, 5vw, 60px) !important; line-height: 1.12 !important; color: #254733 !important; }
#site .legal-page p { line-height: 1.85; color: #4c5f4c; }
#site .legal-card { padding: 28px !important; }
#site .not-found-hero { background: #143e33 !important; color: #fff8ea !important; }
#site .not-found-hero::before { content: none !important; }
#site .not-found-code { color: #ddbd78 !important; opacity: 1 !important; }
#site .home-v2-hero { min-height: 640px !important; }
#site .home-v2-hero h1 { max-width: 14ch !important; font-size: clamp(42px, 5.5vw, 76px) !important; line-height: 1.02 !important; }
#site .home-v2-hero-copy { max-width: 640px !important; }
#site .home-v2-hero-intro { max-width: 54ch !important; font-size: 17px !important; }
#site .home-v2-hero-shade { background: linear-gradient(90deg, rgba(6,25,18,.95), rgba(6,25,18,.76) 42%, rgba(6,25,18,.15) 75%) !important; }
#site .home-v2-section-heading h2 { font-size: clamp(32px, 3.4vw, 46px) !important; line-height: 1.13 !important; }
#site .home-v2-button { min-height: 48px !important; font-size: 14px !important; font-weight: 500 !important; border-radius: 6px !important; box-shadow: none !important; }
#site .home-v2-latest { background: #fffef9 !important; }
#site .home-v2-latest .home-v2-text-link { color: #28563e !important; }
#site .home-v2-latest-track { touch-action: pan-x pan-y !important; }
#site .home-v2-latest-card { border-radius: 9px !important; border: 1px solid #dce2d5 !important; box-shadow: none !important; background: #fffef7 !important; }
#site .home-v2-latest-card h3 { font-size: 26px !important; line-height: 1.2 !important; color: #234432 !important; }
#site .home-v2-latest-card p { font-size: 14px !important; color: #596451 !important; }
#site .home-v2-latest-card time, #site .home-v2-latest-card strong { font-weight: 500 !important; }
#site .home-v2-latest-control { width: 44px !important; height: 44px !important; }
#site .home-v2-character { border-radius: 10px !important; box-shadow: none !important; }
#site .home-v2-character h3 { font-size: 29px !important; }
#site .home-v2-cabinet, #site .home-v2-desk, #site .home-v2-spoilers, #site .home-v2-faq { background-image: none !important; }
#site .home-v2-spoiler-grid h3 { font-size: 27px !important; line-height: 1.3 !important; }
#site .home-v2-spoiler-grid > a { border-radius: 8px !important; }
/* Chat keeps its persona colors and conversation behavior. */
#site .site-bar { min-height: 76px; width: min(1440px, 100% - 40px); }
#site .site-mark { align-items: center; text-transform: none; }
#site .site-nav a { font-weight: 500; }
#site .character-panel, #site .chat-panel { border-radius: 12px !important; border-color: #d6dfce !important; box-shadow: var(--editorial-shadow) !important; }
#site .chat-header { border-radius: 12px 12px 0 0 !important; background: #edf2e7 !important; }
#site .prompt-button { border-radius: 8px !important; }
#site .composer-box { border-radius: 10px !important; }
#site .composer textarea { font-size: 16px !important; }
#site .spoiler-button, #site .reset-button { min-height: 44px !important; }
@media (max-width: 1000px) {
  #site .nav { min-height: 68px !important; width: calc(100% - 32px) !important; }
  #site .nav-links { flex: 1 0 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px !important; padding: 8px 0 12px !important; }
  #site .nav-links a { padding: 12px !important; }
  #site .article-hero { gap: 32px !important; padding: 40px 24px !important; }
  #site .article-layout { grid-template-columns: minmax(0, 760px) !important; gap: 28px !important; padding-top: 28px !important; }
  #site .article-toc { position: static !important; padding: 0 !important; border: 1px solid #cbd7c5 !important; border-radius: 8px !important; background: #edf2e7 !important; }
  #site .article-toc summary { min-height: 52px; padding: 12px 18px; font-size: 18px; }
  #site .article-toc a { padding: 10px 18px !important; }
  #site .questions-hero-inner, #site .characters-hero-inner { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 700px) {
  #site .brand { max-width: calc(100% - 108px) !important; font-size: 13px !important; }
  #site .brand > span:last-child { max-width: 185px; }
  #site .article-hero { grid-template-columns: minmax(0, 1fr) !important; padding: 32px 20px !important; gap: 28px !important; }
  #site .article-hero h1 { font-size: clamp(30px, 7.5vw, 44px) !important; line-height: 1.13 !important; }
  #site .article-hero .intro { font-size: 16px !important; }
  #site .article-layout { width: calc(100% - 40px) !important; padding-bottom: 48px !important; }
  #site .article-content p, #site .article-content li { font-size: 16px !important; line-height: 1.85 !important; }
  #site .article-content h2 { font-size: 28px !important; margin-top: 30px !important; }
  #site .content-narrow, #site.archive-page #main .archive-hero .content-narrow { width: calc(100% - 40px) !important; padding: 0 !important; }
  #site .questions-hero, #site .characters-hero, #site .archive-hero { padding: 36px 0 !important; }
  #site .questions-hero h1, #site .characters-hero h1, #site .archive-hero h1 { font-size: 36px !important; }
  #site .character-card { padding: 20px !important; }
  #site .article-index-tools { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
  #site .article-search-submit { width: 100% !important; }
  #site .archive-result-panel { display: block !important; padding: 20px !important; }
  #site .archive-clear-search { margin-top: 12px !important; }
  #site .home-v2-hero { min-height: 660px !important; }
  #site .home-v2-hero-inner { padding-top: 48px !important; padding-bottom: 72px !important; }
  #site .home-v2-hero h1 { font-size: 46px !important; max-width: 13ch !important; }
  #site .home-v2-hero-intro { font-size: 16px !important; line-height: 1.75 !important; }
  #site .home-v2-hero-shade { background: linear-gradient(90deg, rgba(6,25,18,.93), rgba(6,25,18,.65)), linear-gradient(0deg, #0c2b20, transparent 60%) !important; }
  #site .home-v2-hero-actions { align-items: stretch; }
  #site .home-v2-section-heading { gap: 20px !important; }
  #site .home-v2-section-heading h2 { font-size: 34px !important; }
  #site .site-footer { display: grid !important; padding: 32px 20px !important; }
  #site .site-footer nav { display: flex; flex-wrap: wrap; gap: 8px 20px; }
  #site .legal-page { width: calc(100% - 40px) !important; padding-block: 36px !important; }
  #site .legal-layout > div:first-child { padding: 24px !important; }
  #site .reader-hero { padding-block: 32px !important; }
  #site .reader-hero-stat { padding: 20px !important; }
  #site .reader-section-aside { flex-basis: auto !important; max-width: none !important; }
  #site .reader-results-head { grid-template-columns: minmax(0, 1fr) !important; }
  #site .reader-result-summary { justify-items: start !important; padding: 0 !important; border: 0 !important; }
  #site .site-bar { min-height: 64px; gap: 10px; width: calc(100% - 28px); }
  #site .site-mark { flex-wrap: wrap; gap: 0 6px; max-width: 160px; line-height: 1.3; }
  #site .site-nav { gap: 0; }
  #site .site-nav a { padding-inline: 7px; font-size: 12px; }
  #site .character-panel, #site .chat-panel { border-radius: 8px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(#site), #site *, #site *::before, #site *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
}