/* === FILE: assets/css/pages/simulators.css ===
   Page-specific styles for /simulators.
   Inherits the shared internal-page template (page-hero,
   page-content, page-sidebar, page-info-callout) and the
   reusable media-gallery from demo-flight.css + components.css,
   then layers on a small hero reframe and a ratings list tweak.
   ============================================================ */

@import url('demo-flight.css');

/* ─── HERO REFRAME ───────────────────────────────────────────
   The hero is the TH-100 station — a bright instrument panel and
   simulated runway sit in the middle third of the frame, with sky
   above and the dark seat below. Pull the focal point down off the
   sky so the panel and runway read behind the headline. */
.page-hero-bg {
  object-position: center 56%;
}

/* ─── SECTION FIGURES ────────────────────────────────────────
   Full-width hero-style photo for each simulator. (The shared
   .program-feature-figure is a 2-col image+text layout and would
   shrink a standalone image to a 220px square — so we use our own
   full-bleed figure here instead.) */
.sim-figure {
  margin: 1.25rem 0 2rem;
  border-radius: var(--radius-lg, 10px);
  overflow: hidden;
  background: var(--color-bg-soft);
}

.sim-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.sim-figure figcaption {
  font-size: .8125rem;
  color: var(--color-text-muted);
  padding: .75rem 1rem 0;
  line-height: 1.45;
  font-style: italic;
}

/* ─── SIDEBAR RATE — per-hour unit ───────────────────────────── */
.page-side-rate-unit {
  font-family: var(--font-body);
  font-size: .8125rem;
  font-weight: 600;
  color: var(--color-text-muted);
  margin-left: 1px;
}

/* ─── REDBIRD RATINGS LIST ───────────────────────────────────
   Reuses .page-feature-list; just emphasises the rating name so
   the "name — hours" pairing scans cleanly. */
.sim-ratings .sim-rating-name {
  font-weight: 600;
  color: var(--color-primary);
}