/* 横長の正式ロゴを余白で拡大せず、適切な実寸で表示する */
.header__logo:has(.site-logo){margin-left:0}
.header__logo img.site-logo{display:block;width:160px;height:auto!important;max-width:100%}
@media(max-width:768px){.header__logo img.site-logo{width:105px;height:auto!important}}

/* Keep the full navigation usable between phone and desktop widths. */
@media (min-width:769px) and (max-width:1024px) {
  .header__logo img.site-logo { width:130px; }
  .header__nav { gap:4px; }
  .nav__link { padding:8px 10px; font-size:13px; }
  .header__cta { gap:8px; margin-left:12px; }
  .header__cta .btn { padding:12px 16px; font-size:12px; white-space:nowrap; }
}