:root{color-scheme:dark;font-family:system-ui,"Segoe UI",Arial,sans-serif;line-height:1.7;background:#0e0b0b;color:#e9dfd2}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 50% -10%,#2c1712,#0e0b0b 46%);min-height:100vh}
header{padding:16px max(18px,calc((100vw - 900px)/2));border-bottom:1px solid #6d472c55;background:#140e0deb}
.brand{font-size:21px;font-weight:700;letter-spacing:.2em;color:#e7b97f;text-decoration:none;font-family:Georgia,serif}
.brand span{font-size:14px;letter-spacing:.03em;color:#bb9f80}
main{max-width:900px;margin:0 auto;padding:38px 22px 70px}
.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.18em;color:#c28855;text-transform:uppercase}
h1{font:600 clamp(30px,5vw,46px) Georgia,serif;color:#edbd7e;line-height:1.16;margin:7px 0 8px}
h2{font:600 20px Georgia,serif;color:#f0c894;margin:28px 0 7px}
p{margin:10px 0 16px}
a{color:#edbd7e;overflow-wrap:anywhere}
a:hover{color:#ffe6b9}
strong{color:#f5e6d3}
section{scroll-margin-top:25px}
.card{border:1px solid #79513288;border-radius:12px;padding:22px 26px;background:#1a120fd9;box-shadow:0 22px 50px #0006}
.meta{color:#b9a28e;font-size:13px;margin:0 0 22px}
ul{padding-left:22px}
li{margin:9px 0}
footer{border-top:1px solid #714a3266;color:#ac9580;padding:20px max(18px,calc((100vw - 900px)/2));font-size:13px;display:flex;flex-wrap:wrap;gap:9px 18px}
footer a{white-space:nowrap}
@media(max-width:580px){main{padding:25px 14px 45px}.card{padding:20px 18px}.brand{font-size:18px}}