/* ═══════════════════════════════════════════════════════════════
   Logo10xMainTitle - shared sizing for the "10_main_title" brand mark.

   The SVG is height-driven: parents set `height` on .logo-10x-main-title
   and the inner <svg> fills it while preserving its 551:278 aspect.
   This file is the canonical, component-level surface; per-context
   sizing (hero, etc.) lives alongside that context's CSS.
   ═══════════════════════════════════════════════════════════════ */

.logo-10x-main-title {
  display: block;
  width: 100%;
  line-height: 0;
}

.logo-10x-main-title svg {
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

/* Inline cap for use inside running text (rare - the mark is large by
   design and is meant for hero / landmark contexts). */
.logo-10x-main-title-inline {
  display: inline-block;
  height: 1.19em;
  vertical-align: baseline;
  line-height: 0;
}

.logo-10x-main-title-inline svg {
  height: 100%;
  width: auto;
}