:root{--paper:#FAF7F0;--ink:#3E3324;--muted:#8A7F72;--gold:#C9A96A;--deep:#8F6F3E;--rule:rgba(143,111,62,.28)}
@media(prefers-color-scheme:dark){:root{--paper:#191512;--ink:#F1E8D8;--muted:#9A9084;--gold:#D2B27A;--deep:#C9A96A;--rule:rgba(201,169,106,.32)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Lora,Georgia,"Times New Roman",serif}
main{max-width:640px;margin:0 auto;padding:64px 24px 96px}
header{text-align:center;margin-bottom:56px}
.mark{width:56px;height:56px;margin:0 auto 20px;border:1px solid var(--gold);border-radius:14px;display:grid;place-items:center;color:var(--deep);font-size:26px}
h1{font-weight:500;font-size:34px;letter-spacing:.01em;margin:0 0 6px}
.tag{color:var(--muted);letter-spacing:.28em;text-transform:uppercase;font:500 11px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif}
h2{font-weight:500;font-size:22px;margin:44px 0 10px}
p,li{color:var(--ink)}li{margin:6px 0}a{color:var(--deep)}
hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:40px auto;max-width:220px}
.rule{border:0;height:.75px;background:var(--rule);margin:36px 0}
nav{text-align:center;margin-top:12px}nav a{margin:0 10px;text-decoration:none;font:500 12px/1 -apple-system,BlinkMacSystemFont,Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
footer{margin-top:72px;text-align:center;color:var(--muted);font-size:13px}
.ar{font-size:26px;direction:rtl;color:var(--deep)}
small{color:var(--muted)}