/* Compact shared header: preserve all existing logo and wordmark sizes. */
.topline>.shell{min-height:24px}
.site-header .masthead{min-height:0;padding-block:8px}
.main-nav{min-height:42px}
.main-nav>a{padding-block:8px}

/* One semantic heading; the sound button stays beside the brand on mobile. */
.home-title-row{position:relative;gap:7px 14px}
.home-title-row h1{flex:1 1 auto;min-width:0;font-size:26px;line-height:1.4}
.home-intro .home-title-row h1>span{display:inline;font:inherit;color:inherit;margin:0}
.home-tagline{order:3;flex-basis:100%;font-size:15px;line-height:1.65;letter-spacing:0}
.home-title-row .home-sound-controls{order:2}
.home-intro{margin-bottom:16px}
@media(max-width:900px){
  .home-title-row{display:block}
  .home-title-row h1{font-size:20px;line-height:1.5}
  .home-intro .home-title-row h1>.home-title-brand{display:block;min-height:34px;padding-right:140px}
  .home-intro .home-title-row h1>.home-title-scope{display:block;font-size:19px;line-height:1.5}
  .home-title-row .home-sound-controls{position:absolute;top:0;right:0;margin:0}
  .home-sound-controls .score-sound-toggle{min-height:32px}
  .home-tagline{display:block;margin-top:3px;font-size:13px;line-height:1.6}
}
@media(max-width:600px){
  .topline>.shell{min-height:22px}
  .site-header .masthead{padding-block:6px}
  .main-nav{min-height:38px}
  .main-nav>a{padding-block:7px}
  body[data-page="home"] .page-main{padding-top:14px}
  .home-intro{margin-bottom:13px}
}