/* Sprint 01B; shares Sprint 01A tokens, components and utilities. */
.sar-ui.sar-staging-shell { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.sar-ui .sar-shell-header__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sar-space-4); padding-block: var(--sar-space-4); }
.sar-ui .sar-shell-brand { display: grid; gap: var(--sar-space-1); min-width: 0; }
.sar-ui .sar-shell-brand img { display: block; width: auto; max-width: min(100%, 12rem); height: auto; }
.sar-ui .sar-shell-desktop { display: none; }
.sar-ui .sar-shell-mobile { width: 100%; min-width: 0; }
.sar-ui .sar-shell-message { font-family: var(--sar-font-heading); }
.sar-ui .sar-shell-disclosure { padding-block: var(--sar-space-3); border-block: 2px solid var(--sar-color-border); font-weight: 650; }
.sar-ui .sar-shell-unavailable { min-height: var(--sar-control-target); display: inline-flex; align-items: center; padding: var(--sar-space-2) var(--sar-space-3); color: var(--sar-color-muted); }
.sar-ui .sar-shell-footer__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sar-space-5); padding-block: var(--sar-space-6); }
.sar-ui .sar-shell-footer__grid nav { min-width: 0; }
.sar-ui .sar-shell-footer__grid .sar-nav__link { display: flex; }
.sar-ui .sar-shell-service { padding-block: var(--sar-space-6); }
.sar-ui .sar-shell-service section { min-width: 0; }
@media (min-width: 48rem) { .sar-ui .sar-shell-desktop { display: flex; flex: 1 1 30rem; } .sar-ui .sar-shell-mobile { display: none; } .sar-ui .sar-shell-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* No fixed text heights, nowrap, overflow hiding, sticky header or remote assets.
   320px and 200% zoom need browser/manual verification, not a static pass. */