:root { --teal:#008182; --teal-d:#00595a; --hdr:#277276; --gold:#B79B6E; --cream:#F5F2EC; --ink:#1e2a2a; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Segoe UI","Tahoma","Noto Naskh Arabic",serif; background:var(--cream); color:var(--ink); line-height:2; }
nav { background:var(--hdr); padding:.7rem 1.2rem; display:flex; gap:1.2rem; align-items:center; flex-wrap:wrap; }
nav a { color:#fff; text-decoration:none; font-size:.98rem; opacity:.92; }
nav a:hover { opacity:1; color:var(--gold); }
nav .brand { font-weight:bold; color:var(--gold); font-size:1.05rem; }
main { max-width:820px; margin:0 auto; padding:2.2rem 1.2rem 3rem; }
h1 { color:var(--teal-d); font-size:1.7rem; margin-bottom:.3rem; }
.upd { color:#6b6255; font-size:.9rem; margin-bottom:1.6rem; }
h2 { color:var(--teal-d); font-size:1.2rem; border-right:4px solid var(--gold); padding-right:.6rem; margin:1.6rem 0 .5rem; }
ul { padding-right:1.6rem; }
li { margin-bottom:.35rem; }
a { color:var(--teal-d); }
.card { background:#fff; border:1px solid #e4ddd0; border-radius:12px; padding:1rem 1.2rem; margin:.8rem 0; }
footer { background:var(--teal-d); color:var(--cream); text-align:center; padding:1.3rem 1rem; font-size:.88rem; line-height:1.9; }
footer a { color:var(--gold); text-decoration:none; margin:0 .4rem; }
code { background:#fff; border:1px dashed var(--gold); border-radius:6px; padding:.05rem .45rem; direction:ltr; display:inline-block; }