body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#2a1a5e 0,#0b0b1a 60%);color:#e8e8f5;font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:820px;margin:0 auto;padding:32px 20px 64px}
a{color:#8ab4ff}
h1{font-size:30px;margin:8px 0 4px}
h2{font-size:19px;margin:28px 0 6px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
select{background:#16162b;color:#e8e8f5;border:1px solid #33335a;border-radius:8px;padding:6px 10px}
.meta{color:#9a9ab8;font-size:14px}
article{display:none}
article.on{display:block}
ul{padding-left:20px}
footer{margin-top:40px;color:#9a9ab8;font-size:14px}