:root{
  --parch:#f4ecd8; --parch-lite:#faf3e2; --card:#fcf7ea; --card-line:#e2d4b4;
  --ink:#20302a; --ink-soft:#4c5a51; --ink-faint:#8a8064;
  --gold:#c8a24a; --gold-deep:#a37d2c; --forest:#2e5141;
}
@media (prefers-color-scheme: dark){
  :root{
    --parch:#16231e; --parch-lite:#1b2b25; --card:#20302a; --card-line:#31463c;
    --ink:#f3ead2; --ink-soft:#c4bda6; --ink-faint:#8a8064;
  }
}
*{box-sizing:border-box}
body{
  margin:0; padding:0 20px 72px;
  background:linear-gradient(var(--parch-lite),var(--parch)) no-repeat;
  background-attachment:fixed; color:var(--ink);
  font:16.5px/1.65 ui-serif,Georgia,"Times New Roman",serif;
}
.wrap{max-width:660px;margin:0 auto}
header{text-align:center;padding:64px 0 40px}
.emblem{
  width:76px;height:76px;margin:0 auto 22px;border-radius:22px;
  background:linear-gradient(var(--gold),var(--gold-deep));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 24px rgba(120,95,50,.28);font-size:34px;
}
h1{font-size:31px;margin:0;letter-spacing:-.2px}
.sub{color:var(--ink-faint);margin:8px 0 0;font-size:15.5px}
h2{font-size:20px;margin:38px 0 12px;letter-spacing:-.1px}
h2:first-of-type{margin-top:0}
p,li{color:var(--ink-soft)}
a{color:var(--gold-deep);text-underline-offset:3px}
.card{
  background:var(--card);border:1px solid var(--card-line);border-radius:18px;
  padding:26px 28px;margin:22px 0;
}
.rule{
  display:flex;align-items:center;justify-content:center;gap:9px;margin:34px 0;
}
.rule i{display:block;height:1px;width:78px;background:var(--gold);opacity:.45}
.rule b{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
footer{text-align:center;color:var(--ink-faint);font-size:13.5px;margin-top:46px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}