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

:root {
  --color-subject: #3457ff;
  --color-subject-dark: #2540c9;
  --color-subject-light: #eaefff;
}

/* Simpel brøk-visning: 3/4 vises som tæller over nævner */
.fraction {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  vertical-align: middle;
  margin: 0 0.25em;
  font-weight: 700;
}

.fraction .num,
.fraction .den {
  display: block;
  padding: 0 0.3em;
  line-height: 1.3;
}

.fraction .num {
  border-bottom: 2px solid currentColor;
}

.example-box {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  background: var(--color-bg);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-sm);
  padding: 1.2rem;
  margin: 1.2rem 0;
  font-size: 1.1rem;
}