:root { color-scheme: light; --navy:#0f2c5c; --ink:#172033; --muted:#5e687a; --line:#dfe5ed; --soft:#f5f7fa; --green:#158c6b; }
    * { box-sizing:border-box; }
    body { margin:0; color:var(--ink); background:#eef2f6; font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
    header { padding:42px 20px 36px; color:#fff; background:linear-gradient(135deg,var(--navy),#174782); }
    header div, main, footer div { width:min(920px,100%); margin:auto; }
    header p { max-width:720px; margin:10px 0 0; color:#dce9f8; }
    h1 { margin:0; font-size:clamp(30px,5vw,46px); line-height:1.12; }
    h2 { margin:36px 0 10px; color:var(--navy); font-size:22px; line-height:1.3; }
    h3 { margin:22px 0 7px; font-size:17px; }
    main { margin:28px auto; padding:clamp(24px,5vw,54px); border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 18px 48px rgba(15,44,92,.08); }
    p, li { color:#354056; }
    ul { padding-left:22px; }
    .summary { padding:18px 20px; border-left:4px solid var(--green); border-radius:10px; background:#edf8f4; }
    .meta { color:var(--muted); font-size:14px; }
    a { color:#0b66c3; }
    footer { padding:10px 20px 36px; text-align:center; }
    footer p { margin:0; color:var(--muted); font-size:14px; }
    @media (max-width:640px) { main { margin:0; border:0; border-radius:0; } header { padding-top:32px; } }