:root{--ink:#2b2350;--ink-soft:#655d8c;--lav-soft:#ece5ff}
*{box-sizing:border-box}
body{margin:0;font-family:'Nunito',system-ui,sans-serif;color:var(--ink);background:linear-gradient(160deg,#ffd6ee 0%,#e0d2ff 38%,#bff3ec 72%,#fff3d1 100%) fixed;line-height:1.65}
main{max-width:760px;margin:24px auto;background:#fffafd;border-radius:26px;padding:34px 30px;box-shadow:0 14px 40px rgba(30,20,80,.18)}
h1,h2{font-family:'Fredoka','Nunito',sans-serif;font-weight:600;line-height:1.2}
h1{margin:0 0 4px;font-size:34px}
h2{margin:30px 0 6px;font-size:21px}
.updated{color:var(--ink-soft);font-weight:700;margin:0 0 20px}
a{color:#7a4dff}
.back{display:inline-block;margin-bottom:16px;font-weight:700;text-decoration:none}
.callout{background:var(--lav-soft);border-radius:16px;padding:14px 18px;font-weight:600}
li{margin:4px 0}
@media (max-width:600px){main{margin:0;border-radius:0;padding:24px 18px}h1{font-size:28px}}