/* Learn2Exel shared brand: the bar every Learn2Exel site shows at the top, plus the
   palette and type the sites share ("ink and ember"). Copied from
   posixplus/ai-learn2exel src/components/brand/brand.css (identical to posixplus/FinancialDocs brand/brand.css). Re-copy when that changes. */
:root{
  --l2e-ink:#0F2440; --l2e-ink-dark:#091729; --l2e-on-ink:#F6F5F1; --l2e-on-ink-muted:#B8C6D9;
  --l2e-accent:#C2410C; --l2e-accent-hover:#9A3412; --l2e-accent-soft:#F2A25C; --l2e-accent-light:#FFF4EC;
  --l2e-bg:#F6F5F1; --l2e-surface:#EFEDE7; --l2e-border:#E3E1DA; --l2e-text:#0F2440; --l2e-muted:#4B5563;
  --l2e-display:'Sora','Inter',system-ui,sans-serif;
  --l2e-body:'Inter','Hind Madurai',system-ui,-apple-system,'Segoe UI',sans-serif;
}
.l2e-bar{background:var(--l2e-ink);color:var(--l2e-on-ink);font-family:var(--l2e-body);font-size:13.5px;line-height:1;border-bottom:1px solid rgba(255,255,255,.12)}
.l2e-bar .l2e-in{max-width:1200px;margin:0 auto;height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px}
.l2e-brand{flex:none;display:inline-flex;align-items:center;gap:9px;color:var(--l2e-on-ink);text-decoration:none;font-family:var(--l2e-display);font-weight:800;font-size:15px;letter-spacing:-.01em}
.l2e-brand:hover{color:#fff;text-decoration:none}
.l2e-mark{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;flex:none}
.l2e-mark i{width:9px;height:9px;border-radius:2.5px;background:var(--l2e-accent-soft);display:block}
.l2e-sites{display:flex;align-items:center;gap:4px}
.l2e-sites a{color:var(--l2e-on-ink-muted);text-decoration:none;font-weight:600;padding:7px 10px;border-radius:6px;white-space:nowrap}
.l2e-sites a:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
.l2e-sites a[aria-current=page]{color:#fff;background:rgba(255,255,255,.14)}
.l2e-sites .l2e-label{color:var(--l2e-on-ink-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-right:6px}
@media (max-width:520px){.l2e-sites .l2e-label{display:none}.l2e-bar .l2e-in{padding:0 12px;gap:8px}.l2e-brand{font-size:14px;gap:7px}.l2e-sites{gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.l2e-sites::-webkit-scrollbar{display:none}.l2e-sites a{padding:7px 7px}}
@media (max-width:380px){.l2e-bar .l2e-in{padding:0 10px;gap:6px}.l2e-brand{font-size:13.5px}.l2e-sites a{padding:7px 5px}}
@media print{.l2e-bar{display:none}}