/* Career Coaching section on the homepage: 1.5-day programme for candidates. Builds on css/site.css. */

/* intro: heading beside a "your 1.5 days" schedule card */
.c-intro{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:clamp(28px,5vw,64px); align-items:center; margin-bottom:56px}
.c-intro .sec-head{margin-bottom:0}
.c-intro h2 b{display:block; font-weight:500; color:var(--cyan-text)}
@media (max-width: 900px){ .c-intro{grid-template-columns:1fr} }
.plan{background:var(--navy); border-radius:var(--radius); padding:26px 26px 22px; display:grid; gap:4px}
.plan .k{font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--cyan); font-weight:600; margin-bottom:8px}
.plan-row{display:grid; grid-template-columns:86px 1fr; gap:14px; padding-block:12px; border-top:1px solid var(--navy-line)}
.plan-row:first-of-type{border-top:0}
.plan-row b{color:#fff; font-weight:600; font-size:13.5px}
.plan-row span{font-size:14.5px; color:var(--on-navy-soft)}
html[dir="rtl"] .plan .k{text-transform:none}
html[dir="rtl"] .plan-row{grid-template-columns:120px 1fr}
.c-sub{font-size:24px; font-weight:400}
.c-sub-lede{margin:10px 0 28px; max-width:68ch}

/* modules: four across on wide screens */
@media (min-width: 1100px){ .svc-grid.cols-4{grid-template-columns:repeat(4, minmax(0,1fr))} }
.svc ul{margin:4px 0 0; padding:0; list-style:none; display:grid; gap:7px; font-size:14px}
.svc li{display:grid; grid-template-columns:8px 1fr; gap:10px}
.svc li::before{content:""; width:6px; height:6px; background:var(--cyan); margin-top:9px}
.svc.feature{background:var(--navy); border-color:var(--navy); color:var(--on-navy-soft)}
.svc.feature h3{color:#fff}
.svc.feature .tag{color:var(--cyan)}

/* coaches band */
.c-coach .wrap{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,5vw,64px); align-items:start; padding-block:clamp(56px,7vw,96px)}
.c-coach h2{color:#fff; font-size:clamp(26px,3vw,38px)}
.c-coach .copy{display:grid; gap:18px}
.c-coach .copy p{font-size:clamp(16px,1.5vw,18px); font-weight:300}
.match{display:grid; gap:14px}
.match div{border:1px solid var(--navy-line); border-inline-start:4px solid var(--cyan); border-radius:10px; padding:16px 18px}
.match strong{display:block; color:#fff; font-weight:600}
.match span{font-size:14.5px}
@media (max-width: 860px){ .c-coach .wrap{grid-template-columns:1fr} }

/* who it is for */
.who-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap:18px}
.who{background:var(--bg); border:1px solid var(--card-line); border-radius:var(--radius); padding:24px; display:grid; gap:8px; align-content:start}
.who h3{font-size:17px}
.who p{font-size:14.5px}

/* what you leave with */
.leave{margin-top:48px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:32px; background:var(--bg); border:1px solid var(--card-line); border-radius:var(--radius); padding:clamp(22px,3vw,36px)}
.leave h3{font-size:24px; font-weight:400}
.leave ul{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px 28px}
.leave li{display:grid; grid-template-columns:10px 1fr; gap:14px; font-size:15px; color:var(--ink)}
.leave li::before{content:""; width:9px; height:9px; background:var(--cyan); margin-top:8px}
@media (max-width: 860px){ .leave{grid-template-columns:1fr} .leave ul{grid-template-columns:1fr} }