:root { --cream:#FBF4EC; --ink:#5B3A36; --tile:#F3E2C7; --worm:#A8DA6E; --sky:#BFE3F7; }
* { box-sizing: border-box; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:'Fredoka', system-ui, sans-serif; font-weight:500; line-height:1.55; }
main { max-width: 680px; margin: 0 auto; padding: 40px 16px 64px; }
header { display:flex; align-items:center; gap:16px; margin-bottom: 28px; }
header img { width:72px; height:72px; border-radius:18px; border:2px solid var(--ink); }
h1 { font-size: 2rem; margin:0; font-weight:700; }
h2 { font-size: 1.25rem; margin: 2em 0 .4em; font-weight:600; }
p, li { font-size: 1.05rem; }
a { color: #3E6C8A; }
.card { background:#fff; border:2px solid var(--ink); border-radius:18px; padding: 4px 20px; margin: 20px 0; }
nav { margin-top: 40px; font-size: .95rem; }
.muted { opacity: .7; font-size: .95rem; }