/* The site banner. One file so the marketing pages and the guides cannot drift apart:
   both layouts link this and use the same markup.

   The navigation bar is deliberately absent: it belongs to the marketing pages, whose stylesheets
   already carry it. A guide shows the banner alone — a menu in a moving vehicle costs the map screen
   space and invites a tap that leaves the tour. */

.sg-head { background-color: #004890; color: #fff; padding: 14px 10px 12px; }
.sg-brandrow { display: flex; align-items: center; justify-content: center; gap: 10px; }
.sg-mark { height: min(9vw, 52px); width: auto; background: #fff; border-radius: 10px; padding: 4px 7px; box-sizing: content-box; }
.sg-titles { text-align: center; }
.sg-title { font-size: min(5.5vw, 27px); font-weight: bold; line-height: 1.15; margin: 0; color: #fff; }
.sg-title a { color: #fff; text-decoration: none; }
.sg-sub { font-size: min(3.2vw, 13px); margin: 5px 0 0; color: #ffd24d; }