:root{--bg1:#2a2938;--bg2:#44425a;--pink:#f0b6cf;--accent:#f0b6cf;--ink:#f1eef6;--card:rgba(0,0,0,.25);box-sizing:border-box;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--ink);font-family:"Literata",Georgia,"Times New Roman",serif;font-size:1.15rem;background:radial-gradient(ellipse at 70% 40%,var(--bg2),var(--bg1))}
html{background:var(--bg1)}
main{max-width:680px;margin:0 auto;padding:2rem 1.5rem 4rem}
.box{border:5px solid var(--pink);border-radius:6px 10px 5px 9px;color:var(--pink);text-decoration:none;display:block}
header.box{font-family:"Patrick Hand","Comic Sans MS",cursive;font-size:4.5rem;letter-spacing:.35em;text-align:center;padding:.6rem 0;margin-bottom:2.2rem}
nav{display:flex;flex-direction:column;gap:1rem;align-items:stretch}
nav a.box{font-size:1.3rem;padding:.7rem 1.2rem;border-width:4px;color:var(--pink);background:var(--card);transition:background .15s}
nav a.box:hover,nav a.box:focus-visible{background:rgba(255,255,255,.08);outline:none}
.back{color:var(--accent);text-decoration:none;display:inline-block;margin-bottom:1rem}
article{background:var(--card);border-radius:6px;padding:1.5rem 1.8rem;line-height:1.75;font-size:1.2rem}
article h1,article h2,article h3{color:var(--accent);font-weight:600;line-height:1.3}
article hr{border:0;border-top:2px solid var(--pink)}