:root{--bg:#0b0904;--ink:#f5ead1;--dim:rgba(245,234,209,.72);--faint:rgba(245,234,209,.45);--gold:#E8B44A}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.75}
.wrap{max-width:820px;margin:0 auto;padding:12vh 6vw 14vh}
.brand{display:flex;align-items:center;gap:.6em;text-decoration:none;color:var(--ink);letter-spacing:.18em;font-size:14px;margin-bottom:3.5rem}
.brand img{width:28px;height:28px;border-radius:6px}
h1{font-weight:400;font-size:clamp(1.8rem,5vw,2.6rem);margin-bottom:.4em}
.updated{color:var(--faint);font-size:.85rem;margin-bottom:2.5rem;font-family:-apple-system,sans-serif;letter-spacing:.05em}
h2{font-weight:600;font-size:1.15rem;margin:2.4em 0 .6em;color:var(--gold)}
p,li{color:var(--dim);font-size:1rem;margin-bottom:1em}
ul{padding-left:1.4em}
b,strong{color:var(--ink)}
a{color:var(--gold)}
.card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.4em 1.6em;margin:1.2em 0}
footer{margin-top:5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:var(--faint);font-size:.8rem;font-family:-apple-system,sans-serif}
footer a{color:var(--dim);text-decoration:none;margin-right:1.2em}