:root {
      color-scheme: light;
      --ink: #21201c;
      --muted: #5c5a50;
      --paper: #e8e6de;
      --card: #fdfdfc;
      --soft: #f4f3f0;
      --line: #d6d4cf;
      --primary: #0040ab;
      --accent: #005de5;
      --good: #39594d;
      --good-soft: #e8efec;
      --shadow: 0 1px 2px rgb(33 32 28 / 0.06);
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background: var(--paper);
      color: var(--ink);
      font: 16px/1.6 Verdana, Geneva, sans-serif;
    }
    a { color: var(--primary); text-underline-offset: 3px; }
    a:hover { color: var(--accent); }
    a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
    code { font-family: Consolas, "Liberation Mono", monospace; }
    .shell { width: min(1120px, calc(100% - 40px)); margin: auto; }
    .hero { background: var(--primary); color: var(--card); }
    .hero-inner { padding: 22px 0 54px; }
    .site-nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 46px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--card);
      font: 600 1.125rem/1 Georgia, serif;
      text-decoration: none;
    }
    .brand-mark {
      display: grid;
      width: 32px;
      height: 32px;
      place-items: center;
      border-radius: 42% 58% 48% 52%;
      background: var(--card);
      color: var(--primary);
    }
    .site-links { display: flex; flex-wrap: wrap; gap: 18px; }
    .site-links a { color: var(--card); font-size: 0.8rem; font-weight: 600; }
    .eyebrow {
      margin: 0;
      font-size: 0.76rem;
      font-weight: 600;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }
    h1 {
      max-width: 820px;
      margin: 12px 0 18px;
      font: 600 clamp(2.35rem, 5vw, 4.15rem)/1 Georgia, serif;
      letter-spacing: -0.04em;
    }
    .lede {
      max-width: 790px;
      margin: 0;
      color: rgb(253 253 252 / 0.86);
      font-size: clamp(1rem, 2vw, 1.15rem);
    }
    .hero-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
    .hero-meta span {
      padding: 5px 9px;
      border: 1px solid rgb(253 253 252 / 0.25);
      border-radius: 999px;
      font-size: 0.75rem;
    }
    nav {
      position: sticky;
      top: 0;
      z-index: 10;
      overflow-x: auto;
      border-bottom: 1px solid var(--line);
      background: rgb(253 253 252 / 0.95);
      backdrop-filter: blur(12px);
      scrollbar-width: none;
    }
    nav::-webkit-scrollbar { display: none; }
    nav .shell { display: flex; gap: 24px; padding: 12px 0; white-space: nowrap; }
    nav a { color: var(--muted); font-size: 0.78rem; font-weight: 600; text-decoration: none; }
    main { padding: 54px 0 88px; }
    section { margin-bottom: 76px; scroll-margin-top: 70px; }
    h2 {
      margin: 0 0 14px;
      font: 600 clamp(1.75rem, 4vw, 2.5rem)/1.08 Georgia, serif;
      letter-spacing: -0.025em;
    }
    h3 { margin: 0 0 8px; font-size: 1rem; }
    p { max-width: 880px; }
    .explainer {
      display: grid;
      grid-template-columns: 190px minmax(0, 1fr);
      gap: 30px;
      padding: 26px;
      border: 1px solid var(--line);
      border-top: 4px solid var(--primary);
      border-radius: 10px;
      background: var(--card);
      box-shadow: var(--shadow);
    }
    .explainer-label {
      color: var(--primary);
      font-size: 0.74rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }
    .explainer p { margin: 0; }
    .grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 24px;
    }
    .card {
      padding: 20px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: var(--card);
      box-shadow: var(--shadow);
    }
    .card .number {
      margin: 0 0 14px;
      color: var(--primary);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.08em;
    }
    .card p { margin: 0; color: var(--muted); font-size: 0.87rem; }
    .checks {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      overflow: hidden;
      margin-top: 24px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: var(--line);
      box-shadow: var(--shadow);
    }
    .check { position: relative; padding: 18px 20px 18px 50px; background: var(--card); }
    .check::before {
      position: absolute;
      top: 19px;
      left: 20px;
      display: grid;
      width: 21px;
      height: 21px;
      place-items: center;
      border-radius: 50%;
      background: var(--good-soft);
      color: var(--good);
      content: "✓";
      font-size: 0.78rem;
      font-weight: 800;
    }
    .check h3 { margin-bottom: 4px; }
    .check p { margin: 0; color: var(--muted); font-size: 0.84rem; }
    .evidence-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 12px 0 0;
      padding: 0;
      list-style: none;
    }
    .evidence-group { margin-top: 30px; }
    .evidence-group h3 { margin: 0; font-size: 1rem; }
    .evidence-group > p { margin: 4px 0 0; color: var(--muted); font-size: 0.84rem; }
    .evidence-link {
      display: grid;
      grid-template-rows: auto 1fr auto;
      min-height: 100%;
      padding: 16px 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--card);
      text-decoration: none;
      box-shadow: var(--shadow);
    }
    .evidence-link:hover { border-color: var(--primary); background: var(--soft); }
    .evidence-title { color: var(--ink); font-size: 0.86rem; font-weight: 600; }
    .evidence-description { display: block; margin-top: 4px; color: var(--muted); font-size: 0.75rem; font-weight: 400; }
    .evidence-action { display: inline-flex; align-items: center; gap: 5px; margin-top: 12px; color: var(--primary); font-size: 0.74rem; font-weight: 700; }
    footer { padding: 30px 0 48px; border-top: 1px solid var(--line); color: var(--muted); font-size: 0.8rem; }
    @media (max-width: 880px) {
      .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .explainer { grid-template-columns: 1fr; gap: 8px; }
    }
    @media (max-width: 590px) {
      .shell { width: min(100% - 28px, 1120px); }
      .hero-inner { padding: 18px 0 40px; }
      .site-nav { flex-direction: column; align-items: flex-start; margin-bottom: 36px; }
      main { padding-top: 42px; }
      section { margin-bottom: 60px; }
      .grid, .checks, .evidence-list { grid-template-columns: 1fr; }
      .card { padding: 18px; }
    }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
    @media print {
      nav { display: none; }
      body { background: var(--card); }
      .shell { width: 100%; }
      .hero { background: var(--card); color: var(--ink); }
      .hero-inner { padding: 30px 0; }
      .lede, .site-links a, .brand { color: var(--muted); }
      .card, .checks, .explainer { box-shadow: none; break-inside: avoid; }
    }