/* Lightning site footer (generated into every page by tools/footer.py).
   Self-contained like consent.css: it carries its own guideline tokens (B03), so it looks the same on the
   landing-system pages and the older ones, in light and dark. Ink headings, sentence-case labels, no caps,
   no card in a card (A16). Logical properties throughout, so the same CSS lays out English and Arabic. */
.sf{--sf-ink:#0D2233;--sf-ink2:#304A5C;--sf-muted:#566E7E;--sf-line:#DDE9E6;--sf-green:#14A874;--sf-focus:#0B6DD6;
  margin-top:56px;padding:44px 0 56px;border-top:1px solid var(--sf-line);color:var(--sf-ink2);
  font:500 15px/1.5 var(--body,Manrope,"Segoe UI",system-ui,sans-serif)}
:root[data-theme="dark"] .sf{--sf-ink:#EAF4F1;--sf-ink2:#B8CAD2;--sf-muted:#8FA6B2;--sf-line:#243A4C;--sf-green:#3FCB93;--sf-focus:#5AA9FF}
.sf a{color:inherit;text-decoration:none}
.sf a:focus-visible{outline:3px solid var(--sf-focus);outline-offset:3px;border-radius:6px}

/* Contact us */
.sf-contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px 56px;padding-bottom:40px;border-bottom:1px solid var(--sf-line)}
.sf-contact h2{margin:0 0 10px;color:var(--sf-ink);font:800 clamp(26px,3.2vw,34px)/1.12 var(--display,"Bricolage Grotesque","Segoe UI",system-ui,sans-serif);letter-spacing:-.02em}
.sf-contact p{margin:0;max-width:24em;font-size:16px}
.sf-contact ul{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin:0;padding:0;list-style:none}
.sf-contact li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:14px;align-items:start}
.sf-contact svg{grid-row:1/3;width:22px;height:22px;margin-top:1px;fill:none;stroke:var(--sf-ink2);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sf-contact small{display:block;color:var(--sf-muted);font-size:13px;font-weight:600}
.sf-contact a{display:inline-block;color:var(--sf-ink);font-size:16px;font-weight:700;overflow-wrap:anywhere}
.sf-contact li>span{display:block;color:var(--sf-muted);font-weight:700}
.sf-contact a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}

/* Brand and links */
.sf-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3.5fr) minmax(0,3.5fr);gap:32px 56px;padding-top:36px}
.sf-brand .d-lockup{display:inline-flex;align-items:center;gap:8px;color:var(--sf-ink);font:800 20px/1 var(--display,"Bricolage Grotesque","Segoe UI",system-ui,sans-serif);letter-spacing:-.02em}
.sf-brand .d-lockup img{height:28px;width:auto}
.sf-brand p{margin:14px 0 0;max-width:22em;color:var(--sf-muted);font-size:14px}
.sf-col h3{margin:0 0 6px;color:var(--sf-ink);font:800 14px/1.3 var(--body,Manrope,"Segoe UI",system-ui,sans-serif)}
.sf-col ul{margin:0;padding:0;list-style:none}
.sf-col a{display:inline-flex;align-items:center;min-height:36px;color:var(--sf-ink2)}
.sf-col a:hover{color:var(--sf-ink)}

@media (max-width:860px){
  .sf-contact{grid-template-columns:1fr;gap:24px}
  .sf-main{grid-template-columns:1fr 1fr;gap:28px 24px}
  .sf-brand{grid-column:1/-1}
}
@media (max-width:560px){
  .sf{margin-top:44px;padding:36px 0 44px}
  .sf-contact ul{grid-template-columns:1fr;gap:6px}
  .sf-contact a{display:inline-flex;align-items:center;min-height:40px}
  .sf-col a{min-height:44px}
}
@media print{.sf-contact svg{display:none}}