/* ARK Education v1.3.3 – spacing & layout corrections.
   Scope to homepage; no change to brand, content, colours, data or behaviours. */

/* Balanced vertical rhythm instead of stacked 112–124px paddings. */
body.home .section{padding-top:72px;padding-bottom:72px}
body.home .ark-college-section{padding-top:66px;padding-bottom:62px}
body.home .ark-student-section{padding-top:60px;padding-bottom:58px}
body.home .finder-wrap{padding:60px 0 0}
body.home .course-section{padding-top:64px;padding-bottom:68px}
body.home .story-section{padding-top:76px;padding-bottom:76px}
body.home .journey-section{padding-top:72px;padding-bottom:72px}
body.home .support-section{padding-top:72px;padding-bottom:72px}
body.home .counselling-section{padding-top:76px;padding-bottom:76px}
body.home .section-heading{margin-bottom:28px}
body.home .section-heading.centered{margin-bottom:28px}
body.home .section-heading p{margin-top:12px;line-height:1.7}
body.home .eyebrow{margin-bottom:14px}

/* Let titles use the full content width. Two intentional lines should stay two. */
body.home .heading-row{display:flex;justify-content:space-between;align-items:end;gap:32px;max-width:none}
body.home .heading-row>div{min-width:0;flex:1 1 auto;max-width:900px}
body.home .heading-row>p{flex:0 1 340px;max-width:340px;line-height:1.6;margin:0 0 5px}
body.home .heading-row>.text-link{flex:0 0 auto;align-self:end;max-width:185px}
body.home .section-heading h2,
body.home .finder-heading h2{font-size:clamp(2.3rem,3.25vw,3.6rem);line-height:1.13;letter-spacing:-.043em}
body.home .section-heading h2{max-width:880px;text-wrap:balance}
body.home .section-heading p{max-width:690px}

/* Compact, aligned four-column Featured College cards on wide screens. */
body.home .ark-college-section .section-heading{margin-bottom:27px}
body.home .ark-school-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.home .ark-school-card{padding:19px 18px 18px;border-radius:17px}
body.home .ark-school-top{gap:8px}
body.home .ark-school-logo{width:68px;height:68px;border-radius:13px}
body.home .ark-college-logo{max-width:58px;max-height:58px}
body.home .ark-school-type{font-size:10px;padding:7px 9px;max-width:123px}
body.home .ark-school-card h3{font-size:18px;line-height:1.25;margin:16px 0 8px;letter-spacing:-.025em;overflow-wrap:anywhere}
body.home .ark-school-location{font-size:11px;line-height:1.5}
body.home .ark-school-facts{margin-top:16px;padding:12px 0;gap:8px;grid-template-columns:1fr 1.1fr}
body.home .ark-school-facts span{font-size:11px;overflow-wrap:anywhere}
body.home .ark-school-facts span strong{font-size:9px}
body.home .ark-school-end{padding-top:12px}
body.home .ark-school-end a{font-size:12px}
body.home .ark-college-disclaimer{margin-top:21px;padding:12px 15px}

/* Equal-height but more compact student cards. */
body.home .ark-student-grid{gap:16px}
body.home .ark-student-card{padding:19px 18px 18px;border-radius:17px}
body.home .ark-student-card-top{margin-bottom:15px}
body.home .ark-student-avatar{width:68px;height:68px}
body.home .ark-student-pill{font-size:9px;padding:5px 8px;letter-spacing:.07em}
body.home .ark-student-card h3{font-size:19px;line-height:1.28;margin-bottom:6px}
body.home .ark-student-course{margin-bottom:8px}
body.home .ark-student-college{font-size:13px;line-height:1.48;margin-bottom:14px}
body.home .ark-student-campus{font-size:11px;padding-top:11px;line-height:1.5}
body.home .ark-student-disclaimer{margin-top:16px}

/* College finder and study pathways: remove excess blank bands. */
body.home .finder-heading{margin-bottom:19px;gap:28px}
body.home .finder-heading>div{min-width:0;flex:1 1 auto}
body.home .finder-heading>p{flex:0 1 270px;max-width:270px;margin-bottom:3px;line-height:1.6}
body.home .finder-bar{padding:22px 24px;gap:18px;border-radius:18px}
body.home .course-section .section-heading{margin-bottom:24px}
body.home .pathway-feature-grid{margin-top:0;gap:16px}
body.home .pathway-feature-grid .pathway-card{min-height:278px;padding:20px}
body.home .pathway-feature-grid .pathway-art{font-size:98px}
body.home .pathway-feature-grid .pathway-bottom h3{font-size:21px}
body.home .course-minigrid{margin-top:14px;gap:12px}
body.home .course-minigrid .course-card{min-height:139px;padding:17px}
body.home .course-minigrid .course-card h3{font-size:18px}

