/* Approved learning-path card: use available card width, not screen width. */
.selected-home .hero-visual{container-type:inline-size}
.selected-home .pilot-card{padding:32px;border-radius:24px}
.selected-home .pilot-card h2{font-size:30px;line-height:1.45;margin:20px 0 28px;text-wrap:balance}
.selected-home .pilot-card dl{display:grid;grid-template-columns:1fr;gap:14px;margin:0}
.selected-home .pilot-card .pilot-step{border:1px solid #e2e7ec;background:#f6f8fa;border-radius:14px;padding:20px;min-width:0}
.selected-home .pilot-card dt{margin:0 0 10px;font-size:17px;font-weight:600;color:#142c49}
.selected-home .pilot-card dd{margin:0;font-size:15px;line-height:1.85;color:#60718a;text-wrap:pretty}
.selected-home .pilot-card>a{display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #e5e9ef;padding-top:22px;margin-top:24px;min-height:44px;font-size:16px}
@container(min-width:650px){.selected-home .pilot-card{padding:40px}.selected-home .pilot-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.selected-home .pilot-card h2{font-size:34px}.selected-home .pilot-card dt{font-size:20px}.selected-home .pilot-card .pilot-step{padding:24px 20px}}
@media(max-width:600px){.selected-home .pilot-card{padding:24px}.selected-home .pilot-card h2{font-size:25px}.selected-home .pilot-card>a{justify-content:flex-start}}

.path-icon{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#92662e}.path-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.path-icon .num{font-size:12px;color:#8190a2;font-variant-numeric:tabular-nums}
@container(max-width:649px){.selected-home .pilot-card .pilot-step{position:relative;padding:18px 18px 18px 58px}.path-icon{position:absolute;left:18px;top:19px;margin:0}.path-icon svg{width:25px;height:25px}.path-icon .num{display:none}.selected-home .pilot-card dt{font-size:16px;margin-bottom:6px}.selected-home .pilot-card dd{font-size:14px}.selected-home .pilot-card h2{font-size:28px}}

.selected-home .pilot-card h2 br{display:block}
@media(min-width:601px) and (max-width:900px){.guide-filters>.guide-filter:last-child{grid-column:1/-1}}
/* r14: keep the learning path beside the introduction on tablet and desktop. */
@media(min-width:700px){
 .selected-home .hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center}
 .selected-home .hero-content{grid-column:1;grid-row:1}
 .selected-home .hero-visual{grid-column:2;grid-row:1;max-width:460px;justify-self:end}
 .selected-home .pilot-card{padding:26px;border-radius:22px}
 .selected-home .pilot-card h2{font-size:27px;margin:16px 0 22px}
 .selected-home .pilot-card dl{grid-template-columns:1fr;gap:12px}
 .selected-home .pilot-card>a{font-size:14px;margin-top:18px;padding-top:18px}
}
@media(min-width:700px) and (max-width:899px){
 .selected-home .hero-inner{padding-inline:24px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .selected-home .hero-title{font-size:32px}
 .selected-home .hero-subtitle{font-size:14px;line-height:1.8}
 .selected-home .hero-ctas{flex-wrap:wrap}
 .selected-home .hero-meta{gap:20px;flex-wrap:wrap}
 .selected-home .hero-meta-item .num{font-size:25px}
 .selected-home .pilot-card{padding:22px}
 .selected-home .pilot-card h2{font-size:23px}
 .selected-home .pilot-card .pilot-step{padding:14px 14px 14px 46px}
 .selected-home .pilot-card .path-icon{left:13px;top:16px}
 .selected-home .pilot-card .path-icon svg{width:21px;height:21px}
}
/* r15: restore primary emphasis to the left-hand headline. */
@media(min-width:900px){
 .selected-home .hero-inner{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:40px}
 .selected-home .hero-visual{max-width:420px}
 .selected-home .hero-title{font-size:clamp(44px,4.6vw,68px);line-height:1.3;text-wrap:balance}
 .selected-home .hero-subtitle{font-size:17px;line-height:1.85}
}
@media(min-width:700px) and (max-width:899px){
 .selected-home .hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}
 .selected-home .hero-title{font-size:clamp(34px,4.6vw,41px);line-height:1.3}
 .selected-home .pilot-card{padding:20px}
 .selected-home .pilot-card h2{font-size:22px}
}
/* r16: compact secondary card, keep the headline as the primary visual. */
@media(min-width:700px){
 .selected-home .hero-inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px}
 .selected-home .hero-visual{max-width:380px}
 .selected-home .pilot-card{padding:26px;border-radius:20px}
 .selected-home .pilot-card .pilot-kicker{font-size:13px}
 .selected-home .pilot-card h2{font-size:23px;line-height:1.4;margin:14px 0 20px}
 .selected-home .pilot-card dl{gap:0}
 .selected-home .pilot-card .pilot-step{border:0;border-radius:0;border-top:1px solid #e5e9ef;background:transparent;padding:16px 0 16px 34px}
 .selected-home .pilot-card .pilot-step:first-child{border-top:0}
 .selected-home .pilot-card .path-icon{left:0;top:19px}
 .selected-home .pilot-card .path-icon svg{width:21px;height:21px}
 .selected-home .pilot-card dt{font-size:15px;margin-bottom:5px}
 .selected-home .pilot-card dd{font-size:13px;line-height:1.7}
 .selected-home .pilot-card>a{font-size:13px;margin-top:4px;padding-top:16px;justify-content:flex-start}
}
@media(min-width:700px) and (max-width:899px){
 .selected-home .hero-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}
 .selected-home .pilot-card{padding:22px}
 .selected-home .pilot-card h2{font-size:21px}
}