/* El Nino household prep: calm, high-contrast, printable. Tokens are checked by scripts/check_contrast.py (WCAG AA 4.5:1). */
:root{--bg:#fff;--fg:#14202b;--link:#0b4f8a;--mut:#4a5a68;--card:#f3f6f9;--line:#c9d3dc}
@media (prefers-color-scheme:dark){:root{--bg:#10171d;--fg:#e8eef3;--link:#8fc3f2;--mut:#a9b7c3;--card:#18222b;--line:#34434f}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:1.0625rem/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
header,main,footer{max-width:46rem;margin:0 auto;padding:1rem}
header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--line)}
h1{font-size:1.75rem;line-height:1.25;margin:1rem 0 .5rem}h2{font-size:1.3rem;margin:2rem 0 .5rem}
a{color:var(--link);text-underline-offset:.15em}.brand{font-weight:700;text-decoration:none}
nav a{display:inline-block;margin-left:.5rem;padding:.5rem .5rem;min-height:2.75rem}
a:focus-visible,input:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:.2rem}
.meta{color:var(--mut);font-size:.92rem}
.why{font-size:.95rem;margin:.15rem 0}
.tag{display:inline-block;font-size:.8rem;font-weight:650;line-height:1.5;padding:0 .55rem;border:1.5px solid var(--link);border-radius:999px;color:var(--link);margin-right:.25rem;vertical-align:.08em}
.tag.now{background:var(--link);color:var(--bg)}
.key{font-size:.95rem;margin:.35rem 0;padding:.35rem .6rem;background:var(--bg);border:1px solid var(--line);border-radius:.35rem}
.check{list-style:none;padding:0;margin:0}
.check li{margin:0 0 .75rem;padding:.75rem 1rem;background:var(--card);border:1px solid var(--line);border-radius:.5rem;break-inside:avoid}
.check label{display:block;cursor:pointer}
input[type=checkbox]{width:1.4rem;height:1.4rem;vertical-align:middle;margin-right:.4rem;accent-color:var(--link)}
.button{display:inline-block;padding:.7rem 1.1rem;border:2px solid var(--link);border-radius:.5rem;text-decoration:none;font-weight:600}
.button:hover{background:var(--card)}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--bg);padding:.5rem;z-index:9}
footer{border-top:1px solid var(--line);font-size:.92rem;color:var(--mut);margin-top:2rem}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{
  @page{margin:15mm}
  header,footer nav,.button,.skip,nav{display:none}
  body{font-size:11pt;line-height:1.4;background:#fff;color:#000}
  main,footer{max-width:none;padding:0}
  h1,h2{break-after:avoid}
  .check li{background:none;border:0;border-bottom:1px solid #999;border-radius:0;padding:.4rem 0;margin:0}
  a{color:#000;text-decoration:underline}
  main a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;word-break:break-all}
  .meta{color:#333}
}
.preview-banner{margin:0;padding:.6rem 1rem;text-align:center;background:var(--card);color:var(--fg);border-bottom:2px solid var(--link);font-weight:600}
.emergency{margin:1rem 0;padding:.75rem 1rem;border:2px solid var(--fg);border-radius:.5rem;background:var(--card)}