:root{--brand:#8b6b3f;--ink:#222;--line:#eee;--bg:#fbfaf8}
*{box-sizing:border-box}
body{margin:0;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Noto Sans Arabic",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
header,main,footer{max-width:980px;margin:0 auto;padding:0 18px}
header.site{border-bottom:1px solid var(--line);background:#fff;padding:14px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;justify-content:space-between}
header.site a{color:var(--brand);text-decoration:none;font-weight:600}
nav.crumbs{font-size:13px;color:#777;padding:14px 0 0}
nav.crumbs a{color:#777}
main{padding:10px 0 30px}
h1{font-size:27px;line-height:1.35;margin:16px 0 10px}
h2{font-size:21px;margin:26px 0 8px;padding-left:10px;border-left:4px solid var(--brand)}
h3{font-size:17px;margin:18px 0 6px}
p{margin:8px 0}
ul,ol{margin:8px 0 8px 20px;padding:0}
table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px}
th,td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
th{background:#f4efe8}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0}
.card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;text-align:center}
.card img{width:100%;height:150px;object-fit:contain;background:#fff}
.card .n{font-size:13px;margin-top:6px;word-break:break-word}
.card .s{font-size:11px;color:#777}
.tag{display:inline-block;font-size:12px;background:#f4efe8;border-radius:4px;padding:2px 7px;margin:2px 4px 2px 0;color:#6b5433}
.answer{background:#fff;border:1px solid var(--line);border-left:4px solid #c8a86a;padding:10px 14px;margin:8px 0;border-radius:6px}
.faq details{border-bottom:1px solid var(--line);padding:10px 0}
.faq summary{cursor:pointer;font-weight:600}
.faq p{color:#444}
footer.site{border-top:1px solid var(--line);margin-top:30px;padding:20px 18px 40px;background:#fff;font-size:13px;color:#555}
footer.site a{color:var(--brand)}
.cta{margin:18px 0;padding:14px;background:#fff;border:1px dashed var(--brand);border-radius:8px}
[dir=rtl] header.site,[dir=rtl] footer.site{direction:rtl}