:root{--navy:#305f82;--blue:#6CA9D8;--yellow:#FFD54F;--ink:#222;--mute:#555;--bg:#fff;--card:#f4f8fb;--line:#d6e0e8}
@media(prefers-color-scheme:dark){:root{--ink:#e8eef3;--mute:#aab7c2;--bg:#14202a;--card:#1b2b38;--line:#2d4252;--navy:#8fc0e6}}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 "Segoe UI",system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:var(--bg)}
header{border-bottom:4px solid var(--yellow);padding:12px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
header a{color:var(--navy);text-decoration:none;font-weight:700}header img{height:38px;width:auto}
main{max-width:760px;margin:0 auto;padding:28px 20px 60px}
h1{color:var(--navy);font-size:2rem;line-height:1.2;margin:.2em 0 .4em}h2{color:var(--navy);margin:1.6em 0 .4em;font-size:1.3rem}
a{color:var(--navy)}ul{padding-left:1.2em}li{margin:.25em 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;gap:16px;align-items:center;text-decoration:none;color:inherit;margin:14px 0}
.card img{width:64px;height:64px}.card b{display:block;color:var(--navy);font-size:1.15rem}.card span{color:var(--mute);font-size:.95rem}
.note{background:var(--card);border-left:5px solid var(--yellow);padding:10px 14px;border-radius:6px}
footer{max-width:760px;margin:0 auto;padding:0 20px 40px;color:var(--mute);font-size:.9rem}
.q{font-weight:700;margin-top:1.1em}