/* Planned Training Center: compositions built on the shared YMEF foundation. */
.center-page { --section-space: clamp(4rem, 6vw, 6rem); }
.center-hero-intro { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: end; gap: var(--layout-gap); }
.center-hero h1 { max-width: 18ch; }
.center-hero-intro > p { max-width: 43ch; padding-bottom: .25rem; color: var(--muted); }
.center-hero .page-status > span { font-size: var(--type-small); color: var(--accent); }
.center-hero .page-status > p { max-width: 80ch; }
.center-hero-visual { margin-top: var(--space-4); }
.center-overview, .center-workshop { background: var(--surface); border-block: 1px solid var(--line); }
.facility-overview-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--layout-gap); }
.facility-overview-grid > div { min-width: 0; }
.concept-note { margin-top: var(--space-4); }
.facility-specifications { margin-top: var(--space-3); }
.facility-specifications > div { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); padding-block: var(--space-2); gap: var(--space-3); }
.space-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: var(--layout-gap); }
.space-copy { min-width: 0; }
.space-copy > p { margin-top: var(--space-3); color: var(--muted); }
.space-copy > .lead { margin-top: var(--space-4); color: var(--ink); }
.space-copy .development-note { margin-top: var(--space-4); }
.space-layout-reverse { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
.space-layout-reverse > .space-copy { grid-column: 2; grid-row: 1; }
.space-layout-reverse > .concept-figure { grid-column: 1; grid-row: 1; }
.curriculum-list { list-style: none; padding: 0; margin: var(--space-4) 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-3); }
.curriculum-list li { padding-block: .75rem; border-top: 1px solid var(--line); line-height: 1.6; }
.center-simulation { --ink: var(--on-dark); --muted: var(--muted-on-dark); --accent: var(--muted-on-dark); --line: var(--line-on-dark); background: var(--dark); color: var(--on-dark); }
.vehicle-study { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--layout-gap); border-top: 1px solid var(--line); margin-top: var(--space-5); padding-top: var(--space-5); }
.vehicle-study .eyebrow { margin-bottom: var(--space-3); color: var(--accent); }
.vehicle-study > div > p:not(.eyebrow) { color: var(--muted); }
.planning-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.center-closing { background: var(--surface-warm); }
.center-closing .eyebrow { color: var(--accent); margin-bottom: var(--space-4); }
.center-closing .lead { max-width: 58ch; margin-top: var(--space-4); color: var(--muted); }
.center-closing .button { max-width: 100%; margin-top: var(--space-4); }
.center-closing .button span { flex: 0 0 auto; }
@media (max-width: 1100px) {
  .center-hero-intro { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
  .facility-overview-grid, .space-layout, .vehicle-study { gap: var(--space-4); }
  .curriculum-list, .facility-specifications > div { grid-template-columns: minmax(0, 1fr); }
  .facility-specifications > div { gap: .25rem; }
}
@media (max-width: 760px) {
  .center-hero-intro, .facility-overview-grid, .space-layout, .vehicle-study { grid-template-columns: minmax(0, 1fr); }
  .center-hero h1 { max-width: 20ch; }
  .center-hero-intro > p { max-width: 65ch; }
  .space-layout-reverse > .space-copy, .space-layout-reverse > .concept-figure { grid-column: auto; grid-row: auto; }
  .curriculum-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .facility-overview-grid { gap: var(--space-5); }
}
@media (max-width: 520px) {
  .curriculum-list, .planning-principles { grid-template-columns: minmax(0, 1fr); }
}