/* Site-owned integration; keep outside the immutable launcher release. */
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}
.header-actions .palette-switch{margin-left:0}
islam-orbit-launcher{display:inline-flex;flex:0 0 52px;width:52px;height:52px;--orbit-font:var(--sans);--orbit-focus:var(--mint);--orbit-border:color-mix(in srgb,var(--paper) 38%,var(--ink))}
@media(max-width:700px){.header-actions{gap:6px}.header-inner{column-gap:8px}}
@media(max-width:380px){.header-brand .brand-reduced{width:40px;height:40px}.header-brand .brand-wordmark-art{width:60px;height:38px}.header-brand{gap:5px}}
/* Keep the header on one row when a phone's landscape viewport has room. */
@media(min-width:640px) and (max-width:1050px){
  .header-inner{flex-wrap:nowrap;gap:10px;padding-left:14px;padding-right:14px}
  .header-brand{flex-shrink:0;gap:7px}
  .header-brand .brand-master,.header-brand .brand-reduced{width:58px;height:58px;padding:0}
  .header-brand .brand-wordmark-art{width:88px;height:49px}
  .header nav{order:initial;flex:0 0 auto;width:auto;margin:0 auto;gap:3px}
  .header nav a{flex:0 0 auto;padding:10px 8px;font-size:.875rem;gap:6px;min-height:44px;white-space:nowrap}
  .header-actions{gap:6px;margin-left:0}
  .header-actions .palette-switch{padding:4px;gap:4px}
  .header-actions .palette-option{width:44px;height:44px}
}
@media(min-width:640px) and (max-width:739px){
  .header-brand .brand-master,.header-brand .brand-reduced{width:48px;height:48px}
  .header-brand .brand-wordmark-art{width:78px;height:44px}
}