/* One mobile spacing scale for public pages and their dynamic result states. */
@media (max-width:760px){
 html #site{--mobile-section:16px;--mobile-card:12px;--mobile-gap:12px;--mobile-copy:14px}
 html #site main :is(.cx-dogrid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mobile-gap)}
 html #site main :is(.cx-doit){padding:var(--mobile-card);min-height:0}
 html #site main :is(.cx-doit) h3{font-size:15px;line-height:1.3;margin-block:6px}
 html #site main :is(.cx-doit) p{font-size:13px;line-height:1.45;margin-block:6px}
 html #site .cx-dofoot{font-size:13px;line-height:1.45;margin-top:14px}
 html #site .cx-ambgrid{gap:16px}
 html #site .cx-ambgrid h2{font-size:24px;line-height:1.2}
 html #site .cx-ambgrid p{font-size:14px;line-height:1.45}
 html #site .cx-net{width:min(100%,240px);height:240px;justify-self:center;margin-inline:auto}
 html #site .vt-introtext :is(h1,h2){font-size:24px;line-height:1.2}
 html #site .vt-introtext .vt-lead{font-size:14px;line-height:1.45;margin-block:10px}
 html #site .vt-intro .journey-disclosure{margin-block:8px;font-size:13px}
 html #site .vt-facts{font-size:13px;line-height:1.45}
 html #site .vt-res{padding:14px 12px}
 html #site .vt-reshead{gap:14px;margin-bottom:16px}
 html #site .vt-holo{width:150px;max-width:100%;margin-inline:auto}
 html #site .vt-holo-in{min-height:180px;padding:12px}
 html #site .vt-holo-em{font-size:32px}
 html #site .vt-holo-in>b{font-size:20px}
 html #site .vt-restext h2{font-size:23px;line-height:1.25}
 html #site .vt-restext p{font-size:14px;line-height:1.45}
 html #site .vt-res :is(.vt-top3,.vt-areas){gap:12px}
 html #site .vt-res :is(.vt-next,.vt-profile){padding:12px;margin-block:14px;gap:12px}
 html #site .vt-res .vt-sub{font-size:18px;line-height:1.3;margin-block:18px 10px}
 html #site .vt-res .vt-next p{font-size:14px;line-height:1.45}
 html #site .test-next-step{padding:14px;margin-block:14px;border-radius:14px}
 html #site .test-next-step h3{font-size:18px;line-height:1.3;margin-bottom:8px}
 html #site .test-next-step p{font-size:13px;line-height:1.45;margin-block:8px}
 html #site .test-next-choices{gap:8px;margin-top:10px}
 html #site .test-next-step .button{padding:10px 12px;font-size:13px;min-height:44px;line-height:1.35}
 html #site .guided{padding-block:20px 28px}
 html #site .guided [data-guided-screen]{overflow-anchor:none;scroll-margin:0}
 html #site .guided-results{font-size:14px;line-height:1.45}
 html #site .guided-results .guided-route{font-size:12px;padding:4px 8px}
 html #site .guided-results>h2{font-size:22px!important;line-height:1.2;margin:8px 0}
 html #site .guided-results>h3{font-size:17px;line-height:1.3;margin:12px 0 6px}
 html #site .guided-results>p{font-size:12px;line-height:1.4;margin:8px 0}
 html #site .guided-results .guided-funding-summary{margin:10px 0;padding:0 10px}
 html #site .guided-results details>summary{box-sizing:border-box;min-height:44px;padding:10px 0;font-size:13px;line-height:1.4}
 html #site .guided-results .guided-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;align-items:start;margin-top:10px!important}
 html #site .guided-course.guided-course-compact{padding:10px!important;border:2px solid #16354b;border-top:4px solid #167e79;border-radius:14px;min-height:0!important;background:#fffdf8}
 html #site .guided-course-compact h3{font-size:14px!important;line-height:1.3;margin:0 0 6px;overflow-wrap:normal;hyphens:auto}
 html #site .guided-course-compact .guided-institution{font-size:12px;line-height:1.35;margin:6px 0 10px}
 html #site .guided-course-compact .course-keyfacts{display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.35;margin:10px 0}
 html #site .guided-course-compact .course-funding-badge{padding:5px 6px;border-radius:7px;background:#e5f2ec;color:#145b52;font-size:12px;font-weight:750}
 html #site .guided-course-compact .course-funding-badge.not-eligible{background:#f7e8dd;color:#793c20}
 html #site .guided-course-compact .course-funding-badge.unconfirmed{background:#f7efdc;color:#695323}
 html #site .guided-course-compact .course-keyfacts small{font-size:11px;line-height:1.35}
 html #site .guided-course-compact .guided-primary-action .button{display:flex;width:100%;box-sizing:border-box;min-height:44px;padding:8px;font-size:13px;background:#f3c66c;border-color:#e7ba5f;color:#16354b}
 html #site .guided-course-compact .guided-course-extra{margin-top:6px;border-top:1px solid #c9d9d9}
 html #site .guided-course-compact .guided-course-extra.has-gaps>summary{color:#795318}
 html #site .guided-course-compact details p{font-size:12px;line-height:1.4}
 html #site .guided-course-compact details dl{display:block;font-size:12px;margin:6px 0}
 html #site .guided-course-compact details dt{margin-top:8px;font-weight:750}
 html #site .guided-course-compact details dd{margin:3px 0}
 html #site .guided-course-compact .guided-course-controls{gap:6px;padding-top:8px;display:flex;flex-direction:column;align-items:stretch}
 html #site .guided-course-compact .guided-course-controls :is(label,button){font-size:12px;min-height:44px}
 html #site .guided-results>.guided-comparison,html #site .guided-results>.guided-favourites{border:1px solid #9bbab8;border-radius:12px;padding:0 12px;margin:12px 0}
 html #site .guided-funding-explanation{padding:10px;background:#edf6f3;border-radius:10px;font-size:13px;line-height:1.45}
}

