:root{--paper:#f5f2eb;--card:#faf8f3;--ink:#2e2a26;--soft:#5c554c;--faint:#696052;--gold:#785b25;--rule:#d9d2c6}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:680px;margin:0 auto;padding:64px 24px 96px}
h1{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;
  font-size:34px;letter-spacing:.2px;margin:0 0 6px}
.mark{font-family:Georgia,serif;letter-spacing:.34em;text-transform:uppercase;
  font-size:15px;color:var(--soft);margin:0 0 40px}
h2{font-family:Georgia,serif;font-style:italic;font-weight:500;font-size:20px;margin:38px 0 10px}
p,li{color:var(--soft)}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(168,134,63,.35)}
a:hover{border-bottom-color:var(--gold)}
.rule{height:1px;background:var(--rule);margin:34px 0}
.card{background:var(--card);border-radius:12px;padding:22px 24px;margin:18px 0}
.label{text-transform:lowercase;letter-spacing:.16em;font-size:12px;color:var(--faint);margin:0 0 8px}
footer{margin-top:56px;font-size:13px;color:var(--faint)}
footer a{color:var(--faint);border-bottom-color:rgba(139,130,118,.3)}
@media(prefers-color-scheme:dark){
  :root{--paper:#17150f;--card:#1f1c16;--ink:#efe9dd;--soft:#c3bbac;--faint:#aaa18f;--gold:#c4a159;--rule:#2f2b23}
}