/* home.css: home-page layout only (linked from index.html after the head partial).
   Everything here arranges shared components; no new visual vocabulary. */

/* Hero: statement on the left (5 columns), the approval document on the right (7 columns). */
.hero { padding-top: clamp(2rem, 1rem + 4vw, 4.5rem); }
.hero__grid { display: grid; gap: var(--space-6) var(--gutter); align-items: start; }
@media (min-width: 60em) {
  .hero__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .hero__text { grid-column: 1 / span 5; padding-top: var(--space-4); }
  .hero__doc { grid-column: 6 / -1; }
}
.hero h1 {
  margin-bottom: var(--space-5);
  font-size: clamp(2.125rem, 1.6rem + 1.2vw, 2.625rem);
  line-height: 1.08;
  letter-spacing: -0.025em;
}
.hero h1:lang(ko) { line-height: 1.25; } /* Hangul needs more leading than the Latin 1.08 */
.hero .lead { margin-bottom: var(--space-6); }
.hero__facts {
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--step--1);
  color: var(--ink-2);
  border-top: var(--rule-w) solid var(--rule-strong);
}
.hero__facts > li { margin: 0; padding: var(--space-2) 0; border-bottom: var(--rule-w) solid var(--rule); }
.hero__facts .status { white-space: normal; align-items: baseline; font-weight: 400; color: var(--ink-2); }
.hero__facts .status::before { transform: translateY(0.05rem); }

/* Body copy inside a labeled section keeps a readable measure. */
.home-copy { max-width: 62ch; }
.home-copy > p { margin-bottom: var(--space-4); }
.home-copy .ruled-list { margin: var(--space-5) 0; }

/* What never happens without you: the gate list and the enforcement list side by side. */
.home-gate h3, .home-cost h3 { font-size: var(--step-1); margin-bottom: var(--space-3); }

/* Roster: the legend sits between heading and table; "Not built yet" follows as a notice. */
.home-roster .legend { flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-5); }
.home-roster .legend li { font-size: 0.9375rem; }
.home-roster .legend .status { margin-right: var(--space-2); }
.home-roster__after { margin-top: var(--space-6); max-width: 46rem; }
.home-roster__after .callout h3 { font-size: var(--step-1); margin-bottom: var(--space-3); }

/* Cost: the pilot card next to the planned-prices ledger. */
.home-cost .plan p { color: var(--ink-2); }
.home-cost .plan .plan__action { margin-top: auto; padding-top: var(--space-4); }
.home-cost .plan .plan__action .btn { width: auto; }
.home-cost .table-wrap { margin: var(--space-4) 0; }