/* History of Spain — overrides loaded after core/css/style.css and the
   rulers-groups module CSS. */

/* Typography: Inria Serif headings, Source Sans 3 text (fonts_url in site.php). */
:root {
  --f-heading:   'Inria Serif', Georgia, serif;
  --f-body:      'Source Sans 3', 'Crimson Text', Georgia, serif;
  --f-ui:        'Source Sans 3', system-ui, sans-serif;
}

/* The History of Spain logo is narrower than the core default. */
#app-logo { width:180px; }
@media (max-width:1200px) { #app-logo { width:142.5px; } }
@media (max-width:960px)  { #app-logo { width:170px; } }
@media (max-width:760px)  { #app-logo { width:150px; } }
@media (max-width:520px)  { #app-logo { width:130px; } }

/* Royal Houses & Parties: portrait tiles and tabs in the rulers-tab style;
   heraldry artwork sits inside the round logo. */
.rpp-grid { grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); }
.rpp-tab { font-family:var(--f-ui); font-size:12.5px; font-weight:600; letter-spacing:0.8px; padding:10px 18px; }
.rpp-logo img { object-fit:contain; }

.rp-accomplishments li strong { font-weight:600; color:var(--white); }
@media (max-width:1200px) and (min-width:761px) { .legacy-grid { grid-template-columns:1fr 1fr; } }