:root{color-scheme:light;--ink:#211437;--purple:#6a3fc4;--paper:#fff8df;--yellow:#ffdc59}*{box-sizing:border-box}body{margin:0;background:var(--purple);color:var(--ink);font:18px/1.65 system-ui,-apple-system,sans-serif}header,main,footer{max-width:860px;margin:auto}header{padding:44px 24px 24px;color:white}header a{color:white;text-decoration:none;font-weight:900;font-size:26px;letter-spacing:-1px}header p{margin:0;color:var(--yellow)}main{background:var(--paper);border:3px solid var(--ink);border-radius:24px;padding:36px 44px;box-shadow:8px 8px 0 var(--ink)}h1{font-size:clamp(30px,6vw,44px);line-height:1.15;letter-spacing:-1px;margin:0 0 16px}h2{font-size:24px;line-height:1.3;margin:32px 0 12px}p,ul{margin:0 0 18px}a{color:#4f299f;text-underline-offset:4px;overflow-wrap:anywhere}nav{display:flex;gap:24px;flex-wrap:wrap}footer{padding:28px 24px 40px;color:white;font-size:15px}footer a{color:white}.date{font-size:15px;color:#61526f}.callout{background:#ffe991;padding:18px 22px;border-radius:14px}.button{display:inline-block;background:#38c74e;border:3px solid var(--ink);border-radius:12px;padding:12px 20px;text-decoration:none;color:var(--ink);font-weight:800}@media(max-width:900px){main{margin:0 18px;padding:28px 24px}body{font-size:17px}}