/* ===========================================================
   IPO detail pages — /ipo/{slug}/
   -----------------------------------------------------------
   This page is built almost entirely from components that
   already exist in style.css: .page-header, .status-pill,
   .stat-card, .allotment-card, .data-table, .gmp-disclaimer,
   .faq-list/.faq-item, .btn. That's deliberate -- it's what
   makes the page look like the rest of the site instead of a
   bolted-on one-off.
   Everything below is only the handful of small additions
   those components don't already cover for this page's layout.
=========================================================== */

.ipo-breadcrumb {
  font-family: var(--font-mono);
  font-size: .78rem;
  color: var(--ink-soft);
  margin: 0 0 14px;
}
.ipo-breadcrumb a { color: var(--ink-soft); text-decoration: none; }
.ipo-breadcrumb a:hover { color: var(--green-deep); text-decoration: underline; }

/* .stat-cards only has a grid layout when nested inside .split
   elsewhere on the site; this page uses the cards on their own,
   so it needs its own grid rule. */
.ipo-stat-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}

/* .allotment-links defaults to a 3-column grid (built for the IPO
   list page, which always shows 3 registrars); this page only ever
   shows one, so it should always take the full row. */
.ipo-registrar-links { grid-template-columns: 1fr !important; }

.ipo-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0;
}

.ipo-updated-line {
  font-family: var(--font-mono);
  font-size: .78rem;
  color: var(--ink-soft);
  opacity: .8;
  margin: 0 0 4px;
}

.ipo-disclaimer-line {
  font-size: .82rem;
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid rgba(22,35,46,.08);
}

@media (max-width: 560px) {
  .ipo-stat-cards { grid-template-columns: 1fr 1fr; }
}