/* Approved compact header: original categories and colours, with relocated actions. */
.site-header .masthead-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.site-header .masthead-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:136px;padding:12px 22px;border:1px solid #245bda;border-radius:6px;background:#245bda;color:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.35;white-space:nowrap;text-decoration:none}
.site-header .masthead-actions>a:hover{background:#1747b1;border-color:#1747b1}
.site-header .masthead-actions>a:focus-visible{outline:3px solid #245bda;outline-offset:3px}
.site-header .learning-entry-mobile,.site-header #site-nav>a.nav-mobile-donate{display:none}
.site-header .masthead-actions>a{gap:9px}
.site-header .masthead-actions .icon{width:21px;height:21px;flex:0 0 21px;stroke-width:1.8}
.site-header #site-nav>a.nav-quran,.site-header #site-nav>a.nav-quran[aria-current],.site-header #site-nav>a.nav-learning{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:700;line-height:1.35;white-space:nowrap;text-decoration:none;box-shadow:none}
.site-header #site-nav>a.nav-quran,.site-header #site-nav>a.nav-quran[aria-current]{background:#e8c873;color:#171d26}
.site-header #site-nav>a.nav-quran:hover{background:#f3d995}
.site-header #site-nav>a.nav-learning{background:#245bda;color:#fff}
.site-header #site-nav>a.nav-learning:hover{background:#1747b1}
.site-header #site-nav>a:is(.nav-quran,.nav-learning)::after{display:none}
.site-header #site-nav>a:is(.nav-quran,.nav-learning):focus-visible{outline:3px solid #ed9c16;outline-offset:2px}
@media(min-width:1101px){
  .site-header{--header-action-inset:12px}
  .site-header.has-header-faith .masthead{padding-right:var(--header-action-inset);gap:16px;background-image:url('/assets/brand/header-border-left.webp'),url('/assets/brand/header-border-middle.webp');background-position:left top,left top;background-size:auto 100%,auto 100%;background-repeat:no-repeat,repeat-x}
  .site-header #site-nav{align-items:center;gap:4px;padding:9px var(--header-action-inset);background:#101216;color:#fff;flex-wrap:nowrap}
  .site-header #site-nav>a:not(.nav-quran):not(.nav-learning){min-height:44px;padding:10px 8px;font-size:.875rem;font-weight:700;line-height:1.4;flex:1 1 auto}
  .site-header #site-nav :is(.nav-new-muslim,.nav-study-islam){flex:1 1 auto;min-width:max-content}
  .site-header #site-nav :is(.nav-new-muslim,.nav-study-islam) summary{min-height:44px;padding:10px 8px;font-size:.875rem;font-weight:700;line-height:1.4}
  .site-header #site-nav>a.nav-get-involved{display:none}
  .site-header #site-nav>a.nav-quran{margin-left:5px}
  .site-header #site-nav>a.nav-learning{margin-left:8px}
}
@media(min-width:1101px) and (max-width:1240px){
  .site-header{--header-action-inset:8px}
  .site-header #site-nav{gap:2px;padding-inline:var(--header-action-inset)}
  .site-header #site-nav>a:not(.nav-quran):not(.nav-learning),.site-header #site-nav :is(.nav-new-muslim,.nav-study-islam) summary{padding-inline:5px}
  .site-header #site-nav>a:is(.nav-quran,.nav-learning){padding-inline:12px}
  .site-header #site-nav>a.nav-learning{margin-left:6px}
  .site-header .masthead-actions{gap:8px}
  .site-header .masthead-actions>a{min-width:128px;padding-inline:16px}
}
@media(max-width:1100px){
  .site-header .masthead-actions{display:none}
  .site-header #site-nav>a:is(.nav-quran,.nav-learning){min-width:0;white-space:normal;text-align:center}
}
@media(min-width:761px) and (max-width:1100px){
  .site-header.has-header-faith .mobile-header-donate{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:10px 12px;border-radius:12px;background:#245bda;color:#fff;font-size:.8125rem;font-weight:700;line-height:1.4;white-space:nowrap;text-decoration:none}
}
.site-header #site-nav>a.nav-quran .nav-donate-pill{min-height:0;padding:0;border-radius:0;background:transparent;color:inherit;font:inherit;gap:8px}
@media(min-width:761px){.site-header #site-nav>a.nav-quran .icon{display:block;width:19px;height:19px;flex:0 0 19px;stroke-width:1.8}}
@media(max-width:760px){
  .site-header #site-nav>a:is(.nav-quran,.nav-learning){min-height:48px;padding:10px;font-size:.875rem}
  .site-header #site-nav>a.nav-learning{display:none}
  .site-header #site-nav>a.nav-mobile-donate{display:flex}
  .site-header #site-nav>a.nav-quran{border-radius:10px;background:#fff3cf;color:#624715}
  .site-header .learning-entry-mobile{display:flex}
}