@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=optional');

*{box-sizing:border-box}
html{min-height:100%;background:#f6f7f9}
body{margin:0;background:#f6f7f9;color:#15171a;font-family:'Plus Jakarta Sans','Cairo',Arial,sans-serif;line-height:1.65}
.legal-shell{width:100%;max-width:900px;margin:0 auto;padding:24px}
.legal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 22px;border-bottom:1px solid #e3e5e9;direction:ltr}
.brand{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.brand small{font-weight:600;color:#555b64;letter-spacing:.02em}
.brand{color:inherit;text-decoration:none}
.header-actions{display:flex;align-items:center;gap:10px;direction:ltr;flex:0 0 auto;min-width:0}
.back,.language-switch{display:inline-flex;align-items:center;justify-content:center;color:#15171a;text-decoration:none;border:1px solid #d3d6dc;background:#fff;border-radius:10px;padding:7px 11px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;line-height:1.2}
.language-switch{font-weight:600}
.card{background:#fff;border:1px solid #e3e5e9;border-radius:18px;padding:28px;margin-top:22px}
.card h1{font-size:clamp(1.65rem,5vw,2.35rem);line-height:1.2;margin:0 0 10px}
.card h2{font-size:1.05rem;margin:26px 0 7px}
.card p,.card li{font-size:.9rem;color:#555b64}
.card ul{padding-left:22px}
.note{background:#fafbfc;border:1px solid #e3e5e9;border-radius:12px;padding:12px 14px;margin:16px 0}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.links a{color:#15171a}
.legal-footer{text-align:center;color:#8b9098;font-size:.72rem;padding:20px 0;direction:ltr}.legal-footer a,.legal-footer a:visited{color:#555b64;text-decoration:none}.legal-footer a:hover,.legal-footer a:focus-visible{color:#15171a;text-decoration:underline}.legal-footer a[aria-current="page"]{color:#15171a;font-weight:700}
.ar{font-family:'Cairo','Plus Jakarta Sans',Arial,sans-serif;direction:rtl;text-align:right}
.ar ul{padding-right:22px;padding-left:0}
.en{font-family:'Plus Jakarta Sans','Cairo',Arial,sans-serif;direction:ltr;text-align:left}
.faq-list{margin-top:18px}.faq-list details{border-top:1px solid #e3e5e9;padding:14px 0}.faq-list details:last-child{border-bottom:1px solid #e3e5e9}.faq-list summary{cursor:pointer;font-size:.92rem;font-weight:700;list-style-position:outside}.faq-list details p{margin:.45rem 0 0}.muted{color:#777d85}
.external{word-break:break-word}
[hidden]{display:none!important}

@media(max-width:600px){
  .legal-shell{width:100%;max-width:none;margin:0;padding:14px}
  .card{width:100%}
  .card{padding:20px}
  .legal-header{align-items:center;min-width:0}
  .brand{min-width:0}
  .header-actions{gap:8px;flex:0 0 auto}
  .back,.language-switch{padding:7px 10px}
  .card p,.card li{font-size:.84rem}
}

/* Match the homepage footer layout while omitting the homepage tagline. */
.app-footer{margin-top:auto;padding:0 0 .35rem;color:#4a4f57;text-align:center;flex-shrink:0}
.footer-inner{width:100%;border-top:1px solid #e3e5e9;padding-top:.85rem;padding-bottom:0}
.footer-brand{color:#3f444b;font-weight:800;font-size:.7rem;letter-spacing:.07em}
.footer-brand span{color:#444950;font-weight:600}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:.55rem}
.footer-links a{color:#444950;text-decoration:none;font-size:.64rem}
.footer-links a:hover{text-decoration:underline;color:#202329}
@media(max-width:600px){.app-footer{padding-bottom:.2rem}.footer-inner{padding-top:.7rem}.footer-links{gap:.7rem}}

.app-footer .footer-links a[aria-current="page"]{color:#202329;font-weight:800;text-decoration:underline;text-underline-offset:3px}

:where(a,summary):focus-visible{outline:3px solid #087c78;outline-offset:3px}
.back,.language-switch{box-sizing:border-box;width:80px;height:36px;min-height:36px;line-height:1;font-weight:700}
.footer-links a{font-size:.8rem;min-height:44px;display:inline-flex;align-items:center;padding-inline:.25rem}
.card p,.card li{overflow-wrap:anywhere;line-height:1.8}
.faq-list summary{min-height:44px;padding-block:.25rem}


/* Keep page navigation on one row on phones. */
@media(max-width:600px){
  .legal-header{gap:8px;padding:4px 0 14px;flex-wrap:nowrap}
  .brand{font-size:14px;flex:1 1 auto;letter-spacing:.03em}
  .brand small{display:none}
  .header-actions{width:auto;gap:6px}
  .back,.language-switch{font-size:12px;padding:0 9px;min-height:32px}
  .card{margin-top:16px;padding:18px;border-radius:16px}
  .card h1{font-size:1.5rem;line-height:1.45}
  .card h2{font-size:1.05rem;line-height:1.6;margin-top:20px}
  .card p,.card li{font-size:.875rem;line-height:1.8}
  .faq-list details{padding:0}
  .faq-list summary{font-size:.875rem;line-height:1.6;padding-block:.6rem;min-height:44px;list-style-position:inside}
  .faq-list details p{margin:0;padding-bottom:.75rem}
}

/* Compact, single-row footer navigation on phones. */
@media(max-width:699px){
  .app-footer{padding-bottom:4px}
  .footer-inner{padding-top:8px;padding-bottom:0}
  .footer-brand{font-size:10px;letter-spacing:.025em;line-height:1.5}
  .app-footer p{font-size:11px;line-height:1.5;margin-top:4px}
  .footer-links{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:4px;margin-top:4px;overflow-x:auto}
  .footer-links a{font-size:12px;min-height:36px;padding-inline:0;white-space:nowrap;flex:0 0 auto}
  [dir="rtl"] .footer-links a,.ar .footer-links a{font-size:clamp(10px,2.7vw,12px)}
}

/* Match homepage header controls across all information pages. */
@media(max-width:699px){
  .back,.language-switch{width:72px;height:32px;min-height:32px;padding:0 9px;font-size:12px;line-height:1;border-radius:8px}
}