﻿/*
 * Admissions Guidance page — ported unchanged from site.legacy.css's
 * .admission-steps/.admission-step system. Loaded only on this page via
 * inc/enqueue/styles.php's page-slug matching (page-admissions.php ->
 * admissions.css).
 */

.admission-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 46px; }
.admission-step { padding: 27px; border-radius: 22px; background: rgba(255,255,255,.08); }
.admission-step strong { display: grid; width: 38px; height: 38px; place-items: center; margin-bottom: 24px; border-radius: 50%; background: #9bcab7; color: var(--navy); }
.admission-step h3 { margin-bottom: 10px; font-size: 1.2rem; }
.admission-step p { font-size: .9rem; }

@media (max-width: 1060px) {
    .admission-steps { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .admission-steps { grid-template-columns: 1fr; }
}

/* --- Scale-down pass, same as the other converted pages --- */
.page-hero h1 {
    font-size: clamp(2.25rem, 3.4vw, 3.4rem);
}

.section-head h2,
.purpose-copy h2,
.faq-intro h2 {
    font-size: clamp(1.75rem, 2.6vw, 2.5rem);
}

.section-head .lead,
.purpose-copy .lead {
    margin-top: 18px;
}

/* "Prepare for the conversation" section's button follows
   .purpose-copy .lead directly with no spacing. */
.purpose-copy .button {
    margin-top: 22px;
}