.page-boarding .main-content-area, .page-affordable-boarding-school-kzn .main-content-area { min-width: 0; max-width: 100%; }
.boarding-fee-overview { margin: 2.5rem 0; padding: clamp(1.15rem, 3vw, 2rem); border: 1px solid var(--border); border-radius: var(--radius); background: #fff; min-width: 0; scroll-margin-top: 105px; }
.boarding-fee-overview h2 { margin: .35rem 0 1rem; color: var(--navy); font-size: clamp(1.8rem, 3vw, 2.35rem); line-height: 1.2; }
.boarding-fee-eyebrow { color: var(--navy); font-size: .8rem; font-weight: 800; letter-spacing: .12em; margin: 0; }
.boarding-fee-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0 2rem; }
.boarding-fee-option { padding: 1.25rem; border-radius: 10px; background: var(--accent-soft); border: 1px solid var(--accent-border); }
.boarding-fee-option h3 { margin: 0 0 .6rem; color: var(--navy); font-size: 1.1rem; }
.boarding-fee-option p { margin: .3rem 0; }
.boarding-fee-option strong { font-size: 1.65rem; color: var(--navy); white-space: nowrap; }
.boarding-fee-small { font-size: .9rem; line-height: 1.6; color: var(--text-light); }
.boarding-fee-table-wrap { overflow-x: auto; margin: 1.25rem 0; }
.boarding-fee-swipe { display: none; }
.boarding-fee-table-wrap:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.boarding-fee-table { width: 100%; border-collapse: collapse; min-width: 510px; font-size: .95rem; }
.boarding-fee-table caption { text-align: left; font-weight: 700; color: var(--navy); padding-bottom: 1rem; }
.boarding-fee-table th, .boarding-fee-table td { padding: .9rem .7rem; text-align: right; border-bottom: 1px solid var(--border); white-space: nowrap; }
.boarding-fee-table thead th { background: var(--navy); color: #fff; font-size: .9rem; line-height: 1.5; }
.boarding-fee-table th:first-child { text-align: left; }
.boarding-fee-table tbody tr:nth-child(even) { background: var(--bg-soft, #f1f5f9); }
.boarding-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0 2rem; }
.boarding-facts > div { padding: 1.25rem; background: #f1f5f9; border-radius: 10px; }
.boarding-facts dt { color: var(--text-light); font-size: .9rem; margin-bottom: .4rem; }
.boarding-facts dd { color: var(--navy); font-weight: 700; margin: 0; }
.boarding-content-section { margin: 2.5rem 0; }
.boarding-content-section h2 { font-size: 2rem; color: var(--navy); }
.boarding-content-section li { margin-bottom: .65rem; }
@media (max-width: 600px) {
    .boarding-fee-swipe { display: block; font-size: .85rem; color: var(--text-light); }
    .boarding-fee-options, .boarding-facts { grid-template-columns: minmax(0, 1fr); }
    .boarding-fee-overview .btn-pill-solid-dark { white-space: normal; text-align: center; }
}