/* Approved brand header: presentation only; beta data hooks stay unchanged. */
.city-os-brand .hero-main-logo {width:176px;height:auto;max-width:none;animation:none;filter:none;transform:none;will-change:auto;margin:0;}
.city-os-brand {gap:9px;align-content:center;}
.city-os-brand .brand-subtitle {font-size:10px;line-height:1.3;letter-spacing:.1em;color:#a5b9cf;}
.city-os-topbar {padding:4px 4px 16px;row-gap:16px;}
.city-os-nav {gap:32px;}
@media(max-width:760px){
.city-os-topbar {grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:16px 12px;padding:4px 0 16px;}
.city-os-brand {grid-column:1;grid-row:1;justify-self:start;justify-items:start;text-align:left;}
.city-os-brand .hero-main-logo {width:148px;}
.city-os-brand .brand-subtitle {font-size:10px;letter-spacing:.04em;}
.city-os-topbar .hero-account {grid-column:2;grid-row:1;justify-self:end;width:auto;max-width:105px;}
.city-os-topbar .hero-account-chip {min-height:44px;padding:8px 10px;gap:6px;font-size:11px;}
.city-os-controls {grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:8px;width:100%;justify-content:space-between;min-width:0;}
.city-os-topbar .dashboard-city-picker {flex:1;min-width:0;max-width:none;}
.city-os-topbar .dashboard-city-picker select {width:100%;min-width:0;min-height:44px;}
.city-os-topbar .dashboard-live-pill {width:auto;flex:0 0 auto;min-height:44px;font-size:10px;}
.city-os-topbar .dashboard-mini-pulse {flex:1 0 100%;min-width:0;max-width:100%;min-height:0;border:none;border-radius:0;padding:0 2px;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;line-height:1.5;font-size:11px;background:none;}
.city-os-nav {grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;padding:0;overflow:visible;justify-content:stretch;}
.city-os-nav a {display:flex;justify-content:center;align-items:center;min-width:0;min-height:44px;font-size:11px;line-height:1.3;padding:6px 2px;white-space:normal;text-align:center;}
.city-os-nav a:first-child::after {bottom:-5px;left:4px;right:4px;}
}

.city-os-controls {display:flex;flex-wrap:wrap;gap:8px;min-width:0;}
.city-os-topbar .dashboard-mini-pulse {display:block;text-align:left;flex-basis:100%;width:100%;white-space:normal;overflow-wrap:anywhere;}
@media(max-width:760px){
.city-os-topbar .identity-menu {justify-self:end;width:auto;max-width:105px;}
.city-os-topbar .identity-menu .hero-account-chip {max-width:105px;box-sizing:border-box;gap:4px;padding:8px 9px;min-height:44px;}
.city-os-topbar .hero-account-status {font-size:11px;}
.city-os-topbar .hero-account-status {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.city-os-topbar .identity-chip-avatar {width:24px;height:24px;min-width:24px;flex:0 0 24px;}
.city-os-topbar .hero-account-chip {gap:4px;}
.city-os-topbar .hero-account-chevron {flex-shrink:0;font-size:9px;}
.city-os-nav a {box-sizing:border-box;}
}

/* Homepage branding: reserve the official artwork's proportions and keep city content close. */
.city-read-brand { margin: 0; line-height: 0; }
.city-read-logo { display: block; width: min(320px, 70vw); height: auto; }
.city-read-tagline { margin: 0.65rem 0 0; color: #fff; font-size: clamp(1rem, 2vw, 1.2rem); font-weight: 700; line-height: 1.3; }
@media (max-width: 760px) {
  .city-read-hero.city-read-compact { padding: 0.7rem 0.85rem; }
  .city-read-logo { width: min(230px, 65vw); }
  .city-read-tagline { margin-top: 0.45rem; font-size: 0.95rem; }
  .city-read-hero .city-read-copy { margin-top: 0.5rem; }
}
@media (max-width: 760px) {
  .city-read-hero .city-read-copy { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
}