:root{
  --ink:#f5efe6; --bg:#14100d; --panel:#1e1813; --wood:#3a2a1a;
  --brass:#d4a13c; --muted:#a89a86;
}
*{box-sizing:border-box}
body{
  margin:0; padding:2rem 1.1rem 4rem;
  background:radial-gradient(ellipse at 50% -20%, #2a2018 0%, var(--bg) 60%);
  color:var(--ink); font-family:Georgia,'Times New Roman',serif; line-height:1.7;
}
.wrap{max-width:44rem; margin:0 auto}
a{color:var(--brass)}
h1{color:var(--brass); font-variant:small-caps; letter-spacing:.02em;
   font-size:clamp(1.8rem,6vw,2.6rem); margin:0 0 .2rem}
h2{color:var(--brass); font-variant:small-caps; font-size:1.2rem;
   border-bottom:1px solid var(--wood); padding-bottom:.4rem; margin:2.2rem 0 .8rem}
.updated{color:var(--muted); font-size:.9rem; margin:0 0 2rem}
.panel{background:var(--panel); border:1px solid var(--wood); border-radius:12px;
       padding:1rem 1.2rem; margin:1.4rem 0}
.panel strong{color:var(--brass)}
ul{padding-left:1.2rem} li{margin:.4rem 0}
.back{display:inline-block; margin-bottom:1.6rem; color:var(--muted); text-decoration:none}
.back:hover{color:var(--brass)}
footer{margin-top:3rem; padding-top:1.2rem; border-top:1px solid var(--wood);
       color:var(--muted); font-size:.85rem}