:root{color-scheme:light dark}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#faf8f3;color:#23201b}
.wrap{max-width:38rem;margin:14vh auto;padding:0 1.2rem}
h1{font-size:2rem;margin:0 0 .3rem;letter-spacing:-.02em}
.lede{color:#6b655a;margin:0 0 1.6rem}
.card{background:#fff;border:1px solid #ece7dc;border-radius:14px;padding:1.2rem 1.3rem;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.tag{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#b08a3e;margin-bottom:.4rem}
.foot{margin-top:2rem;color:#8a8578;font-size:.9rem}a{color:#9a6f2e}
@media(prefers-color-scheme:dark){body{background:#17150f;color:#e9e4d6}.card{background:#211e16;border-color:#332f23}.lede{color:#a49c87}}