:root{--cream:#fff8ec;--ink:#3b2f2a;--sky:#5b9bd5;--sun:#f2a541;--card:#ffffffd9;--muted:#6b5d55}
@media (prefers-color-scheme:dark){:root{--cream:#1f1b18;--ink:#f3ebe1;--sky:#8cbcf0;--sun:#f5b766;--card:#2a2522e6;--muted:#c4b7aa}}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 "Nunito Sans",system-ui,sans-serif}
header{background:linear-gradient(160deg,#bfe0f7 0%,#e8f4d9 60%,#f9e3b4 100%);min-height:180px;display:flex;align-items:flex-end;padding:24px 16px}
header .brand{background:var(--card);border-radius:18px;padding:12px 20px;max-width:720px}
h1,h2{font-family:"Baloo 2",system-ui,sans-serif;line-height:1.2;margin:.2em 0}
h1{font-size:2rem}
main{max-width:720px;margin:0 auto;padding:24px 16px 48px}
a{color:var(--sky)}
nav a{margin-right:16px;font-weight:700}
footer{max-width:720px;margin:0 auto;padding:0 16px 32px;color:var(--muted);font-size:.9rem}
.note{border-left:4px solid var(--sun);padding:8px 14px;background:var(--card);border-radius:8px}