/* Shared brand identity; keep layout independent from monthly review data. */
.site-header .brand {
  display:inline-grid;
  grid-template-columns:8px auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:11px;
  row-gap:3px;
}
.site-header .brand::before { grid-column:1; grid-row:1 / span 2; }
.site-header .brand-name { grid-column:2; grid-row:1; white-space:nowrap; }
.site-header .brand-sub { grid-column:2; grid-row:2; margin:0; font-size:10px; line-height:1.4; letter-spacing:.025em; white-space:nowrap; }
.brand-intro { margin:13px 0 0; color:var(--muted); font-size:13px; line-height:1.8; word-break:keep-all; }
@media(min-width:761px) and (max-width:900px) {
  .site-header:not(.archive-header) .header-row { flex-wrap:wrap; gap:8px 18px; }
  .site-header:not(.archive-header) .main-nav { order:2; flex:0 0 100%; }
}
@media(max-width:480px) {
  .brand-intro { font-size:12px; margin-top:12px; }
}
