body { overflow-x:hidden; }
    .site-shell { width:min(100%, 760px); min-height:100vh; margin:0 auto;
      background:var(--paper); }
    .site-header { display:flex; align-items:center; justify-content:space-between;
      padding:8px 18px 14px; border-bottom:3px solid var(--ink); }
    .wordmark { font-family:var(--font-sub); font-size:33px; font-weight:650;
      letter-spacing:-0.01em; line-height:1; }
    .menu-button { width:44px; height:44px; padding:0; display:grid; place-items:center;
      border:2px solid var(--ink); background:var(--paper); color:var(--ink); cursor:pointer; }
    .menu-button svg { width:22px; height:22px; }
    .archive-results { padding:20px 18px 8px; }
    .archive-heading { margin-bottom:18px; }
    .archive-eyebrow { margin-bottom:7px; color:var(--pumpkin-dark); font-family:var(--font-mono);
      font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
    .archive-title { font-family:var(--font-sub); font-size:34px; font-weight:700;
      letter-spacing:-.02em; line-height:1; }
    .archive-pager { display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
      gap:8px; padding:28px 0 12px; font-family:var(--font-mono); font-size:10px;
      font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
    .archive-pager a { min-width:42px; min-height:42px; display:inline-flex; align-items:center;
      justify-content:center; padding:7px; border:2px solid var(--ink); color:var(--ink); }
    .archive-pager .archive-direction { padding-inline:12px; }
    .archive-pager a[aria-current="page"] { background:var(--ink); color:var(--paper); }
    .archive-pager a:focus-visible, .menu-button:focus-visible {
      outline:3px solid var(--pumpkin); outline-offset:3px; }
    .site-footer { margin-top:20px; padding:28px 18px 24px; background:var(--ink);
      color:var(--paper); }
    .footer-label { margin-bottom:10px; color:var(--mustard); font-family:var(--font-mono);
      font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
    .footer-email { color:var(--paper); font-family:var(--font-sub); font-size:21px;
      font-weight:600; }
    .footer-links { display:flex; flex-wrap:wrap; gap:18px; margin-top:20px;
      font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.16em;
      text-transform:uppercase; }
    .footer-links a { min-height:44px; display:inline-flex; align-items:center; color:var(--paper); }
    .footer-copy { margin-top:4px; padding-top:14px; border-top:2px solid var(--paper);
      font-family:var(--font-mono); font-size:9px; font-weight:700; letter-spacing:.18em;
      text-transform:uppercase; opacity:.65; }
    @media (hover:hover) {
      .archive-pager a:hover { background:var(--pumpkin); }
      .footer-links a:hover, .footer-email:hover { color:var(--pumpkin); }
    }
    @media (min-width:820px) {
      html, body { background:var(--bone); }
      .site-shell { width:min(100%, 1120px); border:3px solid var(--ink); }
      .site-header { padding:12px 32px 16px; }
      .archive-results { padding:28px 32px 16px; }
      .story-feed { display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; }
      .site-footer { padding:34px 32px 30px; }
    }