:root {
    --background: 0 0% 3%;
    --foreground: 0 0% 96%;
    --card: 0 0% 6%;
    --card-foreground: 0 0% 96%;
    --popover: 0 0% 6%;
    --popover-foreground: 0 0% 96%;
    --primary: 0 85% 48%;
    --primary-foreground: 0 0% 100%;
    --secondary: 43 85% 52%;
    --secondary-foreground: 0 0% 5%;
    --muted: 0 0% 10%;
    --muted-foreground: 0 0% 55%;
    --accent: 43 85% 52%;
    --accent-foreground: 0 0% 5%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 13%;
    --input: 0 0% 13%;
    --ring: 0 85% 48%;
    --radius: 0.75rem;
    --gold: 43 85% 52%;
    --gold-light: 43 95% 68%;
    --red-glow: 0 85% 48%;
    --red-deep: 0 90% 32%;
    --font-heading: 'Chakra Petch', sans-serif;
    --font-body: 'Rajdhani', sans-serif;
    --sidebar-background: 0 0% 5%;
    --sidebar-foreground: 0 0% 96%;
    --sidebar-primary: 0 85% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 0 0% 10%;
    --sidebar-accent-foreground: 0 0% 96%;
    --sidebar-border: 0 0% 13%;
    --sidebar-ring: 0 85% 48%;
  }
.answers-body, .answers-page {
  background: hsl(var(--background)); color: hsl(var(--foreground)); margin: 0;
  font-family: var(--font-body), sans-serif; font-size: 20px; line-height: 1.65; letter-spacing: 0;
}
.answers-body *, .answers-page * { box-sizing: border-box; }
.answers-body a, .answers-page a { color: hsl(var(--secondary)); text-underline-offset: 4px; }
.answers-body a:hover, .answers-page a:hover { text-decoration: underline; }
.answers-body a:focus-visible, .answers-page a:focus-visible { outline: 2px solid hsl(var(--primary)); outline-offset: 5px; }
.answers-header, .answers-footer { max-width: 1100px; margin: auto; padding: 24px; display: flex; gap: 20px; align-items: center; justify-content: space-between; border-bottom: 1px solid hsl(var(--border)); }
.answers-header nav, .answers-footer { display: flex; gap: 24px; flex-wrap: wrap; font-size: 17px; }
.answers-brand { display: flex; align-items: center; gap: 12px; font-family: var(--font-heading); font-size: 16px; text-decoration: none; }
.answers-brand img { object-fit: contain; }
.brand-fps { color: hsl(var(--primary)); }
.answers-main { max-width: 820px; padding: 54px 24px 70px; margin: auto; }
.answers-main h1, .answers-main h2, .answers-main h3 { letter-spacing: 0; text-transform: none; overflow-wrap: anywhere; }
.answers-main h1 { font-family: var(--font-heading); font-size: 32px; line-height: 1.45; margin: 12px 0 18px; }
.answers-main h2 { font-family: var(--font-heading); font-size: 23px; line-height: 1.5; margin: 0 0 18px; }
.answers-main h3 { font-family: var(--font-body); font-size: 23px; line-height: 1.45; margin: 24px 0 10px; }
.answers-main p { margin: 0 0 20px; }
.answers-main section { padding: 34px 0; border-top: 1px solid hsl(var(--border)); scroll-margin-top: 24px; }
.answers-main ul, .answers-main ol { padding-inline-start: 26px; margin: 0; }
.answers-main li { padding-inline-start: 5px; margin-bottom: 16px; }
.answer-lead { font-size: 23px; line-height: 1.65; }
.eyebrow { color: hsl(var(--secondary)); font-size: 16px; font-weight: 600; }
.byline, .breadcrumbs, .source-note { color: hsl(var(--muted-foreground)); font-size: 16px; }
.breadcrumbs { margin-bottom: 26px; }
.contents { display: flex; flex-wrap: wrap; gap: 8px 22px; border-block: 1px solid hsl(var(--border)); padding: 18px 0; font-size: 17px; }
.answers-main .contents + section { border-top: 0; }
.hub-list { list-style: none; padding: 0 !important; }
.hub-list li { padding: 20px 0; margin: 0; border-bottom: 1px solid hsl(var(--border)); }
.hub-list li:last-child { border-bottom: 0; }
.hub-list a { display: flex; justify-content: space-between; gap: 20px; text-decoration: none; font-size: 24px; line-height: 1.45; font-weight: 600; }
.hub-list p { color: hsl(var(--muted-foreground)); font-size: 18px; margin: 8px 0 0; }
.answer-next { border-top: 1px solid hsl(var(--border)); padding-top: 28px; margin-top: 14px; }
.answer-cta { display: inline-flex; align-items: center; gap: 12px; font-weight: 600; }
.answers-footer { border-bottom: 0; border-top: 1px solid hsl(var(--border)); color: hsl(var(--muted-foreground)); }
.answers-body:has([lang="ar"]), .answers-page[lang="ar"], .answers-main[lang="ar"] { font-family: 'Noto Sans Arabic', sans-serif; }
.answers-main[lang="ar"] h1, .answers-main[lang="ar"] h2, .answers-main[lang="ar"] h3 { font-family: 'Noto Sans Arabic', sans-serif; }
@media (max-width: 600px) {
 .answers-main { padding: 32px 20px 50px; }
 .answers-main h1 { font-size: 27px; }
 .answers-main h2 { font-size: 21px; }
 .answer-lead { font-size: 21px; }
 .answers-header { padding: 18px 20px; flex-wrap: wrap; }
 .answers-header nav { gap: 20px; }
 .hub-list a { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) { .answers-body *, .answers-page * { scroll-behavior: auto; } }