/* Privacy and support pages reuse the existing website palette. */
.info-page .wrap{max-width:900px;padding-bottom:40px}
.info-page .topbar{gap:20px;flex-wrap:wrap}
.info-page .topbar nav,.site-links{display:flex;gap:12px 22px;flex-wrap:wrap;align-items:center}
.info-page .topbar nav a,.site-links a{padding-block:6px}
.info-page .page-intro{padding:38px 0 30px;border-bottom:1px solid var(--line);margin-bottom:28px}
.info-page .page-intro h1{margin-bottom:15px}
.info-page .page-intro .standfirst{max-width:65ch;margin-bottom:12px}
.info-page .eyebrow{color:var(--teal-700);font-weight:700;font-size:14px;margin:0 0 12px}
.info-page .updated{color:var(--muted);font-size:14px;margin:0}
.info-page a{overflow-wrap:anywhere}
.info-page main a{color:var(--teal-700);text-underline-offset:4px}
.info-page main a.btn{color:var(--btn-fg)}
.info-page main a.btn.ghost{color:var(--teal-700)}
.info-page .intro-note{background:var(--teal-50);border-inline-start:4px solid var(--teal-500);padding:18px 22px;border-radius:10px;margin:0 0 28px}
.info-page .intro-note p{margin:0}
.info-page .policy-section{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.info-page h2{font-family:Tajawal,system-ui,sans-serif;font-size:clamp(22px,4vw,27px);line-height:1.45;color:var(--teal-900);margin:0 0 12px}
.info-page h3{font-size:18px;line-height:1.6;color:var(--teal-900);margin:20px 0 8px}
.info-page p{margin:0 0 12px}
.info-page li{margin-bottom:10px}
.info-page ul,.info-page ol{padding-inline-start:24px}
.info-page .contact-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,4vw,30px);margin-bottom:24px}
.info-page .contact-box .email{display:inline-block;font-size:clamp(17px,3.6vw,23px);font-weight:700;max-width:100%;margin:4px 0 16px}
.info-page .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.info-page .contact-box .note{margin:12px 0 0}
.info-page .help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px}
.info-page .help-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.info-page .help-card h2{font-size:22px}
.info-page .help-card p:last-child{margin-bottom:0}
.info-page .faq details{border-bottom:1px solid var(--line);padding:18px 0}
.info-page .faq summary{cursor:pointer;font-weight:700;color:var(--teal-900);padding:4px 0}
.info-page .faq details p{margin:14px 0 0}
.info-page .language-section{scroll-margin-top:20px}
.info-page #english{margin-top:48px;padding-top:38px;border-top:3px solid var(--teal-300);font-family:system-ui,sans-serif}
.info-page #english h2,.info-page #english h3{font-family:system-ui,sans-serif}
.info-page .language-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:25px}
.info-page .language-title h2{font-size:30px;margin:0}
.info-page .skip-link{position:absolute;inset-inline-start:16px;top:-100px;background:var(--teal-900);color:white;padding:12px 18px;z-index:100}
.info-page .skip-link:focus{top:10px}
.info-page footer{margin-top:30px}
.info-page footer p{margin-bottom:10px}
@media(max-width:600px){
  .info-page .help-grid{grid-template-columns:1fr}
  .info-page .page-intro{padding-top:28px}
  .info-page .actions{align-items:stretch;flex-direction:column}
  .info-page .actions .btn{justify-content:center}
}
@media print{
  .info-page .topbar,.info-page .skip-link,.info-page .actions,.info-page footer{display:none}
  .info-page{background:white;color:black}
  .info-page .wrap{max-width:none;padding:0}
  .info-page .policy-section,.info-page .contact-box{break-inside:avoid}
}