:root{
    --ink-black:   #0a0a0b;
    --panel:       #121214;
    --panel-raised:#1a1a1c;
    --paper:       #f3f3f0;
    --paper-dim:   #b6b6b9;
    --rust:        #c31e2b;
    --rust-bright: #e8323f;
    --steel:       #2c5ba3;
    --steel-bright:#5089d6;
    --text-hi:     #f4f4f2;
    --text-lo:     #86868b;
    --line:        #2b2b2e;
    --redact:      #000000;
  }

  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}

  body{
    background:var(--ink-black);
    color:var(--text-hi);
    font-family:'Source Serif 4', serif;
    -webkit-font-smoothing:antialiased;
    min-height:100vh;
  }

  body::before{
    content:"";
    position:fixed; inset:0;
    pointer-events:none;
    background-image:
      linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px);
    background-size: 38px 38px;
    z-index:0;
  }

  a{color:inherit;}

  /* ================= TOP BAR ================= */
  .topbar{
    background:var(--ink-black);
    border-bottom:1px solid var(--line);
    position:sticky; top:0; z-index:50;
  }
  .topbar-inner{
    max-width:1240px; margin:0 auto; padding:0 24px;
    display:flex; align-items:center; justify-content:space-between;
    height:60px;
  }
  .brand{
    display:flex; align-items:center; gap:11px;
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:.05em;
    font-size:16px;
  }
  .brand .mark{
    width:26px; height:26px;
    position:relative;
    flex-shrink:0;
  }
  .brand .mark svg{width:100%; height:100%; display:block;}
  .brand .mark img{width:100%; height:100%; display:block; object-fit:contain;}
  .brand .sub{
    font-family:'JetBrains Mono', monospace;
    font-weight:400;
    font-size:9.5px;
    color:var(--text-lo);
    letter-spacing:.1em;
    display:block;
    margin-top:1px;
  }
  nav.toplinks{
    display:flex; gap:2px;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
  nav.toplinks button{
    background:transparent;
    border:none;
    color:var(--text-lo);
    padding:9px 14px;
    cursor:pointer;
    border-bottom:2px solid transparent;
    transition:color .15s ease, border-color .15s ease;
  }
  nav.toplinks button:hover{color:var(--paper);}
  nav.toplinks button.active{
    color:var(--paper);
    border-bottom-color:var(--rust-bright);
  }
  @media(max-width:760px){ nav.toplinks{display:none;} }

  /* ================= ALERT STRIP ================= */
  .alertstrip{
    background:var(--rust);
    color:#1a0505;
    font-family:'JetBrains Mono', monospace;
    font-size:11.5px;
    font-weight:700;
    letter-spacing:.04em;
    text-align:center;
    padding:8px 16px;
    text-transform:uppercase;
  }

  .wrap{position:relative; z-index:1; max-width:1240px; margin:0 auto; padding:0 24px 90px;}

  /* ================= HERO ================= */
  .hero{
    padding:46px 0 34px;
    border-bottom:1px solid var(--line);
  }
  .eyebrow{
    font-family:'JetBrains Mono', monospace;
    font-size:11.5px;
    letter-spacing:.16em;
    color:var(--steel-bright);
    display:flex; align-items:center; gap:9px;
    margin-bottom:16px;
    text-transform:uppercase;
  }
  .eyebrow .dot{
    width:7px; height:7px; border-radius:50%;
    background:var(--rust-bright);
    box-shadow:0 0 8px var(--rust-bright);
    animation:pulse 2.2s infinite ease-in-out;
  }
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}

  h1.title{
    font-family:'Oswald', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    font-size:clamp(30px, 5vw, 52px);
    letter-spacing:.01em;
    line-height:1.05;
    margin:0 0 14px;
  }
  h1.title span{color:var(--paper-dim);}

  .motto{
    font-family:'Source Serif 4', serif;
    font-style:italic;
    font-size:16px;
    color:var(--paper-dim);
    max-width:600px;
    line-height:1.6;
    border-left:2px solid var(--rust);
    padding-left:16px;
    margin:0 0 26px;
  }

  .statbar{
    display:grid;
    grid-template-columns:repeat(4, minmax(120px,1fr));
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    max-width:720px;
  }
  .statbar .stat{
    background:var(--panel);
    padding:14px 16px;
  }
  .statbar .stat .n{
    font-family:'Oswald', sans-serif;
    font-size:24px;
    font-weight:700;
    color:var(--paper);
  }
  .statbar .stat .l{
    font-family:'JetBrains Mono', monospace;
    font-size:9.5px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--text-lo);
    margin-top:2px;
  }
  @media(max-width:640px){ .statbar{grid-template-columns:repeat(2,1fr);} }

  /* ================= SEARCH + FILTERS ================= */
  .toolrow{
    display:flex; flex-wrap:wrap; gap:14px;
    align-items:center;
    margin:32px 0 26px;
  }
  .searchbox{
    display:flex; align-items:center;
    border:1px solid var(--line);
    background:var(--panel);
    flex:1; min-width:220px;
  }
  .searchbox span{
    padding:0 12px;
    color:var(--text-lo);
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
  }
  .searchbox input{
    flex:1;
    background:transparent;
    border:none;
    outline:none;
    color:var(--text-hi);
    font-family:'JetBrains Mono', monospace;
    font-size:12.5px;
    padding:11px 12px 11px 0;
  }
  .searchbox input::placeholder{color:var(--text-lo);}

  nav.filters{
    display:flex; flex-wrap:wrap; gap:2px;
    border:1px solid var(--line);
  }
  nav.filters button{
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:var(--panel);
    color:var(--text-lo);
    border:none;
    padding:11px 15px;
    cursor:pointer;
    transition:background .15s ease, color .15s ease;
  }
  nav.filters button:hover{color:var(--paper);}
  nav.filters button.active{
    background:var(--rust);
    color:#1a0505;
    font-weight:700;
  }

  /* ================= LAYOUT: MAIN + SIDEBAR ================= */
  .layout{
    display:grid;
    grid-template-columns:1fr 280px;
    gap:28px;
    align-items:start;
  }
  @media(max-width:900px){ .layout{grid-template-columns:1fr;} }

  /* ---------- RECORD ENTRIES (SCP-style document blocks) ---------- */
  .entries{ display:flex; flex-direction:column; gap:16px; }

  .entry{
    background:var(--panel);
    border:1px solid var(--line);
    display:grid;
    grid-template-columns:96px 1fr;
  }
  @media(max-width:560px){ .entry{grid-template-columns:1fr;} }

  .entry .idcol{
    background:var(--panel-raised);
    border-right:1px solid var(--line);
    padding:16px 10px;
    text-align:center;
    display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px;
  }
  @media(max-width:560px){ .entry .idcol{ border-right:none; border-bottom:1px solid var(--line); flex-direction:row; justify-content:space-between; } }

  .entry .idcol .num{
    font-family:'Oswald', sans-serif;
    font-weight:700;
    font-size:15px;
    color:var(--paper);
    letter-spacing:.02em;
  }
  .entry .idcol .clevel-badge{
    font-family:'JetBrains Mono', monospace;
    font-size:8.5px;
    letter-spacing:.06em;
    text-transform:uppercase;
    padding:3px 6px;
    border:1px solid currentColor;
  }
  .clevel-badge.eo{ color:var(--rust-bright); }
  .clevel-badge.re{ color:var(--steel-bright); }
  .clevel-badge.co{ color:var(--paper-dim); }

  .entry .content{ padding:16px 18px 15px; }

  .entry .tag{
    display:inline-block;
    font-family:'JetBrains Mono', monospace;
    font-size:9.5px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--steel-bright);
    background:rgba(44,91,163,0.14);
    padding:3px 8px;
    margin-bottom:9px;
  }

  .entry h3{
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:.01em;
    margin:0 0 4px;
    color:var(--text-hi);
    line-height:1.15;
  }

  .entry .designation{
    font-family:'JetBrains Mono', monospace;
    font-size:10.5px;
    color:var(--paper-dim);
    margin-bottom:10px;
  }

  .entry p.body-text{
    font-size:14.5px;
    line-height:1.65;
    color:#c9c9c6;
    margin:0 0 10px;
  }

  .redact{
    background:var(--redact);
    color:transparent;
    border-radius:2px;
    padding:0 2px;
    cursor:pointer;
    position:relative;
    transition:color .35s ease, background .35s ease;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
  }
  .redact.revealed{
    background:rgba(44,91,163,0.18);
    color:var(--steel-bright);
  }
  .redact.revealed::after{
    content:"";
    position:absolute; left:0; top:0; bottom:0; width:2px;
    background:var(--rust-bright);
    animation:scan .5s ease-out;
  }
  @keyframes scan{ from{ left:0; opacity:1; } to{ left:100%; opacity:0; } }

  .entry .footline{
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px;
    border-top:1px dashed var(--line);
    padding-top:9px; margin-top:12px;
    font-family:'JetBrains Mono', monospace;
    font-size:9.5px;
    color:var(--text-lo);
    letter-spacing:.04em;
  }

  .entry h3 a{
    color:inherit;
    text-decoration:none;
  }
  .entry h3 a:hover{
    color:var(--rust-bright);
  }
  .record-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
  }
  .record-tags span{
    border:1px solid var(--line);
    color:var(--text-lo);
    font-family:'JetBrains Mono', monospace;
    font-size:9px;
    letter-spacing:.05em;
    text-transform:uppercase;
    padding:3px 7px;
  }

  .empty{
    padding:40px 20px;
    text-align:center;
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
    color:var(--text-lo);
    border:1px dashed var(--line);
  }

  /* ================= SIDEBAR ================= */
  .side-block{
    background:var(--panel);
    border:1px solid var(--line);
    margin-bottom:16px;
  }
  .side-block h4{
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-size:12.5px;
    letter-spacing:.06em;
    margin:0;
    padding:12px 14px;
    border-bottom:1px solid var(--line);
    color:var(--paper);
    background:var(--panel-raised);
  }
  .side-block .sb-inner{ padding:12px 14px; }

  .sb-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
  .sb-list li{
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    color:var(--paper-dim);
    border-bottom:1px solid var(--line);
    padding-bottom:9px;
  }
  .sb-list li:last-child{ border-bottom:none; padding-bottom:0; }
  .sb-list li .t{ display:block; color:var(--text-hi); font-family:'Source Serif 4', serif; font-size:12.5px; margin-top:2px; }

  .sb-notice{
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    line-height:1.7;
    color:var(--text-lo);
  }
  .sb-notice b{ color:var(--rust-bright); }

  .sb-btn{
    display:block; width:100%;
    background:var(--steel);
    color:#050a12;
    border:none;
    font-family:'JetBrains Mono', monospace;
    font-weight:700;
    font-size:11px;
    letter-spacing:.06em;
    text-transform:uppercase;
    padding:10px;
    cursor:pointer;
    margin-top:4px;
    transition:background .15s ease;
  }
  .sb-btn:hover{ background:var(--steel-bright); }

  /* ================= FOOTER ================= */
  footer{
    margin-top:56px;
    padding-top:20px;
    border-top:1px solid var(--line);
    font-family:'JetBrains Mono', monospace;
    font-size:10px;
    color:var(--text-lo);
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
    line-height:1.8;
  }
  footer .legal{ max-width:600px; }

  @media (prefers-reduced-motion: reduce){
    *{ animation:none !important; transition:none !important; }
  }

  /* ================= HUB / EXTERNAL DIVISIONS ================= */
  .hub-section{ margin:34px 0 8px; }
  .hub-section h2{
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-size:15px;
    letter-spacing:.06em;
    color:var(--paper);
    margin:0 0 4px;
  }
  .hub-section .hub-sub{
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    color:var(--text-lo);
    margin-bottom:16px;
  }
  .hub-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));
    gap:14px;
  }
  a.hub-card{
    display:block;
    background:var(--panel);
    border:1px solid var(--line);
    padding:16px 17px;
    text-decoration:none;
    color:inherit;
    transition:border-color .15s ease, transform .15s ease;
    position:relative;
  }
  a.hub-card:hover{ border-color:var(--steel); transform:translateY(-2px); }
  a.hub-card .hub-top{
    display:flex; justify-content:space-between; align-items:flex-start;
    margin-bottom:8px;
  }
  a.hub-card .hub-label{
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-size:15px;
    letter-spacing:.02em;
    color:var(--text-hi);
  }
  a.hub-card .hub-count{
    font-family:'JetBrains Mono', monospace;
    font-size:10.5px;
    color:var(--rust-bright);
    border:1px solid var(--rust);
    padding:2px 7px;
    white-space:nowrap;
  }
  a.hub-card .hub-desc{
    font-family:'Source Serif 4', serif;
    font-size:13px;
    line-height:1.5;
    color:#a9a9a6;
  }
  a.hub-card .hub-go{
    font-family:'JetBrains Mono', monospace;
    font-size:10px;
    color:var(--steel-bright);
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-top:10px;
    display:block;
  }

  /* ================= BACK LINK (sub-pages) ================= */
  .backlink{
    display:inline-flex; align-items:center; gap:7px;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--text-lo);
    text-decoration:none;
    padding:9px 14px;
    border-right:1px solid var(--line);
    transition:color .15s ease;
  }
  .backlink:hover{ color:var(--paper); }

  /* =========================================================================
     ARTICLE PAGE (used by page_template.html and any file duplicated from it)
     A single lore/record write-up, styled after a classic wiki article:
     full masthead, left info sidebar, rating strip, then labeled fields.
     ========================================================================= */

  .article-topbar{
    background:var(--ink-black);
    border-bottom:1px solid var(--line);
    padding:14px 24px 0;
  }
  .article-top-row{
    max-width:1180px; margin:0 auto;
    display:flex; justify-content:space-between; align-items:center;
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
  }
  .article-authlinks a{
    color:var(--rust-bright);
    text-decoration:none;
  }
  .article-authlinks a:hover{ text-decoration:underline; }
  .article-authlinks span{ color:var(--text-lo); margin:0 2px; }
  .article-search{ color:var(--text-lo); font-size:15px; }

  .article-masthead{
    max-width:1180px; margin:0 auto;
    position:relative;
    text-align:center;
    padding:18px 24px 20px;
  }
  .article-masthead .watermark{
    position:absolute; left:50%; top:6px;
    transform:translateX(-50%);
    width:150px; height:150px;
    opacity:.16;
    pointer-events:none;
  }
  .article-logo-title{
    position:relative;
    font-family:'Oswald', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.03em;
    font-size:clamp(28px, 5vw, 46px);
    color:var(--rust-bright);
    margin:0;
    text-shadow:0 0 26px rgba(227,50,63,0.25);
  }
  .article-logo-tagline{
    position:relative;
    font-family:'JetBrains Mono', monospace;
    font-weight:700;
    letter-spacing:.22em;
    font-size:12px;
    color:var(--rust-bright);
    margin-top:6px;
    text-transform:uppercase;
  }
  .article-nav{
    max-width:1180px; margin:16px auto 0;
    display:flex; justify-content:center; gap:2px;
    border-top:1px solid var(--line);
    padding-top:2px;
  }
  .article-nav a{
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--text-lo);
    text-decoration:none;
    padding:11px 16px;
    transition:color .15s ease;
  }
  .article-nav a:hover{ color:var(--paper); }

  .article-wrap{
    max-width:1180px; margin:0 auto;
    padding:36px 24px 90px;
    display:grid;
    grid-template-columns:230px 1fr;
    gap:34px;
    align-items:start;
  }
  @media(max-width:760px){ .article-wrap{ grid-template-columns:1fr; } }


  .branchlogo {
    width: 250px;   /* Adjust as needed */
    height: auto;   /* Maintains aspect ratio */
    display: inline-flex;
    margin: 0 auto; /* Optional: centers the image */
}

  .equipmentlogo{
    width: 500px;   /* Adjust as needed */
    height: auto;   /* Maintains aspect ratio */
    display: block;
    margin: 0 auto; /* Optional: centers the image */
  }
  /* -------- sidebar info stack -------- */
  .article-sidebar{ display:flex; flex-direction:column; gap:8px; }

  .sidebar-box{
    border:1px solid var(--line);
    background:var(--panel);
    padding:11px 14px;
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
  }
  .sidebar-box.id-box{
    background:var(--rust);
    border-color:var(--rust);
    color:#1a0505;
    font-family:'Oswald', sans-serif;
    font-weight:700;
    font-size:15px;
    letter-spacing:.03em;
    text-align:center;
    padding:12px 14px;
  }
  .sidebar-box.meta-box{
    display:flex; align-items:center; gap:8px;
    color:var(--text-lo);
  }
  .sidebar-box.meta-box b{ color:var(--paper-dim); font-weight:500; }
  .sidebar-box.meta-box a{ color:var(--steel-bright); text-decoration:none; }
  .sidebar-box.meta-box a:hover{ text-decoration:underline; }

  /* -------- rating / byline strip -------- */
  .rating-strip{
    display:flex; align-items:center; gap:14px;
    margin-bottom:22px;
  }
  .rating-widget{
    display:flex; align-items:center; gap:10px;
    border-left:2px solid var(--rust);
    border-right:2px solid var(--rust);
    padding:8px 14px;
    font-family:'JetBrains Mono', monospace;
    font-size:13px;
    color:var(--paper-dim);
  }
  .rating-widget .r-label{ color:var(--text-hi); font-weight:700; }
  .rating-widget button{
    background:none; border:none; cursor:pointer;
    color:var(--steel-bright);
    font-family:'JetBrains Mono', monospace;
    font-weight:700;
    font-size:13px;
    padding:0 3px;
  }
  .rating-widget button.rm{ color:var(--rust-bright); }
  .article-byline{
    font-family:'JetBrains Mono', monospace;
    font-size:11.5px;
    color:var(--text-lo);
    display:flex; flex-direction:column; gap:3px;
  }
  .article-byline a{ color:var(--steel-bright); text-decoration:none; }
  .article-byline a:hover{ text-decoration:underline; }

  /* -------- title + fields -------- */
  .article-title{
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-weight:700;
    font-size:clamp(26px, 4vw, 38px);
    color:var(--rust-bright);
    text-align:center;
    letter-spacing:.02em;
    margin:0 0 14px;
  }
  .article-rule{
    border:none;
    border-top:1px solid var(--rust);
    margin:0 0 26px;
  }

  .article-field{
    font-family:'Source Serif 4', serif;
    font-size:15px;
    line-height:1.75;
    color:#c9c9c6;
    margin:0 0 18px;
  }
  .article-field .field-label{
    color:var(--rust-bright);
    font-weight:700;
    font-family:'Source Serif 4', serif;
  }
  .article-field .redact{
    background:var(--redact);
    color:transparent;
    border-radius:2px;
    padding:0 2px;
    cursor:pointer;
    transition:color .35s ease, background .35s ease;
  }
  .article-field .redact.revealed{
    background:rgba(44,91,163,0.18);
    color:var(--steel-bright);
  }

  .footnote-ref{
    color:var(--rust-bright);
    font-size:10px;
    text-decoration:none;
    vertical-align:super;
    margin-left:1px;
  }
  .footnote-list{
    margin-top:40px;
    padding-top:16px;
    border-top:1px dashed var(--line);
    font-family:'JetBrains Mono', monospace;
    font-size:11.5px;
    color:var(--text-lo);
    display:flex; flex-direction:column; gap:8px;
  }
  .footnote-list li{ list-style:none; }
  .footnote-list .fn-num{ color:var(--rust-bright); margin-right:6px; }

  .article-tags{
    display:flex; flex-wrap:wrap; gap:8px;
    margin-top:34px;
    padding-top:18px;
    border-top:1px solid var(--line);
  }
  .tag-pill{
    font-family:'JetBrains Mono', monospace;
    font-size:10px;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:var(--steel-bright);
    border:1px solid var(--steel);
    padding:4px 10px;
  }

  /* =========================================================================
     INDEX PAGE - SCP-inspired archive hub
     ========================================================================= */

  body.index-page{
    background:
      radial-gradient(circle at 50% -140px, rgba(195,30,43,0.18), transparent 320px),
      linear-gradient(180deg, #070708 0%, #111112 190px, #171716 100%);
  }

  body.index-page::before{
    background-image:
      linear-gradient(rgba(255,255,255,0.016) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px);
    background-size:42px 42px;
  }

  .site-chrome{
    position:relative;
    z-index:2;
    border-bottom:1px solid #2e2e2f;
    background:#080809;
  }

  .authline{
    max-width:1180px;
    margin:0 auto;
    padding:8px 24px 0;
    display:flex;
    justify-content:space-between;
    gap:16px;
    font-family:'JetBrains Mono', monospace;
    font-size:10px;
    color:#8f8f8c;
    text-transform:uppercase;
    letter-spacing:.05em;
  }

  .site-masthead{
    max-width:1180px;
    margin:0 auto;
    min-height:142px;
    padding:22px 24px 20px;
    position:relative;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }

  .site-masthead::after{
    content:"";
    position:absolute;
    left:24px;
    right:24px;
    bottom:0;
    border-bottom:1px solid rgba(195,30,43,0.62);
  }

  .masthead-mark{
    position:absolute;
    width:118px;
    height:118px;
    object-fit:contain;
    opacity:.15;
  }

  .site-masthead h1{
    position:relative;
    margin:0;
    font-family:'Oswald', sans-serif;
    font-size:clamp(36px, 6vw, 68px);
    line-height:.98;
    text-transform:uppercase;
    color:#d8d8d2;
    letter-spacing:.025em;
    text-shadow:0 0 24px rgba(195,30,43,0.28);
  }

  .site-masthead p{
    position:relative;
    margin:8px 0 0;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    font-weight:700;
    color:var(--rust-bright);
    letter-spacing:.22em;
    text-transform:uppercase;
  }

  .site-nav{
    max-width:1180px;
    margin:0 auto;
    padding:0 24px 2px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:0;
  }

  .site-nav button,
  .site-nav a{
    border:0;
    border-bottom:2px solid transparent;
    background:transparent;
    color:#a7a7a3;
    padding:11px 15px 10px;
    font-family:'JetBrains Mono', monospace;
    font-size:10.5px;
    text-transform:uppercase;
    letter-spacing:.08em;
    cursor:pointer;
    text-decoration:none;
  }

  .site-nav button:hover,
  .site-nav button.active,
  .site-nav a:hover,
  .site-nav a[aria-current="page"]{
    color:#f1f1ec;
    border-bottom-color:var(--rust-bright);
  }

  .archive-shell{
    position:relative;
    z-index:1;
    max-width:1180px;
    margin:0 auto;
    padding:28px 24px 82px;
    display:grid;
    grid-template-columns:220px minmax(0, 1fr);
    gap:28px;
  }

  .left-nav{
    position:sticky;
    top:18px;
    align-self:start;
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  .left-nav section{
    border-top:5px solid #2d2d2f;
    background:#121214;
    box-shadow:inset 0 0 0 1px #28282a;
  }

  .left-nav h2{
    margin:0;
    padding:9px 12px;
    background:#202024;
    color:#ededeb;
    font-family:'Oswald', sans-serif;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.06em;
  }

  .left-nav a,
  .side-filter-list button,
  .side-link-button{
    display:block;
    width:100%;
    border:0;
    border-bottom:1px solid #2d2d2f;
    background:transparent;
    color:#b9b9b5;
    text-align:left;
    text-decoration:none;
    padding:9px 12px;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    line-height:1.35;
    cursor:pointer;
  }

  .left-nav a:hover,
  .side-filter-list button:hover,
  .side-filter-list button.active,
  .side-link-button:hover{
    color:#fff;
    background:#19191b;
  }

  .side-filter-list button.active{
    border-left:3px solid var(--rust-bright);
    padding-left:9px;
  }

  .archive-main{
    min-width:0;
  }

  .article-panel,
  .wiki-section{
    background:#e8e6dd;
    color:#1d1d1c;
    border:1px solid #3a3a3a;
    box-shadow:0 18px 42px rgba(0,0,0,0.24);
  }

  .article-panel{
    padding:28px 34px 30px;
  }

  .breadcrumb{
    margin-bottom:18px;
    color:#66615a;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
  }

  .article-panel h2,
  .wiki-section h2{
    margin:0 0 15px;
    color:#171717;
    font-family:'Source Serif 4', serif;
    font-size:clamp(28px, 4vw, 42px);
    font-weight:700;
    line-height:1.1;
    border-bottom:1px solid #8f272e;
    padding-bottom:8px;
  }

  .article-panel .lead{
    margin:0 0 20px;
    font-size:17px;
    line-height:1.78;
    color:#272724;
  }

  .mission-quote{
    margin:24px auto;
    max-width:700px;
    border:0;
    border-left:4px solid #8f272e;
    padding:3px 0 3px 18px;
    color:#343430;
    font-style:italic;
  }

  .mission-quote p{
    margin:0 0 6px;
    font-size:17px;
    line-height:1.55;
  }

  .mission-quote cite{
    display:block;
    color:#6b625b;
    font-family:'JetBrains Mono', monospace;
    font-size:10.5px;
    font-style:normal;
    text-transform:uppercase;
    letter-spacing:.06em;
  }

  .mission-block{
    margin-top:24px;
    border:1px solid #bdb8ad;
    background:#f2f0e8;
    padding:18px 20px;
  }

  .mission-block h3{
    margin:0 0 12px;
    font-family:'JetBrains Mono', monospace;
    color:#8f272e;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.12em;
  }

  .mission-block p,
  .mission-block li{
    color:#282824;
    font-size:15.5px;
    line-height:1.72;
  }

  .mission-block p{
    margin:0 0 12px;
  }

  .mission-block ul{
    margin:0;
    padding-left:22px;
  }

  .wiki-stats{
    max-width:none;
    margin-top:24px;
    background:#a9a49a;
    border-color:#a9a49a;
  }

  .wiki-stats .stat{
    background:#1b1b1d;
  }

  .wiki-section{
    margin-top:22px;
    padding:24px 28px 28px;
  }

  .wiki-section .hub-sub,
  .section-heading-row p{
    margin:0 0 16px;
    color:#5f5a53;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    line-height:1.6;
  }

  .wiki-section .hub-grid{
    grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  }

  .wiki-section a.hub-card{
    background:#f4f2ea;
    border-color:#bdb8ad;
    color:#222;
    box-shadow:none;
  }

  .wiki-section a.hub-card:hover{
    border-color:#8f272e;
    transform:none;
  }

  .wiki-section a.hub-card .hub-label{
    color:#171717;
  }

  .wiki-section a.hub-card .hub-desc{
    color:#4e4b46;
  }

  .records-section .toolrow{
    margin:18px 0 22px;
  }

  .records-section .searchbox,
  .records-section nav.filters{
    border-color:#bdb8ad;
    background:#f4f2ea;
  }

  .records-section .searchbox input{
    color:#171717;
  }

  .records-section nav.filters button{
    background:#f4f2ea;
    color:#514d48;
  }

  .records-section nav.filters button:hover{
    color:#111;
  }

  .records-section nav.filters button.active{
    background:#8f272e;
    color:#fff;
  }

  .record-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 245px;
    gap:22px;
    align-items:start;
  }

  .records-section .entry{
    background:#f7f5ed;
    border-color:#bdb8ad;
    color:#1e1e1b;
  }

  .records-section .entry .idcol{
    background:#232326;
    border-right-color:#bdb8ad;
  }

  .records-section .entry h3{
    color:#181816;
  }

  .records-section .entry .designation,
  .records-section .entry p.body-text{
    color:#3d3a35;
  }

  .records-section .entry .tag{
    color:#8f272e;
    background:#ead8d8;
  }

  .records-section .entry .footline{
    border-top-color:#c9c3b8;
    color:#655f58;
  }

  .records-section .right-rail .side-block{
    background:#f4f2ea;
    border-color:#bdb8ad;
  }

  .records-section .right-rail .side-block h4{
    background:#232326;
    border-bottom-color:#bdb8ad;
  }

  .records-section .sb-list li,
  .records-section .sb-notice{
    color:#514d48;
  }

  .records-section .sb-list li{
    border-bottom-color:#c9c3b8;
  }

  .records-section .sb-list li .t{
    color:#171717;
  }

  .index-page footer{
    color:#aaa69c;
  }

  .mission-shell{
    position:relative;
    z-index:1;
    max-width:900px;
    margin:0 auto;
    padding:34px 24px 86px;
  }

  .mission-copy{
    padding:34px 42px 38px;
  }

  .mission-copy p{
    margin:0 0 17px;
    color:#242420;
    font-size:16px;
    line-height:1.78;
  }

  .mission-copy strong{
    color:#8f272e;
    font-weight:700;
  }

  .mission-copy .archive-link{
    margin:28px 0 0;
    padding-top:17px;
    border-top:1px solid #bdb8ad;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
  }

  .mission-copy .archive-link a{
    color:#8f272e;
    text-decoration:none;
    font-weight:700;
  }

  .mission-copy .archive-link a:hover{
    text-decoration:underline;
  }

  @media(max-width:900px){
    .archive-shell{
      grid-template-columns:1fr;
    }
    .left-nav{
      position:static;
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
    }
    .record-layout{
      grid-template-columns:1fr;
    }
  }

  @media(max-width:680px){
    .authline{
      flex-direction:column;
      gap:4px;
    }
    .archive-shell{
      padding-left:14px;
      padding-right:14px;
    }
    .left-nav{
      grid-template-columns:1fr;
    }
    .article-panel,
    .wiki-section{
      padding:20px 18px 22px;
    }
    .mission-shell{
      padding-left:14px;
      padding-right:14px;
    }
    .mission-copy{
      padding:22px 19px 26px;
    }
    .site-nav{
      justify-content:flex-start;
      overflow-x:auto;
      flex-wrap:nowrap;
    }
    .site-nav button,
    .site-nav a{
      white-space:nowrap;
    }
    .archive-table{
    width:100%;
    border-collapse:collapse;
    margin-top:1rem;
    font-size:0.95rem;
}

.archive-table th{
    text-align:left;
    padding:10px;
    border-bottom:2px solid #b40000;
    color:#d23;
    font-family:'Oswald',sans-serif;
}

.archive-table td{
    padding:8px 10px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.archive-table tbody tr:hover{
    background:rgba(255,0,0,.05);
}
  }