/* History of Korea — overrides loaded after core/css/style.css: the inline
   SVG logo, ten At a Glance ages in one row, the second-head-of-state, cabinet
   and premier cards in "Who Was in Power", and the map's live legend. The
   map itself uses core's .cm-* styles (js/korea-map.js is the christianity
   map engine). */

/* Inline SVG logo (partials/logo.php, site.php logo_partial) — sized like
   the image logo of the other sites. */
#app-logo.app-logo-svg { height:auto; overflow:visible; }

/* ════════════════════════════════════════
   At a Glance — ten ages: one column per age, all in a single row (core
   lays out eight); bibliography in four columns.
════════════════════════════════════════ */
@media (min-width:901px) {
  .ag-era-list { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); }
}
.bib-groups { grid-template-columns:repeat(4, minmax(0, 1fr)); }

/* ════════════════════════════════════════
   "Who Was in Power" — the ruler (king, emperor, Governor-General or
   president) beside the other head of state of a whole-peninsula event
   (North Korea's leader, the Soviet administration) and the head of cabinet
   (prime minister or premier): the event's `primeMinister` card(s); the
   columns stack once each would drop below ~200px.
════════════════════════════════════════ */
.em-power {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap:12px 20px;
  align-items:start;
}
.em-power > .em-power-heading { grid-column:1 / -1; margin-bottom:1px; }
a.em-power-card--pm { color:inherit; text-decoration:none; }

/* ════════════════════════════════════════
   MAP — "Korea Through Time": the legend lists only the powers shown in
   the year on screen (js/korea-map.js sets .is-off).
════════════════════════════════════════ */
.cm-lg span.is-off { display:none; }