:root{--bg:#f4efe4;--card:#fffdf8;--text:#251d14;--muted:#6a5c4a;--accent:#8a5a1f;--line:#d9ccb2;--hd:#314550;--link:#1f5f99;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#12151a;--card:#1b1f26;--text:#ece6da;--muted:#a89c8a;--accent:#d9a45b;--line:#313843;--hd:#223038;--link:#7fb4e8;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif;line-height:1.95;font-size:17px}
header{background:var(--hd);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;position:sticky;top:0;z-index:5}
header a{color:#fff;text-decoration:none}.brand{font-weight:bold;font-size:1.1rem}
main{max-width:880px;margin:0 auto;padding:16px}
a{color:var(--link)}h1{font-size:1.7rem;border-bottom:3px solid var(--accent);padding-bottom:.2em;margin:.3em 0 .6em}
h1 .en,.ib-t small{direction:ltr;unicode-bidi:isolate;font-size:.55em;color:var(--muted);font-weight:normal;margin-inline-start:.5em}
h2{font-size:1.3rem;color:var(--accent);border-bottom:1px solid var(--line);margin-top:1.6em}h3{font-size:1.1rem;color:var(--accent)}
img{max-width:100%;height:auto}.ic{height:1.45em;width:auto;vertical-align:-.35em;margin:0 2px}
.inl{vertical-align:middle}
.infobox{float:left;width:300px;max-width:100%;margin:0 18px 12px 0;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:.92rem;line-height:1.7}
.ib-t{background:var(--hd);color:#fff;text-align:center;padding:6px;font-weight:bold}.ib-t small{display:block;color:#c8d3da;margin:0}
.ib-i{display:block;margin:8px auto;max-height:260px}
.infobox table{width:100%;border-collapse:collapse}.infobox th{width:38%;color:var(--muted);font-weight:normal;text-align:start;padding:5px 10px;border-top:1px solid var(--line);vertical-align:top}.infobox td{padding:5px 10px;border-top:1px solid var(--line)}
@media(max-width:640px){.infobox{float:none;width:100%;margin:0 0 14px}}
.hatnote{font-style:italic;color:var(--muted);margin:.4em 0}
.navbox{clear:both;margin:24px 0;border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden;font-size:.9rem}
.nb-t{background:var(--hd);color:#fff;text-align:center;padding:4px;font-weight:bold}.navbox table{width:100%;border-collapse:collapse}.navbox th{white-space:nowrap;padding:4px 10px;color:var(--accent);vertical-align:top;text-align:start}.navbox td{padding:4px 10px;border-top:1px solid var(--line)}.navbox tr:first-child td,.navbox tr:first-child th{border-top:0}.dead{color:var(--muted)}
.tw{overflow-x:auto;margin:14px 0;clear:both}table{border-collapse:collapse}.tw th,.tw td{border:1px solid var(--line);padding:5px 9px}.tw th{background:var(--card)}caption{font-weight:bold;padding:4px}
.fig{display:block;text-align:center;margin:14px auto;width:fit-content;max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px}.cap{display:block;font-size:.85rem;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:14px 0;clear:both}.gallery figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px;text-align:center;font-size:.85rem}
.toc{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 16px;margin:12px 0;clear:both;font-size:.95rem}.toc ul{margin:4px 0;padding-inline-start:20px}.toc .l3{margin-inline-start:16px;list-style:circle}
.yes{color:#2e9d4f;font-weight:bold}.no{color:#c0392b;font-weight:bold}.ind{margin-inline-start:24px}
.notice{background:#f3e9b8;color:#3a3210;border:1px solid #cdbb5e;border-radius:8px;padding:8px 14px;margin:12px 0;font-size:.92rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;text-align:center;margin:18px 0}.grid a{display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 6px}.grid img{height:52px;width:auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px 16px;margin:14px 0}.card h2{margin-top:.5em}
.cols{columns:2 220px}.cols a{display:block}
footer{max-width:880px;margin:30px auto 20px;padding:14px 16px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted);clear:both}
.tw img{max-width:100%}
.tw{-webkit-overflow-scrolling:touch}.tw table.scroll th,.tw table.scroll td{vertical-align:top}
.tw td p{margin:.3em 0}.tw td ul,.tw td ol{margin:.3em 0;padding-inline-start:18px}
