/* Geografi — fag-specifik styling. Bygger ovenpå /styles.css */

:root {
  --color-subject: #d97a1f;
  --color-subject-dark: #a85c14;
  --color-subject-light: #fbeee0;
}

.zone-diagram {
  display: block;
  max-width: 420px;
  margin: 1rem auto;
}

.diagram-legend {
  display: grid;
  gap: 0.5rem;
  margin-top: 1rem;
}

.diagram-legend li {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.95rem;
}

.diagram-legend .dot {
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 50%;
  flex-shrink: 0;
}