:root{
  --bg:#f7f5f0; --card:#fffdf8;
  --fg:#1a1f26; --dim:rgba(26,31,38,.74); --accent:#a06a2c; --line:rgba(160,106,44,.3);
}
@media (prefers-color-scheme:dark){
  :root{--bg:#0f1720; --card:#151f2a; --fg:#eef2f6; --dim:rgba(238,242,246,.74);
        --accent:#d3a05c; --line:rgba(211,160,92,.28);}
}
*{box-sizing:border-box;margin:0}
body{
  background:radial-gradient(120% 90% at 50% 0%, var(--card), var(--bg) 62%);
  color:var(--fg); font:17px/1.65 Georgia,'Times New Roman',serif;
  min-height:100vh; padding:0 20px 64px; -webkit-text-size-adjust:100%;
}
main{max-width:720px;margin:0 auto}
header{text-align:center;padding:48px 0 8px}
.mark{color:var(--accent);font:600 13px/1 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.34em;text-transform:uppercase}
h1{font-size:34px;font-weight:400;letter-spacing:.5px;margin:12px 0 4px}
.updated{color:var(--dim);font-style:italic;font-size:15px}
.rule{border:0;border-top:1px solid var(--line);margin:28px auto;width:120px}
h2{color:var(--accent);font-size:20px;font-weight:600;letter-spacing:.4px;margin:36px 0 10px}
p,li{color:var(--dim);margin-bottom:12px}
strong{color:var(--fg);font-weight:600}
ul{padding-left:24px}
li{margin-bottom:6px}
a{color:var(--accent);text-underline-offset:2px}
code{font:400 .88em ui-monospace,SFMono-Regular,Menlo,monospace;
  background:var(--card);border:1px solid var(--line);border-radius:3px;padding:.08em .35em}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);
  text-align:center;font-size:15px;color:var(--dim)}
footer a{margin:0 10px}