/* CityBuilder v2.3 — economical top-of-game layout.
   Keep the scenario card and starter guidance side by side where space permits.
   Purely presentational: no game state, JSON, or simulation changes. */
.cb-overview-row {display:grid;grid-template-columns:minmax(0,1.58fr) minmax(335px,1fr);gap:12px;align-items:stretch;margin:0 0 15px;min-width:0}
.cb-overview-row > * {min-width:0}
.cb-overview-row .city-context-bar {margin:0;padding:13px 17px;gap:14px;grid-template-columns:minmax(0,1.02fr) minmax(0,1.4fr) minmax(0,1.48fr);height:100%;align-items:center}
.cb-overview-row .city-context-bar > div {min-width:0}
.cb-overview-row .city-context-bar strong {font-size:13px;line-height:1.35}
.cb-overview-row .city-context-bar span:not(.city-context-kicker){font-size:10.5px}
.cb-overview-row .cb-simple-welcome {margin:0;min-height:100%;align-content:center;align-items:center;padding:13px 15px;gap:10px}
.cb-overview-row .cb-simple-welcome p {min-width:0;flex:1 1 200px;font-size:12px;line-height:1.52}
.cb-overview-row .cb-simple-help {margin-left:30px;display:inline-block}
html[data-ui-mode="advanced"] .cb-overview-row {display:block}
html[data-ui-mode="advanced"] .cb-overview-row .city-context-bar {grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,2fr);padding:13px 19px}
@media (max-width:1190px) {
  .cb-overview-row {display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .cb-overview-row .city-context-bar {height:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.7fr)}
  .cb-overview-row .cb-simple-welcome {min-height:0;padding:11px 13px}
  .cb-overview-row .cb-simple-help {margin-left:0}
}
@media (max-width:760px) {
  .cb-overview-row .city-context-bar {grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:11px}
  .cb-overview-row .city-context-model {grid-column:1/-1}
}
@media (max-width:540px) {
  .cb-overview-row {gap:9px;margin-bottom:12px}
  .cb-overview-row .city-context-bar {grid-template-columns:1fr;gap:9px;padding:12px}
  .cb-overview-row .city-context-model {grid-column:auto}
  .cb-overview-row .cb-simple-welcome {padding:12px;gap:8px}
  .cb-overview-row .cb-simple-welcome p{flex-basis:225px}
}