:root{
      --fg:#111; --muted:#555; --link:#0a58ca; --bg:#fff; --card:#f8f9fa;
    }
    html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;}
    .wrap{max-width:900px;margin:auto;padding:28px 20px;}
    h1{font-size:clamp(1.6rem,3vw,2rem);margin:0 0 10px 0}
    .lead{color:var(--muted);margin:0 0 28px}
    section{margin:22px 0;padding:18px 16px;background:var(--card);border-radius:12px}
    dt{font-weight:600}
    dd{margin:0 0 10px 0}
    a{color:var(--link);text-decoration:none}
    a:hover{text-decoration:underline}
    .list{display:grid;gap:6px}
    .pill{
      display:inline-block; padding:10px 14px; border-radius:999px;
      background:#eef4ff; text-decoration:none; font-weight:600;
    }
    .grid{display:grid;grid-template-columns:1fr;gap:14px}
    @media (min-width:680px){ .grid{grid-template-columns:1fr 1fr} }
    footer{margin-top:28px;color:var(--muted);font-size:.95rem}

    @media print{
      section{background:none;border:1px solid #ddd}
      .pill{border:1px solid #bbb;background:none}
      a{color:inherit;text-decoration:underline}
    }