/* Keep the brand and settings in normal flow, including narrow phones. */
@media (max-width:650px) {
  .hero .header-topbar {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
  }
  .hero .header-brand {
    min-width:0;
    min-height:34px;
    font-size:clamp(13px,4.2vw,17px);
    letter-spacing:.025em;
    text-align:left;
  }
  .hero .header-controls {
    position:static!important;
    width:auto;
    max-width:none;
    margin:0;
    padding:0;
    flex-shrink:0;
    justify-content:flex-end;
  }
  .hero h1.editorial-title {
    font-size:clamp(27px,8vw,34px)!important;
    font-weight:700;
    overflow-wrap:normal;
    word-break:normal;
  }
  .hero .title-main,.hero .title-accent {
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
    font-weight:700;
  }
  .hero .title-accent{margin-left:0}
}