/* Scoped to pages opting into the main-site refresh; product tokens are untouched. */
:root {
  --h-bg:#f2ebdd; --h-surface:#fffdf8; --h-text:#172b34; --h-muted:#52626a;
  --h-gold:#17494d; --h-gold-bright:#17494d; --h-gold-line:#b9956070;
  --h-nav:#f2ebddf5; --h-line:#172b3430; --h-focus:3px solid #17494d;
  --h-display:"Tajawal","IBM Plex Sans Arabic",system-ui,sans-serif;
  --bg:var(--h-bg); --panel:var(--h-surface); --panel-bg:var(--h-surface);
  --text:var(--h-text); --text-color:var(--h-text); --muted:var(--h-muted);
  --gold:var(--h-gold); --gold-bright:var(--h-gold-bright); --line:var(--h-line);
}
html[data-theme="dark"] {
  --h-bg:#0b1820; --h-surface:#172b34; --h-text:#f5f2ea; --h-muted:#afbabe;
  --h-gold:#b99560; --h-gold-bright:#d6b988; --h-nav:#0b1820f5; --h-line:#afbabe55;
  --h-focus:3px solid #d6b988;
}
body { color:var(--h-text); }
.btn-primary,.form button,.cta a.btn { background:#17494d; color:#f5f2ea; box-shadow:none; }
[data-language-toggle] { font:inherit; font-size:.85rem; border:1px solid var(--h-muted); color:var(--h-text); background:var(--h-surface); padding:.45rem .75rem; border-radius:999px; min-width:44px; min-height:44px; cursor:pointer; }
.locale-bar { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; padding:1rem; max-width:1120px; margin-inline:auto; }
.locale-bar a { color:var(--h-text); text-decoration:none; display:inline-flex; align-items:center; min-height:44px; gap:.5rem; }
.hajdah-mark { width:30px; height:30px; flex:none; }
:focus-visible { outline:var(--h-focus); outline-offset:4px; }
[hidden] { display:none !important; }
main { scroll-margin-top:11rem; }
.home-nav { position:sticky; top:0; padding-block:.65rem; background:var(--h-nav); }
.task-hero { padding-top:3rem; }
.reveal { opacity:1; transform:none; }
.p-card__host { overflow-wrap:anywhere; }
.toc a,summary { min-height:44px; }
.home-body { overflow-x:clip; }
html[dir="ltr"] .task-preview { transform:rotate(2deg); }
html[dir="ltr"] .hero-brand { letter-spacing:-.02em; }
html[dir="ltr"] .task-tag { left:auto; right:1.6rem; }
html[dir="ltr"] .hero-eyebrow { letter-spacing:.06em; }
@media(max-width:760px) {
 .home-nav { position:relative; padding-inline:1rem; }
 .nav-tools { width:100%; display:flex; gap:.6rem; justify-content:flex-start; }
 .nav-tools nav { flex:1 1 100%; }
 .nav-links { justify-content:space-between; gap:.5rem; }
 .task-hero { padding-top:1.8rem; }
 .task-preview,html[dir="ltr"] .task-preview { transform:none; }
 .section-head { flex-wrap:wrap; }
 .home-footer__cols { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; animation:none !important; } }

html[dir="ltr"] .task-hero .hero-brand { font-size:clamp(2.2rem,4.2vw,3.3rem); }

/* Keep the existing optional account control inside the wrapping navigation. */
.home-nav .alhajda-account { position:relative; inset:auto; margin:0; max-width:100%; flex:0 0 auto; }
.home-nav .alhajda-account__login { min-height:44px; color:var(--h-text); background:var(--h-surface); }
@media(min-width:761px) { .home-nav .nav-tools { flex-wrap:wrap; justify-content:flex-end; } }