/* ================================================================
   article-blueprint.css
   Canonical dark-navy blueprint-grid background for all article pages.
   Extracted from anatomy-of-refusal.html — the reference implementation.
   ================================================================ */

/* --- design tokens --- */
:root{
  --vault:#0A0F1A;
  --vault-2:#0E1524;
  --ink:#E9E4D6;
  --ink-dim:#A9A697;
  --brass:#C9A227;
  --brass-bright:#E4BE45;
  --steel:#6C8BB0;
  --steel-dim:#41546F;
  --line:#1E2A40;
  --line-bright:#2C3D5C;
}

/* --- reset --- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* --- body & blueprint grid overlay --- */
body{
  background:var(--vault);
  color:var(--ink);
}
::selection{background:var(--brass);color:var(--vault)}
body::before{
  content:"";position:fixed;inset:0;
  background:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:56px 56px;
  opacity:.12;pointer-events:none;z-index:0;
}

/* --- print: suppress grid, restore white background --- */
@media print{
  body{background:#fff;color:#14283e}
  body::before{display:none}
}