/* Guides (/guides/ and /ar/guides/): long-form reading pages. */
.guide-page .wrap{gap:56px}
.guide{display:grid;gap:44px;max-width:820px;margin-inline:auto;width:100%}
.guide article{display:grid;gap:34px}
.guide h1{font-family:var(--display);font-weight:400;font-size:clamp(2rem,4.6vw,3rem);line-height:1.15}
[dir="rtl"] .guide h1{font-family:var(--kufi);font-weight:600;line-height:1.35}
.guide .lede{max-width:none}
.guide a{color:var(--gold)}
.guide .btn{color:#1a1630}
.guide-body{display:grid;gap:14px}
.guide-body h2{font-size:clamp(1.4rem,3vw,1.9rem);margin-top:22px}
.guide-body p,.guide-body ul,.guide-body ol{margin:0}
.guide-body li{margin-bottom:6px}
.guide table{min-width:560px}
.crumbs{font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.guide .crumbs a{color:var(--muted)}
.tldr{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 24px;display:grid;gap:8px}
.tldr h2{font-size:1.25rem}
.tldr ul{margin:0;padding-inline-start:20px}
.tldr li{margin-bottom:4px}
.sources{display:grid;gap:10px}
.sources h2,.related h2{font-size:1.3rem}
.sources ol{margin:0;font-size:.9rem;color:var(--muted);padding-inline-start:22px}
.related{display:grid;gap:10px}
.related ul{margin:0;padding-inline-start:20px}
.guide-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.guide-list a{display:grid;gap:4px;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:var(--card);text-decoration:none;color:var(--fg)}
.guide-list a:hover{border-color:var(--gold)}
.guide-list span{color:var(--muted);font-size:.93rem}
a.lang{text-decoration:none}