/* Phase 8 — compact stable public cards. Loaded last to override oversized Phase 7 rules. */
.z9-public-page .z9-section{padding:38px 0!important}
.z9-public-page .container{max-width:1180px!important;padding:0 20px!important}
.z9-page-hero{margin:0 auto 24px!important;max-width:700px!important}
.z9-page-hero h1{font-size:34px!important;line-height:1.25!important;margin:6px 0 8px!important}
.z9-page-hero p{margin:0!important;font-size:15px!important}

/* stages index: exactly 3 compact cards, no giant SVG */
.z9-stage-visual-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.z9-stage-visual-grid article{display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:20px!important;overflow:hidden!important}
.z9-stage-visual-grid article>img{display:block!important;width:100%!important;height:155px!important;min-height:155px!important;max-height:155px!important;object-fit:contain!important;padding:18px!important;background:#f6fbfd!important}
.z9-stage-visual-grid article>div{padding:18px!important;display:flex!important;flex-direction:column!important;flex:1!important}
.z9-stage-visual-grid span{font-size:13px!important}
.z9-stage-visual-grid h2{font-size:23px!important;margin:5px 0 7px!important}
.z9-stage-visual-grid p{font-size:14px!important;line-height:1.65!important;margin:0!important;min-height:46px!important}
.z9-grade-chips{gap:6px!important;margin:12px 0 16px!important}
.z9-grade-chips b{padding:6px 10px!important;font-size:12px!important}
.z9-stage-visual-grid a{height:43px!important;margin-top:auto!important;border-radius:12px!important;font-size:14px!important}

/* stage details: compact grade and package cards */
.z9-section-head{margin-bottom:20px!important}
.z9-section-copy h2{font-size:32px!important}
.z9-steps{margin-bottom:18px!important}
.z9-step{padding:7px 13px!important;font-size:13px!important}
.z9-grade-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.z9-grade-card{display:block!important;background:#fff!important;border:1px solid #e0eaf1!important;border-radius:16px!important;padding:16px!important;text-decoration:none!important;color:inherit!important;box-shadow:0 8px 24px rgba(0,45,90,.045)!important;min-height:125px!important}
.z9-grade-card:hover,.z9-grade-card.active{border-color:#0a819d!important;box-shadow:0 10px 28px rgba(10,129,157,.12)!important}
.z9-grade-card h3{font-size:19px!important;margin:0 0 5px!important}
.z9-grade-card small{font-size:12px!important;color:#718194!important}
.z9-chip-row{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
.z9-chip{font-size:11px!important;padding:5px 8px!important;border-radius:999px!important;background:#f0f7fa!important;color:#476273!important}
.z9-selected-bar{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-top:18px!important;padding:13px 16px!important;background:#eef8fb!important;border-radius:14px!important}
.z9-plan-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.z9-plan-card{background:#fff!important;border:1px solid #e2ebf1!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 10px 30px rgba(0,45,90,.05)!important}
.z9-plan-cover{height:145px!important;overflow:hidden!important;background:#f3f8fb!important}
.z9-plan-cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.z9-plan-body{padding:17px!important}
.z9-plan-body h3{font-size:20px!important;margin:0 0 7px!important}
.z9-plan-body p{font-size:13px!important;line-height:1.6!important;min-height:42px!important}
.z9-price-row{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:10px 0 14px!important}
.z9-price-row span{font-size:12px!important;padding:6px 9px!important;background:#eef8fb!important;border-radius:999px!important;color:#087d99!important}
.z9-plan-card .z9-btn{height:43px!important;min-height:43px!important;font-size:13px!important;border-radius:12px!important}

/* live sessions: 3 small cards per row */
.z9-live-three-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.z9-live-class-card{border-radius:18px!important}
.z9-live-class-card>img{height:135px!important;max-height:135px!important;object-fit:contain!important;padding:12px!important;background:#f4fafc!important}
.z9-live-class-body{padding:15px!important;gap:5px!important}
.z9-live-class-body>span{font-size:12px!important}
.z9-live-class-body h3{font-size:18px!important;line-height:1.35!important}
.z9-live-class-body p,.z9-live-class-body time{font-size:12px!important}
.z9-live-class-body a{height:40px!important;border-radius:11px!important;font-size:13px!important}

/* assessments: independent compact cards */
.z9-assessment-block{margin-top:26px!important}
.z9-section-minihead{margin-bottom:13px!important}
.z9-section-minihead h2{font-size:25px!important}
.z9-assessment-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.z9-assessment-card{border-radius:18px!important}
.z9-assessment-card>img{height:115px!important;max-height:115px!important;object-fit:contain!important;padding:14px!important;background:#f5fafc!important}
.z9-assessment-card>div{padding:15px!important}
.z9-assessment-card span{font-size:12px!important}
.z9-assessment-card h3{font-size:18px!important;margin:5px 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.z9-assessment-card p{font-size:12px!important;margin:0 0 11px!important;min-height:19px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.z9-assessment-card a{height:40px!important;border-radius:11px!important;font-size:13px!important}

/* keep all decorative SVGs contained even if an old rule is cached */
.z9-public-page img[src$=".svg"]{max-width:100%!important}
.z9-stage-visual-grid img[src$=".svg"],.z9-live-class-card img[src$=".svg"],.z9-assessment-card img[src$=".svg"]{position:static!important;transform:none!important;inset:auto!important}

@media(max-width:900px){
 .z9-stage-visual-grid,.z9-grade-grid,.z9-plan-grid,.z9-live-three-grid,.z9-assessment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 .z9-public-page .z9-section{padding:28px 0!important}
 .z9-public-page .container{padding:0 14px!important}
 .z9-page-hero h1{font-size:28px!important}
 .z9-stage-visual-grid,.z9-grade-grid,.z9-plan-grid,.z9-live-three-grid,.z9-assessment-grid{grid-template-columns:1fr!important}
 .z9-stage-visual-grid article>img{height:135px!important;min-height:135px!important;max-height:135px!important}
}