:root { --navy:#1B1D43; --navy2:#24275A; --deep:#141533; --coral:#EE5E46; --cream:#FEEDCE; --muted:rgba(254,237,206,.7); --line:rgba(254,237,206,.12); }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background: radial-gradient(120% 60% at 50% 0%, var(--navy2) 0%, var(--navy) 40%, var(--deep) 100%) fixed;
       color:var(--cream); font-family:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing:antialiased; }
.wrap { width:100%; max-width:720px; margin:0 auto; padding:0 16px; }
header { display:flex; align-items:center; justify-content:space-between; padding:16px 0; }
.brand { display:inline-flex; align-items:center; gap:8px; color:var(--cream); text-decoration:none; font-weight:600; font-size:20px; }
.brand img { width:32px; height:32px; display:block; }
.btn { display:inline-flex; align-items:center; height:40px; padding:0 16px; border-radius:999px; background:var(--coral); color:#fff; text-decoration:none; font-weight:600; font-size:15px; }
main { padding:12px 0 40px; }
h1 { font-size:clamp(30px, 6vw, 40px); font-weight:600; letter-spacing:-.01em; margin:12px 0 6px; }
.updated { color:var(--muted); font-size:15px; margin:0 0 20px; }
.summary { border:1px solid var(--line); background:rgba(254,237,206,.06); border-radius:16px; padding:16px 18px; margin:0 0 28px; }
.summary h2 { margin:0 0 8px; font-size:17px; }
.summary ul { margin:0; padding-left:20px; }
h2 { font-size:21px; font-weight:600; margin:32px 0 8px; }
h3 { font-size:17px; font-weight:600; margin:18px 0 6px; }
p, li { font-size:16.5px; line-height:1.6; color:rgba(254,237,206,.88); }
li { margin:4px 0; }
a { color:var(--cream); text-decoration-color:rgba(238,94,70,.7); text-underline-offset:3px; }
a:hover { text-decoration-color:var(--coral); }
strong { color:var(--cream); }
.toc { columns:2; column-gap:24px; padding-left:20px; margin:0 0 8px; }
@media (max-width:520px) { .toc { columns:1; } }
footer { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 20px; padding:18px 16px 32px; font-size:14px; color:var(--muted); border-top:1px solid var(--line); }
footer a { color:var(--muted); }