/* art — inner content pages */
.art-hero {
  padding: var(--s8) 0 var(--s7);
  background-color: var(--paper);
  background-size: cover;
  background-position: center;
  border-bottom: var(--border) solid var(--navy);
  position: relative;
}
.art-hero--eval {
  background-image:
    linear-gradient(180deg, rgba(243,251,255,.9), rgba(243,251,255,.94)),
    url("/assets/eval-hero-bg.jpg");
}
.art-hero--cmp {
  background-image:
    linear-gradient(180deg, rgba(243,251,255,.9), rgba(243,251,255,.94)),
    url("/assets/cmp-hero-bg.jpg");
}
.art-hero--glos {
  background-image:
    linear-gradient(180deg, rgba(243,251,255,.9), rgba(243,251,255,.94)),
    url("/assets/glos-hero-bg.jpg");
}
.art-hero--edit {
  background-image:
    linear-gradient(180deg, rgba(243,251,255,.88), rgba(243,251,255,.94)),
    url("/assets/edit-hero-bg.jpg");
}
.art-hero--corr {
  background-image:
    linear-gradient(180deg, rgba(243,251,255,.9), rgba(243,251,255,.94)),
    url("/assets/corr-hero-bg.jpg");
}
.art-hero h1 {
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  max-width: 18ch;
}
.art {
  padding: var(--s8) 0 var(--s9);
}
.art-split {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: var(--s7);
  align-items: start;
}
.art-split--rev { grid-template-columns: 0.85fr 1.15fr; }
.crumb {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: var(--s4);
  color: var(--muted);
}
.term {
  margin: 0 0 var(--s5);
  padding-bottom: var(--s4);
}
.term h3 { font-size: 1.15rem; margin-bottom: var(--s2); }
.term-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s4) var(--s6);
}
.panel {
  background: var(--white);
  border: var(--border) solid var(--navy);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm), var(--inner);
  padding: var(--s5);
}

@media (max-width: 800px) {
  .art-split,
  .art-split--rev,
  .term-grid { grid-template-columns: 1fr; }
}