/* ==========================================================================
   highlights.css
   Styles used only on the Scientific Highlights page (highlights.html).
   The filter buttons, folding items, columns, link tags and images are
   shared: components.css.
   ========================================================================== */

.highlight-items {
  padding-top: .5rem;
}

/* the second row of filter buttons (Scientific Outreach) right under the first */
.filters + .filters {
  margin-top: .5rem;
}

/* Section headings: "Research", "Scientific Outreach / Flagship Initiatives" */
.section-title {
  margin: clamp(3rem, 7vw, 4.5rem) 0 1.25rem;
  font-size: clamp(1.9rem, 4vw, 2.75rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.01em;
  color: var(--accent);
}

.fold-tools + .section-title {
  margin-top: 1.5rem;
}

/* the item before a section heading closes with a line, as the last item does */
.item:has(+ .section-title) {
  border-bottom: var(--rule-item);
}

/* paper figures: a thin frame, as on the old page */
.item img {
  border: 1px solid var(--line);
}