:root{--bg:#14101b;--panel:#261f33;--text:#f1e7d0;--muted:#aba08c;--gold:#e0b25b;--ember:#f08a3c}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(#2a2136,#14101b) fixed;color:var(--text);
font:18px/1.6 Georgia,'Alegreya Sans',serif}
main,header,footer{max-width:42rem;margin:0 auto;padding:1rem 1.25rem}
header{padding-top:2.5rem;text-align:center}
h1,h2,h3{font-family:'Cinzel',Georgia,serif;letter-spacing:.04em;color:var(--gold);line-height:1.2}
h1{font-size:2.6rem;margin:.2rem 0}
a{color:var(--ember)}
.tag{color:var(--muted);font-style:italic}
.panel{background:var(--panel);border:1px solid #5b4b34;border-radius:12px;padding:1rem 1.25rem;margin:1.25rem 0}
nav a{margin:0 .6rem}
footer{color:var(--muted);font-size:.9rem;text-align:center;padding-bottom:3rem}
.badges{text-align:center;margin:1.5rem 0}
.badges span{display:inline-block;border:1px dashed var(--muted);border-radius:8px;padding:.4rem 1rem;margin:.25rem;color:var(--muted)}
li{margin:.25rem 0}