Template:Accession/styles.css

/* =========================== */
/* ACCESSION HERO – COMPACT    */
/* =========================== */

.acc-hero {
  background: #10271a;
  color: #f5fff5;
  padding: 0.75rem 1.25rem 0.6rem;  /* was probably ~1.5–2rem */
  border-radius: 4px;
  margin-bottom: 0.6rem;            /* space above image/map */
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;                  /* tighten vertical spacing */
}

.acc-hero__title {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0 0 0.25rem 0;            /* kill giant bottom margin */
  line-height: 1.15;
}

.acc-hero__subrow {
  margin: 0;                        /* no extra margins on rows */
}

.acc-hero__meta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.5fr);
  column-gap: 1.25rem;
  row-gap: 0.25rem;                 /* much tighter than 0.75–1rem */
}

.acc-hero__label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.12rem;           /* tiny gap above chips */
}

.acc-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.18rem 0.25rem;             /* shrink chip gaps */
}

/* pill badges */
.acc-chip {
  padding: 0.14rem 0.45rem;         /* slightly shorter pills */
  border-radius: 999px;
  font-size: 0.72rem;
}

/* if there’s a class on the hero’s last row, make sure it isn’t adding space */
.acc-hero__footer {
  margin-top: 0.25rem;
}