@media(max-width:760px){
 html #site .guided-course-compact:has(.guided-course-extra[open]){grid-column:1/-1}
 html #site main .cx-doit{border-radius:14px}
 html #site main .cx-doit::before{font-size:25px;margin-bottom:6px}
 html #site main .journey-step{margin:0;border:0;background:transparent}
 html #site main .journey-step>summary{position:relative;display:block;cursor:pointer;box-sizing:border-box;min-height:44px;padding:6px 24px 6px 0;list-style:none}
 html #site main .journey-step>summary::after{content:'+';position:absolute;right:0;top:10px;font-size:20px;font-weight:700;color:#167e79}
 html #site main .journey-step[open]>summary::after{content:'−'}
 html #site main .journey-step>summary::-webkit-details-marker{display:none}
 html #site main .journey-step>summary b{display:block;font-size:14px;line-height:1.35}
 html #site main .journey-step>summary small{display:block;font-size:11px;line-height:1.35}
 html #site main .journey-step p{font-size:13px;line-height:1.45;margin:6px 0}
 html #site .ck-steps-tabs{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 html #site .ck-steps-tabs button{min-height:64px;padding:10px;gap:6px}
 html #site .ck-steps-tabs button b{font-size:13px;line-height:1.3}
 html #site .ck-steps-tabs button span span{font-size:12px;line-height:1.35}
 html #site .ck-phone{max-height:290px}
 html #site .ck-scr-body{min-height:170px}
}

/* Shared mobile closing sections: match the content scale, preserve touch spacing. */
@media(max-width:760px){
 html #site main .ck-cta h2,html #site main .cx-cta h2,html #site main .cx-head h2{font-size:24px!important;line-height:1.25!important;margin-block:0 12px!important}
 html #site main .cx-hero h1{font-size:28px!important;line-height:1.2!important}
 html #site main .ck-cta,html #site main .cx-cta{padding-block:24px!important}
 html #site main .ck-cta .ck-btns,html #site main .cx-cta .cx-btns{gap:10px!important;margin-top:16px!important}
}