/* ============================================================
   ALMANAC — report cards, dashboards, the annual, public data
   Voice: Gelasio does ALL the talking (incl. numerals, italics
   for captions) · Lato appears only as small caps labels ≤13px
   ============================================================ */
.reg-almanac {
  --paper: #F7F5E7;        /* almanac cream */
  --card:  #FBF9EE;
  --ink:   #1C1B16;
  --muted: #6E6A57;
  --label-ink: #55523F;
  --line:  #EAE4CC;
  --line-mid: #E3DCC4;
  --group-accent: #567D26;   /* leaf — grade blocks, the mark */
  --group-accent-ink: #2F6B2A; /* leaf dark enough for text on cream */
  --group-accent-contrast: #FFFFFF;
  --grade-caution: #BE7C24;  /* ochre — caution grades */
  --grade-neutral: #807D75;  /* slate — neutral/informational grades */
  --marker: #8E2424;         /* oxide — "vs leader" markers ONLY, never decorates */

  --font-display: 'Gelasio', Georgia, serif;
  --font-ui:      'Gelasio', Georgia, serif;
  --font-label:   'Lato', Helvetica, sans-serif;
  --font-data:    'Gelasio', Georgia, serif;   /* tabular via font-variant-numeric */
  --label-weight: 700;

  --radius: 0px;
  background: var(--paper); color: var(--ink);
  font-family: var(--font-ui);
}
/* grade block: solid square, white serif value — the register's signature */
.reg-almanac .grade-block {
  display: flex; align-items: center; justify-content: center;
  background: var(--group-accent); color: #fff;
  font-family: var(--font-display); font-variant-numeric: tabular-nums;
}
.reg-almanac .grade-block.caution { background: var(--grade-caution); }
.reg-almanac .grade-block.neutral { background: var(--grade-neutral); }
/* benchmark bar: hairline track, leaf fill, oxide leader marker */
.reg-almanac .bench-track { position: relative; height: 16px; background: #F1EDD8; border: 1px solid var(--line-mid); }
.reg-almanac .bench-fill { position: absolute; inset: 2px auto 2px 2px; background: var(--group-accent); }
.reg-almanac .bench-marker { position: absolute; top: 0; bottom: 0; width: 3px; background: var(--marker); }