/* Align two-column editorial story, admission steps and resource cards. */
body.home .story-section .split-section{gap:64px}
body.home .story-section .story-photo img{height:490px}
body.home .story-copy h2{font-size:clamp(2.4rem,3.2vw,3.6rem);line-height:1.13}
body.home .journey-section .heading-row{align-items:end}
body.home .steps-grid{margin-top:32px}
body.home .step-card{padding:24px 22px 16px 0}
body.home .step-card:not(:first-child){padding-left:22px}
body.home .step-card:not(:first-child):before{left:22px}
body.home .step-number{margin-bottom:15px}
body.home .step-card .step-icon{width:50px;height:50px;margin-bottom:17px;font-size:22px}
body.home .step-card h3{font-size:18px;margin-bottom:9px}
body.home .step-card p{font-size:12px;line-height:1.65}
body.home .support-section .heading-row{margin-bottom:25px}
body.home .support-section .help-grid{gap:16px}
body.home .support-section .help-grid>a{padding:26px}
body.home .support-section .help-grid h3{font-size:21px}
body.home .support-section .help-grid p{min-height:0}
body.home .counselling-grid{gap:56px}
body.home .counselling-intro h2{font-size:clamp(2.3rem,3.2vw,3.7rem)}
body.home .counselling-panel{padding:32px}

