/* Editorial skin. Data and routing stay independent of presentation. */
:root {
    color-scheme: dark;
    --bg-page: #111114;
    --bg-surface: #19191d;
    --bg-surface-strong: #202025;
    --bg-muted: #27272e;
    --bg-accent-soft: #2d3320;
    --text-primary: #f1f0e9;
    --text-secondary: #b8b8be;
    --text-tertiary: #95959f;
    --text-muted: #95959f;
    --border-subtle: #34343c;
    --border-strong: #d7ff3f;
    --brand: #d7ff3f;
    --brand-strong: #d7ff3f;
    --brand-warm: #d7ff3f;
    --brand-cool: #c2b4ff;
    --success: #b8e986;
    --shadow-card: none;
    --shadow-soft: none;
    --shadow-focus: 0 0 0 2px #d7ff3f;
    --radius-md: 8px;
    --radius-lg: 10px;
    --content-width: 1320px;
}
body { background: var(--bg-page); }
.site-shell { width:min(var(--content-width), calc(100% - 80px)); }
body::before, body::after, .floating-orb, .cursor-glow, .page-transition,
.glow-border::before, .ripple { display: none; }
/* No legacy transforms on containers: sticky navigation remains viewport-bound. */
.reveal, .reveal-scale, .glass-panel.reveal { transform:none; transition:none; }
.reveal, .reveal-scale, .glass-panel.reveal { opacity: 1; }
.tag-pill, .counter-value, .text-gradient, .toc-link::before { animation: none; }
.text-gradient { background: none; -webkit-text-fill-color: currentColor; }
.brand-nav { min-height: 88px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--border-subtle); }
.brand-mark { font-size:30px; font-weight:950; letter-spacing:-2px; }
.brand-mark span { font-size:13px; vertical-align:top; margin-left:4px; color:var(--brand); }
.brand-nav__note, .nav-archive, .editorial-kicker, .hero-specialties, .poster-top, .poster-bottom > span { font:11px/1.6 Consolas, monospace; letter-spacing:1.5px; }
.brand-nav__note { color:var(--text-tertiary); }
.nav-archive { color:var(--brand); font-size:13px; }
.page-frame { padding-top:28px; }
.btn, .btn-secondary, .btn-ghost, .back-link, .tab-button, .icon-button, .link-chip { border-radius:4px; box-shadow:none; }
.btn, .tab-button.is-active { background:var(--brand); color:#14160c; border:1px solid var(--brand); }
.btn-secondary, .btn-ghost, .back-link, .icon-button, .link-chip { background:#202025; border:1px solid #41414a; color:var(--text-primary); }
.btn:hover { background:#e2ff78; }
.btn-secondary:hover, .btn-ghost:hover, .back-link:hover, .link-chip:hover { border-color:var(--brand); color:var(--brand); box-shadow:none; }
.eyebrow { background:none; border:0; border-radius:0; padding:0; box-shadow:none; font-size:11px; letter-spacing:1px; }
.meta-pill, .stat-pill, .tag { background:#28282e; color:#c8c8cf; border:1px solid #3b3b44; border-radius:4px; padding:4px 8px; font-size:11px; }
.tag { color:#c2b4ff; }
.section-title { font-size:23px; letter-spacing:-.6px; }
.section-title > i { color:var(--brand); font-size:.7em; }
.empty-state { background:#1c1c21; border-color:#44444c; }
.tile-icon { box-shadow:none; background:#2b2b32; color:var(--brand) !important; border-radius:4px; }
.info-tile:hover, .folder-card:hover, .record-card:hover, .doc-item:hover, .sidebar-item:hover { box-shadow:none; }
.divider { background:var(--border-subtle); }
:is(a, button, input):focus-visible { outline:2px solid var(--brand); outline-offset:4px; }
::selection { background:var(--brand); color:#111114; }

/* Home: oversized type, a typographic identity poster and numbered archive. */
.home-hero { padding:20px 0 0; border:0; border-radius:0; background:none; box-shadow:none; gap:20px; overflow:visible; }
.hero-editorial { display:grid; grid-template-columns:1.5fr 1fr; gap:60px; align-items:center; }
.editorial-kicker { color:var(--brand); }
.hero-wordmark { font:950 clamp(100px,14vw,190px)/.95 Arial,sans-serif; letter-spacing:-.085em; margin:20px 0; }
.hero-wordmark > span { color:var(--brand); font-size:.65em; padding-left:12px; vertical-align:top; }
.hero-manifesto { font-size:clamp(26px,3vw,42px); line-height:1.35; font-weight:750; letter-spacing:-1px; margin:24px 0 18px; }
.hero-specialties { color:var(--text-tertiary); letter-spacing:1px; }
.identity-poster { position:relative; background:#d7ff3f; color:#15180c; padding:24px; min-height:350px; display:flex; flex-direction:column; justify-content:space-between; border-radius:3px; overflow:hidden; }
.poster-top, .poster-bottom { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.poster-top { border-bottom:1px solid #15180c; padding-bottom:12px; }
.poster-symbol { font:950 220px/.9 Arial,sans-serif; letter-spacing:-20px; position:relative; }
.poster-symbol > span { font-size:140px; color:#5e4acb; position:absolute; right:10px; top:20px; letter-spacing:0; }
.poster-bottom { border-top:1px solid #15180c; padding-top:16px; }
.poster-bottom strong { font-size:24px; letter-spacing:-1px; }
.poster-bottom > span { font-size:9px; letter-spacing:.7px; }
.home-hero > .eyebrow { display:none; }
.home-hero > div:not(.hero-editorial):not(.button-row) .hero-title { font-size:16px; line-height:1.5; margin:0; letter-spacing:0; color:var(--text-secondary); }
.home-hero .hero-copy { font-size:13px; }
.home-hero__stats { margin-top:20px; border-top:1px solid #44444c; border-bottom:1px solid #44444c; gap:0; grid-template-columns:repeat(4,minmax(0,1fr)); }
.home-hero__panel { background:none; border:0; border-right:1px solid #34343c; border-radius:0; padding:22px; box-shadow:none; }
.home-hero__panel:first-child { padding-left:0; }
.home-hero__panel:last-child { border-right:0; }
.home-hero__panel .stat-card__value { font-size:36px; color:var(--brand); }
.home-hero__panel .stat-card__label { font-size:12px; margin-top:8px; }
.home-hero__panel .stat-card__meta { display:none; }
.home-sections { gap:54px; margin-top:52px; counter-reset:home-section; }
.home-sections > .section-card { background:none; border:0; padding:0; border-radius:0; counter-increment:home-section; }
.home-sections > .section-card > .section-heading { padding-bottom:18px; border-bottom:1px solid #34343c; }
.home-sections > .section-card > .section-heading .section-title::before { content:"0" counter(home-section) " /"; color:var(--brand); font:12px Consolas,monospace; margin-right:10px; }
.home-sections .muted-text { font-size:12px; margin-top:6px; }
.info-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.info-tile { padding:24px; min-height:180px; }
.tile-value { font-size:14px; font-weight:500; line-height:1.8; }
.info-tile:first-child, .info-tile:nth-child(2) { background:#e9e7df; color:#19191d; }
.info-tile:nth-child(-n+2) .tile-value { color:#19191d; font-size:19px; font-weight:750; }
.info-tile:nth-child(-n+2) .tile-label { color:#55555c; }
.folder-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; counter-reset:folder; border-top:1px solid #34343c; }
.folder-card { background:none; border:0; border-bottom:1px solid #34343c; border-radius:0; padding:24px; min-height:185px; gap:12px; counter-increment:folder; }
.folder-card::before { content:counter(folder,decimal-leading-zero); font:12px Consolas,monospace; color:var(--text-tertiary); }
.folder-card__icon { display:none; }
.folder-card__title { font-size:18px; }
.folder-card:hover { background:#24262a; }
.folder-card__arrow { background:none; color:var(--brand); border:1px solid #4a4a50; border-radius:0; }
.folder-card__meta { font-size:11px; }
.record-columns { grid-template-columns:1fr 1fr; gap:28px; }
.record-card { background:#19191d; padding:20px; border-radius:4px; }
.record-card__title { font-size:15px; }
.home-footer { margin-top:64px; padding:24px 0; border-top:1px solid #34343c; }

/* Archive: compact controls and visible results higher on the page. */
.docs-sidebar, .toolbar, .search-section { border-radius:8px; background:#19191d; }
.docs-sidebar { padding:20px; }
#docsSidebarDescription, #docsStatsDescription { display:none; }
.tab-button { background:#24242b; color:#b8b8be; border:1px solid #393941; font-size:12px; padding:0 12px; }
.tab-button.is-active, .tab-button.active, .tab-button[aria-selected="true"] { background:var(--brand); color:#111114; }
.sidebar-item { border-radius:4px; background:transparent; box-shadow:none; }
.sidebar-item.is-active, .sidebar-item.active { background:#2b321b; border-color:#6d8032; }
.sidebar-subitem { background:#24242b; border-radius:3px; }
.sidebar-subitem.is-active { background:#2b321b; color:var(--brand); }
.sidebar-item__title { padding:10px 12px; font-size:13px; }
.toolbar { padding:18px 22px; }
.search-section { padding:16px; }
.search-bar__input { background:#111114; color:var(--text-primary); border:1px solid #44444c; border-radius:4px; }
.search-bar__input:focus { border-color:var(--brand); box-shadow:0 0 0 1px var(--brand); }
.tag-filter-area { border-color:#34343c; margin-top:12px; padding-top:10px; }
.tag-filter-area__body { max-height:86px; gap:6px; scrollbar-color:#62626d #202025; }
.tag-pill { background:#24242a; border:1px solid #3b3b44; color:#bdbdc5; border-radius:3px; font-size:11px; padding:4px 8px; }
.tag-pill.is-selected { background:#d7ff3f; border-color:#d7ff3f; color:#17190c; box-shadow:none; }
.tag-pill__count { background:#35353d; color:#dddde3; border-radius:2px; }
.tag-pill.is-selected .tag-pill__count { background:#bbdb40; color:#17190c; }
.tag-filter-area__clear { background:#2b321b; border-color:#6d8032; color:var(--brand); border-radius:3px; }
.docs-main > .section-card:has(#docStats) { padding:12px 18px; }
.docs-main > .section-card:has(#docStats) > .section-heading { margin-bottom:8px; }
.docs-main > .section-card:has(#docStats) .section-title { font-size:12px; }
#docStats .stats-grid { gap:16px; }
#docStats .stat-card { min-height:0; padding:4px 0; border:0; background:none; gap:4px; }
#docStats .stat-card__value { font-size:23px; }
#docStats .stat-card__label { font-size:11px; }
#docStats .stat-card__meta { display:none; }
.docs-main > .section-card:has(#documentList) { padding:22px; background:none; border:0; }
.doc-item { background:#19191d; border-radius:4px; padding:20px; }
.doc-item__title { font-size:18px; line-height:1.5; }
.doc-item__summary { color:var(--text-secondary); font-size:13px; }
.doc-item__footer { font-size:12px; }
.status-badge { border-radius:3px; }

/* Reader: quiet surfaces, wider line spacing and consistent navigation. */
.doc-header, .doc-toc-sidebar, .doc-content-panel { border-radius:8px; backdrop-filter:none; -webkit-backdrop-filter:none; }
.doc-header { position:relative; top:auto; padding:24px; margin-bottom:0; }
.doc-title { font-size:clamp(23px,3vw,32px); font-weight:750; line-height:1.45; margin:10px 0 16px; }
.doc-toc-sidebar { background:#19191d; }
.toc-link { background:none; border-radius:3px; font-size:12px; padding:8px; }
.toc-link.is-active { color:var(--brand); background:#2b321b; }
.doc-content-panel { padding:36px 40px; background:#19191d; }
.markdown-body { font-size:16px; line-height:1.9; color:#d1d1d7; }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 { color:#f1f0e9; line-height:1.5; font-weight:700; }
.markdown-body h1 { font-size:26px; }
.markdown-body h2 { font-size:23px; border-color:#3b3b44; }
.markdown-body code { background:#303039; color:#d8cef9; border-radius:3px; }
.markdown-body pre { background:#101014; border:1px solid #37373f; border-radius:5px; box-shadow:none; }
.markdown-body pre code { color:inherit; background:none; }
.markdown-body blockquote { background:#222528; border-color:var(--brand); border-radius:0 4px 4px 0; }
.markdown-body th { background:#303039; }
.markdown-body td, .markdown-body th { border-color:#41414a; }
.markdown-body table { border-radius:4px; }

@media (max-width:960px) {
    .hero-editorial { gap:28px; }
    .identity-poster { min-height:300px; padding:18px; }
    .poster-symbol { font-size:175px; }
    .poster-symbol > span { font-size:110px; }
    .info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .folder-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
    .brand-nav { min-height:66px; gap:12px; }
    .brand-nav__note { display:none; }
    .brand-mark { font-size:26px; }
    .site-shell { width:calc(100% - 32px); }
    .hero-editorial { grid-template-columns:minmax(0,1fr); gap:22px; }
    .hero-editorial > * { min-width:0; }
    .hero-wordmark { font-size:clamp(76px,24vw,150px); margin:18px 0; }
    .hero-manifesto { font-size:32px; }
    .hero-specialties { font-size:9px; }
    .identity-poster { min-height:230px; }
    .poster-symbol { font-size:130px; }
    .poster-symbol > span { font-size:100px; right:20%; top:0; }
    .poster-bottom strong { font-size:21px; }
    .home-hero__stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .home-hero__panel { padding:18px !important; border-bottom:1px solid #34343c; }
    .home-hero__panel:nth-child(2n) { border-right:0; }
    .home-hero__panel .stat-card__value { font-size:30px; }
    .home-sections { margin-top:36px; gap:36px; }
    .home-sections .section-heading { flex-wrap:wrap; gap:12px; }
    .section-title { font-size:20px; }
    .info-tile { padding:16px; min-height:0; }
    .tile-value { font-size:13px; }
    .info-tile:nth-child(-n+2) .tile-value { font-size:16px; }
    .folder-card { padding:18px 10px; min-height:175px; }
    .folder-card__title { font-size:15px; overflow-wrap:anywhere; }
    .record-columns { grid-template-columns:1fr; }
    .doc-content-panel { padding:22px 18px; }
    .markdown-body { font-size:15px; line-height:1.85; }
    .doc-header { padding:18px; }
    .docs-main > .section-card:has(#documentList) { padding:10px 0; }
    .docs-main > .section-card:has(#docStats) > .section-heading > .stat-pill { width:auto; }
    .doc-item { padding:16px; }
    .tag-filter-area__body { max-height:80px; }
}
@media (max-width:360px) {
    .poster-bottom { flex-wrap:wrap; gap:6px; }
    .hero-specialties { font-size:8px; letter-spacing:.5px; }
}