:root{--ink:#1d1b18;--muted:#5e584f;--bg:#fbf9f5;--dark:#0d0c0a;--gold:#c9a45c;--gold-d:#8a6a2a;--line:#e6dfd2}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 Georgia,"Times New Roman",serif}
html[lang=ar] body{font-family:"Noto Naskh Arabic","Geeza Pro","Traditional Arabic",Tahoma,serif;font-size:19px;line-height:1.9}
a{color:var(--gold-d)}
img{max-width:100%;height:auto}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.top{background:var(--dark);border-bottom:1px solid #2a261f}
.nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px}
.nav a{color:#e9dcc0;text-decoration:none}
.brand{font-weight:700;letter-spacing:.04em;color:var(--gold)!important}
.links a{margin-inline-start:18px;font-size:.92em}
.hero{background:var(--dark);color:#efe6d2;padding:40px 0 48px}
.grid{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:40px;align-items:center}
.cover{display:block;width:100%;border:1px solid #3a3326;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.hero h1{color:var(--gold);font-size:2.3em;line-height:1.15;margin:.2em 0}
.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75em;color:#b9ab8c;margin:0}
html[lang=ar] .kicker{text-transform:none;letter-spacing:0}
.sub{font-size:1.25em;margin:.2em 0 .6em;color:#e9dcc0}
.by a{color:#e9dcc0}
.lead{color:#d6ccb6}
.price{font-size:1.5em;color:var(--gold);margin:.3em 0}
.buy{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.btn{display:inline-block;padding:10px 16px;border:1px solid var(--gold);border-radius:4px;color:var(--gold-d);background:#fff;text-decoration:none;font-size:.9em}
.hero .btn,.band .btn{background:transparent;color:var(--gold)}
.btn.primary,.hero .btn.primary,.band .btn.primary{background:var(--gold);color:var(--dark);font-weight:700}
.btn.ghost{opacity:.85;border-style:dashed}
.small{font-size:.85em;color:var(--muted)}
.hero .small,.band .small{color:#b9ab8c}
.hero .small a,.band .small a{color:#e9dcc0}
.prose{max-width:760px;padding-top:28px;padding-bottom:28px}
.prose h2{font-size:1.5em;margin:1.4em 0 .4em;line-height:1.3}
.prose h3{font-size:1.15em;margin:1.2em 0 .3em}
.band{background:var(--dark);color:#efe6d2;padding:28px 0}
.band h2{color:var(--gold);margin-top:0}
.rules{padding-inline-start:1.1em}
.rules li{margin:.25em 0}
.rules b{color:var(--gold-d);margin-inline-end:.4em}
.cards{list-style:none;padding:0;display:grid;gap:12px}
.cards a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:#fff;text-decoration:none;color:var(--ink)}
.cards strong{display:block;color:var(--gold-d);margin-bottom:4px}
.cards span{font-size:.88em;color:var(--muted)}
.article h1{font-size:2em;line-height:1.2;margin:.3em 0}
.crumbs,.meta{font-size:.85em;color:var(--muted);margin:0}
.cta{display:flex;gap:18px;align-items:flex-start;margin:36px 0;padding:18px;border:1px solid var(--gold);border-radius:6px;background:#fff}
.cta img{width:120px;flex:none;border:1px solid var(--line)}
.cta-h{font-weight:700;font-size:1.15em;margin:0 0 .3em}
.related ul{padding-inline-start:1.1em}
.foot{border-top:1px solid var(--line);padding:18px 0 30px;font-size:.82em;color:var(--muted)}
@media (max-width:720px){.grid{grid-template-columns:1fr}.cover{max-width:260px;margin:0 auto}.hero h1{font-size:1.8em}.cta{flex-direction:column}.links a{margin-inline-start:12px}}