/* Burhan logo placement: each location renders one finished asset only. */
.brand-logo-image { display:block !important; width:auto !important; height:auto !important; object-fit:contain !important; object-position:center !important; background:transparent !important; border:0 !mportant; border-radius:0 !important; box-shadow:none !important; filter:none !important; transform:none !important; }

/* Narrow public top bar: white icon only on navy. */
header .logo, header .seal-mini { position:static !important; display:flex !important; align-items:center !important; justify-content:center !important; width:44px !important; min-width:44px !important; height:44px !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
header .brand-logo-image { content:url("/assets/brand/burhan-icon-white.svg") !important; width:44px !important; height:44px !important; max-width:none !important; }

/* Light authentication screens: one navy full asset; never a separate word. */
.auth-brand { display:flex !important; justify-content:center !important; align-items:center !important; margin-bottom:24px !important; }
.auth-brand span { display:flex !important; align-items:center !important; justify-content:center !important; width:auto !important; height:auto !important; padding:0 !important; margin:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
.auth-brand strong { display:none !important; }
.auth-brand .brand-logo-image { content:url("/assets/brand/burhan-logo-dark.svg?v=20260925v3") !important; width:auto !important; height:100px !important; max-width:min(375px,82vw) !important; }

/* Dark footer: one white full asset. */
.site-footer .footer-logo, .site-footer .footer-logo span { display:flex !important; align-items:center !important; justify-content:center !important; width:auto !important; height:auto !important; padding:0 !important; margin:0 0 14px !mportant; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
.site-footer .brand-logo-image { content:url("/assets/brand/burhan-logo-white.svg?v=20260925v3") !mportant; width:auto !important; height:72px !important; max-width:min(300px,82vw) !mportant; }

/* Light admin sidebar: navy icon only, no coloured card. */
.admin-sidebar-togo-icon { display:flex !important; align-items:center !important; justify-content:center !important; width:36px !important; min-width:36px !important; height:36px !mportant; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !mportant; box-shadow:none !mportant; }
.admin-sidebar .brand-logo-image { content:url("/assets/brand/burhan-icon-dark.svg") !important; width:36px !important; height:36px !important; max-width:none !important; }

/* Admin login card is light: replace its legacy letter tile with one finished navy full logo. */
.admin-login-card > div:first-child > div:first-child { display:block !important; width:250px !important; height:80px !important; margin:0 auto 16px !important; padding:0 !mportant; background:transparent url("/assets/brand/burhan-logo-dark.svg?v=20260925v3") center/contain no-repeat !important; border:0 !mportant; border-radius:0 !mportant; box-shadow:none !mportant; color:transparent !important; font-size:0 !important; }

@media (max-width:560px) { header .logo, header .seal-mini, header .brand-logo-image { width:38px !important; min-width:38px !important; height:38px !important; } .auth-brand .brand-logo-image { height:80px !important; max-width:82vw !important; } .site-footer .brand-logo-image { height:60px !important; max-width:82vw !important; } .admin-sidebar-togo-icon, .admin-sidebar .brand-logo-image { width:34px !mportant; min-width:34px !important; height:34px !important; } }
/* Footer asset cache override. */
.site-footer .footer-logo, .site-footer .footer-logo span { margin:0 0 14px !important; }
.site-footer .brand-logo-image { content:url("/assets/brand/burhan-logo-white.svg?v=20260925v3") !important; max-width:min(300px,82vw) !important; }
/* Homepage and footer responsive safety — 2026-09-25. */
@media (max-width: 420px) {
  #p-home .hero { padding: 28px 16px 64px !important; }
  #p-home .hero-container { width: 100% !important; max-width: 100% !important; }
}
@media (max-width: 320px) {
  #p-home .hero { padding-inline: 12px !important; }
}
.site-footer { padding-inline: clamp(16px, 4vw, 32px) !important; }
.footer-grid > section { min-width: 0; }
.footer-badges { flex-wrap: wrap; justify-content: center; }
.footer-bottom { gap: 12px; flex-wrap: wrap; }
.footer-bottom > span { min-width: 0; max-width: 100%; }

/* Full white logo on spacious navy header; narrow header uses icon. */
@media (min-width:561px){header .logo,header .seal-mini{width:auto!important;min-width:0!important;height:56px!important}header .brand-logo-image{content:url("/assets/brand/burhan-logo-white.svg?v=20260926-role-header")!important;width:auto!important;height:56px!important;max-width:210px!important}}
@media (max-width:560px){header .logo,header .seal-mini{width:38px!important;min-width:38px!important;height:38px!important}header .brand-logo-image{content:url("/assets/brand/burhan-icon-white.svg?v=20260926-role-header")!important;width:38px!important;min-width:38px!important;height:38px!important;max-width:none!important}}


/* Keep the closed mobile drawer out of the document width. */
@media (max-width:960px){.topbar nav:not(.mobile-open){display:none!important}}

/* Avoid two-column min-content overflow on fold-sized screens. */
@media (max-width:320px){.purpose-grid{grid-template-columns:1fr!important}.purpose-grid>article{min-width:0!important}}