/* A Caribbean blue-and-red Belizean palette with a jade-green accent, an Alegreya serif and a clean humanist sans. */
:root {
  --f-heading:"Glottal","Alegreya",Georgia,serif;
  --f-body:"Glottal",'Source Sans 3',system-ui,sans-serif;
  --f-ui:"Glottal",'Source Sans 3',system-ui,sans-serif;
  --gold:#6fbf9a;
  --gold-dim:rgba(111,191,154,.78);
  --gold-glow:rgba(111,191,154,.2);
  --dark:#050a0c;
  --rail-line:#3c5048;
  --rail-dot:#8aa89a;
}
@media (min-width:901px) {
  .ag-era-list {grid-template-columns:repeat(5,minmax(0,1fr));}
}
.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;}
#map-page {--f-ui:"Glottal",'Source Sans 3',system-ui,sans-serif;--f-body:"Glottal",'Source Sans 3',system-ui,sans-serif;--f-heading:"Glottal","Alegreya",Georgia,serif;}

.fact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.fact-card{padding:24px;border:1px solid #6fbf9a44;border-radius:12px;background:#ffffff05}.fact-card h2{font-family:var(--f-heading);font-size:24px}.fact-card p{line-height:1.7}.facts-wrap{max-width:1150px;margin:40px auto;padding:24px}.facts-wrap h1{font-family:var(--f-heading);font-size:clamp(32px,5vw,56px)}

/* The Maya glottal mark (U+02BC) is borrowed from a system sans so it keeps a normal width in every face. */
@font-face {
  font-family:"Glottal";
  src:local("Arial"),local("Helvetica Neue"),local("Helvetica"),local("Roboto"),local("Liberation Sans"),local("DejaVu Sans");
  unicode-range:U+02BC;
}