:root{
  color-scheme:light;
  --night:#FBF7EE; --panel:#FFFDF8; --line:rgba(201,160,50,.35);
  --ink:#1A1200; --soft:#4A3C22; --mute:#8A7A5C;
  --gold:#C9A032; --gold2:#A47F1F;
  --display:"Frank Ruhl Libre","David Libre",Georgia,serif;
  --body:"Assistant",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --gutter-l:max(16px,env(safe-area-inset-left,0px));
  --gutter-r:max(16px,env(safe-area-inset-right,0px));
}
*{box-sizing:border-box}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.65;direction:rtl}
a{color:var(--gold2)}
.nav{border-bottom:1px solid var(--line);background:rgba(251,247,238,.9)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}
.nav img{height:44px;width:auto}
.nav a.back{color:var(--soft);text-decoration:none;font-weight:700;font-size:15px}
.wrap{width:min(760px,100%);margin-inline:auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
main{padding-block:clamp(40px,6vw,72px)}
h1{font-family:var(--display);font-weight:900;font-size:clamp(34px,5vw,54px);line-height:1.1;margin:0 0 10px}
h2{font-family:var(--display);font-weight:700;font-size:clamp(22px,2.6vw,28px);margin:38px 0 10px;color:var(--gold2)}
p,li{color:var(--soft)}
p{margin:0 0 14px}
ul,ol{padding-inline-start:22px;margin:0 0 14px}
li{margin-bottom:6px}
.updated{color:var(--mute);font-size:15px;margin-bottom:28px}
.box{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:20px 22px;margin:22px 0}
.box b{color:var(--ink)}
.todo{border:1px dashed var(--line);background:rgba(201,160,50,.08);border-radius:14px;padding:12px 16px;color:var(--gold2);font-size:16px;margin:0 0 18px}
footer{border-top:1px solid var(--line);padding-block:28px;color:var(--mute);font-size:15px;text-align:center}
footer nav{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin-bottom:10px}
footer nav a{color:var(--mute);text-decoration:none;border-bottom:1px solid var(--line)}
a:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}