/* Tablets: two featured colleges and student cards per row. */
@media(max-width:1180px){
 body.home .ark-school-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.home .heading-row>div{max-width:none}
 body.home .section-heading h2,body.home .finder-heading h2{font-size:clamp(2.15rem,3.8vw,3.15rem)}
}
@media(max-width:900px){
 body.home .section{padding-top:58px;padding-bottom:58px}
 body.home .ark-college-section,body.home .ark-student-section{padding-top:55px;padding-bottom:55px}
 body.home .ark-school-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.home .ark-student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.home .heading-row{align-items:start;gap:18px}
 body.home .heading-row>p{flex:0 1 255px}
 body.home .finder-wrap{padding-top:50px}
 body.home .course-section{padding-top:56px}
 body.home .story-section .split-section{gap:30px}
 body.home .story-section .story-photo img{height:420px}
 body.home .steps-grid{margin-top:28px}
 body.home .step-card:nth-child(2){border:0}
 body.home .counselling-grid{gap:25px}
}
@media(max-width:640px){
 body.home .section{padding-top:49px;padding-bottom:49px}
 body.home .ark-college-section,body.home .ark-student-section{padding-top:47px;padding-bottom:47px}
 body.home .finder-wrap{padding:45px 0 0}
 body.home .course-section{padding-top:48px;padding-bottom:48px}
 body.home .heading-row,body.home .finder-heading{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 body.home .heading-row>div,body.home .finder-heading>div{width:100%;flex:auto}
 body.home .heading-row>p,body.home .finder-heading>p{width:100%;max-width:none;flex:auto;margin:0}
 body.home .heading-row>.text-link{align-self:flex-start;max-width:none;margin:2px 0 0}
 body.home .section-heading h2,body.home .finder-heading h2{font-size:clamp(2rem,8.25vw,2.7rem);line-height:1.13}
 body.home .ark-school-grid,body.home .ark-student-grid{grid-template-columns:1fr;gap:13px}
 body.home .ark-school-card{padding:18px}
 body.home .ark-school-card h3{font-size:19px}
 body.home .ark-school-facts{grid-template-columns:1fr 1fr}
 body.home .ark-student-card{padding:19px}
 body.home .ark-student-card h3{font-size:19px}
 body.home .finder-bar{padding:18px;gap:13px}
 body.home .pathway-feature-grid{grid-template-columns:1fr;gap:12px}
 body.home .pathway-feature-grid .pathway-card{min-height:205px;padding:21px 22px}
 body.home .pathway-feature-grid .pathway-art{font-size:92px}
 body.home .course-minigrid{gap:10px}
 body.home .course-minigrid .course-card{padding:15px;min-height:130px}
 body.home .story-section .story-photo img{height:355px}
 body.home .story-copy h2{font-size:clamp(2.1rem,8vw,2.85rem)}
 body.home .steps-grid{margin-top:25px}
 body.home .step-card,body.home .step-card:not(:first-child){padding:18px 11px 12px 0}
 body.home .step-card:nth-child(even){padding-left:12px}
 body.home .step-card:nth-child(even):before{left:12px}
 body.home .step-card:not(:first-child):not(:nth-child(even)):before{left:0}
 body.home .step-card .step-icon{width:44px;height:44px;font-size:20px}
 body.home .step-card h3{font-size:16px}
 body.home .step-card p{font-size:11px}
 body.home .support-section .help-grid>a{padding:23px}
 body.home .counselling-panel{padding:24px 20px}
}


/* ARK Education v1.3.16 – compact story + journey refinement */
body.home .story-section{padding-top:58px;padding-bottom:58px}
body.home .story-section .split-section{grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}
body.home .story-section .story-photo{max-width:540px;width:100%}
body.home .story-section .story-photo:before{width:42%;height:26%;left:-18px;bottom:-18px;border-width:10px;border-radius:34px}
body.home .story-section .story-photo img{height:430px;border-radius:170px 170px 22px 22px}
body.home .story-section .story-tag{right:-10px;bottom:18px;padding:12px 16px;font-size:11px}
body.home .story-copy h2{font-size:clamp(2.25rem,3.05vw,3.35rem);line-height:1.08;max-width:12ch;margin-bottom:18px}
body.home .story-copy>p{font-size:14px;line-height:1.75;margin:0 0 14px}
body.home .benefit-list{margin:18px 0 14px;gap:14px}
body.home .benefit-list>div{gap:14px;margin:0}
body.home .benefit-icon,body.home .benefit-icon.green,body.home .benefit-icon.blue,body.home .benefit-icon.gold{width:40px;height:40px;font-size:12px;border-radius:12px}
body.home .benefit-list strong{font-size:16px}
body.home .benefit-list p{font-size:12px;line-height:1.55}
body.home .story-copy .text-link{margin-top:4px;display:inline-flex}

body.home .journey-section{padding-top:56px;padding-bottom:60px}
body.home .journey-section .heading-row{align-items:center}
body.home .journey-section .heading-row>div{max-width:720px}
body.home .journey-section .heading-row>p{max-width:300px;margin-bottom:0}
body.home .journey-section .section-heading{margin-bottom:10px}
body.home .steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:0;margin-top:20px}
body.home .step-card,body.home .step-card:not(:first-child){padding:18px 18px 16px!important;border:1px solid #dfe7df;border-radius:18px;background:#fcfcf8;min-height:190px}
body.home .step-card:before,body.home .step-card:not(:first-child):before{display:none}
body.home .step-card:last-child{border:1px solid #dfe7df}
body.home .step-number{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;background:#fff1e8;color:#bf7053;font-size:11px;line-height:1;margin-bottom:13px}
body.home .step-card .step-icon{width:46px;height:46px;margin-bottom:13px;font-size:20px}
body.home .step-card h3{font-size:17px;line-height:1.25;margin-bottom:8px}
body.home .step-card p{font-size:12px;line-height:1.58;margin:0}

@media(max-width:1180px){
 body.home .story-section .split-section{gap:28px}
 body.home .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 body.home .story-section{padding-top:50px;padding-bottom:50px}
 body.home .story-section .split-section{grid-template-columns:1fr;gap:24px}
 body.home .story-section .story-photo{max-width:490px;margin:0 auto}
 body.home .story-section .story-photo img{height:390px}
 body.home .journey-section{padding-top:50px;padding-bottom:54px}
 body.home .journey-section .heading-row>p{max-width:none}
 body.home .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:640px){
 body.home .story-section{padding-top:44px;padding-bottom:44px}
 body.home .story-section .story-photo img{height:335px;border-radius:140px 140px 20px 20px}
 body.home .story-section .story-tag{right:-4px;bottom:12px;padding:10px 12px;font-size:10px}
 body.home .story-copy h2{font-size:clamp(2rem,8vw,2.7rem);max-width:none}
 body.home .benefit-list{gap:12px}
 body.home .journey-section{padding-top:44px;padding-bottom:46px}
 body.home .steps-grid{grid-template-columns:1fr;gap:12px}
 body.home .step-card,body.home .step-card:not(:first-child){padding:16px!important;min-height:auto}
}