:root{--bg:#F3E9D2;--panel:#FBF6EA;--text:#1F2A52;--soft:#4A5378;--line:#D9C49B;--stamp:#B8322A;--sun:#F2B705;
  --display:"Grandstander","Comic Sans MS","Trebuchet MS",sans-serif;--body:"Andika","Verdana","Segoe UI",sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141A33;--panel:#1E2646;--text:#EDE6D3;--soft:#AEB6D6;--line:#35406B;--stamp:#F07A6E}}
:root[data-theme="dark"]{--bg:#141A33;--panel:#1E2646;--text:#EDE6D3;--soft:#AEB6D6;--line:#35406B;--stamp:#F07A6E}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:1.05rem;line-height:1.65}
.wrap{max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}
.brand{font-family:var(--display);font-weight:800;font-size:1.2rem;display:flex;gap:.5rem;align-items:center;color:var(--text);text-decoration:none}
.brand span{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:#B8322A;color:#fff;font-size:.95rem}
.top a.back{color:var(--text);font-weight:700}
h1{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,6vw,2.6rem);line-height:1.1;margin:0 0 .4rem}
.updated{color:var(--soft);font-size:.95rem;margin:0 0 2rem}
article{background:var(--panel);border-radius:24px;padding:clamp(1.25rem,4vw,2.5rem)}
h2{font-family:var(--display);font-weight:700;font-size:1.3rem;margin:2rem 0 .5rem}
article>h2:first-child{margin-top:0}
p,li{max-width:68ch}
ul{padding-left:1.2rem}
li{margin-bottom:.35rem}
a{color:var(--stamp)}
.box{border-left:4px solid var(--sun);padding:.4rem 0 .4rem 1rem;margin:1rem 0}
footer{color:var(--soft);font-size:.9rem;margin-top:2rem;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
footer a{color:var(--text)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}