/* vikings.css — Vikings Vengeance page only (vikings-vengeance/). Loaded
   after styles.css + events.css (the wave table lives there — it's shared
   with Swordland). The troop composition rows, and nothing else. */

/* ─── Vikings — troop composition rows ────────────────── */
.comp { margin: var(--space-m) 0; }
.comp-row { padding: 0.7rem 0; border-bottom: 1px solid rgba(157, 149, 127, 0.14); }
.comp-name {
  font-family: var(--display-2);
  font-weight: 600;
  font-size: var(--step-0);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink);
  margin-bottom: 0.35rem;
}
.comp-split { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
.comp-split span { font-family: var(--body); font-weight: 700; font-size: var(--step--1); letter-spacing: 0.06em; }
.comp-split .inf { color: var(--amber); }
.comp-split .cav { color: var(--ink); }
.comp-split .arc { color: var(--ink-muted); }
.comp-note { margin-top: 0.35rem; font-size: var(--step--1); color: var(--ink-dim); font-style: italic; }

#vv-cities { min-height: 44px; }

.wavetable .wt-row > span { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .wavetable .wt-row { grid-template-columns: 3.6rem minmax(0, 5.5rem) minmax(0, 1fr); }
}