/* astro-v2.css
   Small companion stylesheet for the AST/RO project section (ASTRO/).
   Loaded alongside rtdc-v2.css and sma-v2.css, not instead of them — reuses
   their :root tokens and generic components (.rtdc-card, .sma-link-button,
   etc.) for everything except the banner+nav header component and section
   heading style, which mirror co-v2.css's CO Survey Archive treatment
   (same values, kept as a separate file rather than editing co-v2.css so
   the two already-approved CO pages are never touched by ASTRO work). */

/* ---------- Banner image + nav: one combined header component ---------- */
/* Deliberately NOT .rtdc-card: that shared class carries the sitewide
   --gray-200 border plus a drop shadow, and stacked together those read as
   two competing edges around this component. This is fully self-contained
   instead — one subtle border, one radius, one overflow:hidden clip, no
   shadow — so the banner's rounded top corners and the nav's rounded
   bottom corners come from a single unambiguous outline. */
.astro-header-card {
  background: #fff;
  border: 1px solid #dbe2ea;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: 22px;
}
.astro-banner img {
  display: block;
  width: 100%;
  height: auto;
  border: none;
}

/* Secondary nav (Home / AST/RO Data / ...) — an evenly-spaced horizontal
   bar attached directly beneath the banner. */
.astro-nav {
  display: flex;
  align-items: stretch;
  border-top: 1px solid #dbe2ea;
}
.astro-nav a {
  flex: 1 1 0;
  text-align: center;
  padding: 15px 12px;
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--gray-700);
  border-right: 1px solid #dbe2ea;
}
.astro-nav a:last-child { border-right: none; }
.astro-nav a:hover { background: var(--gray-50); text-decoration: none; }
.astro-nav a.astro-nav-current {
  color: var(--blue-600);
  background: var(--blue-100);
  text-decoration: none;
}

/* ---------- Prominent section headings ---------- */
.astro-section-heading {
  font-size: 20px;
  font-weight: 700;
  color: var(--gray-900);
  margin: 28px 0 12px 0;
}
.astro-section-heading:first-child { margin-top: 0; }

/* ---------- "About this archive" summary card ---------- */
.astro-about-card {
  padding-top: 16px;
  padding-bottom: 16px;
}
.astro-about-card p {
  color: var(--gray-700);
  margin: 0 0 10px 0;
  line-height: 1.65;
}
.astro-about-card p:last-child { margin-bottom: 0; }