/* How it works section: hiw-light = bootcamp details page, hiw-dark = DA enrollment LP (white page, navy mission box).
   Utilities in the partial cover layout and spacing; only values without a utility live here. */
.hiw{--hiw-fg:#181830;--hiw-muted:#54585b;--hiw-line:#e4e8eb;--hiw-card:#fff;--hiw-accent:#3b82f6;--hiw-tile:#eaf2ff;--hiw-hl:#fde68a;scroll-margin-top:90px;letter-spacing:-.02em;color:var(--hiw-fg)}
.hiw-dark{--hiw-fg:#1c1d1f;--hiw-muted:#4a4e57;--hiw-accent:#54585b;--hiw-hl:#d7ef3f}

.hiw-h{line-height:1.2;text-wrap:balance}
.hiw-ul{background:linear-gradient(transparent 68%,var(--hiw-hl) 68%)}
.hiw-eye{letter-spacing:.06em;color:#6f53c1}
.hiw-head{max-width:660px}
.hiw-dark .hiw-h{font-size:clamp(25px,3.2vw,32px)}
.hiw-sub{font-size:17px;line-height:26px;color:var(--hiw-muted)}

.hiw-grid{display:grid;gap:24px}
.hiw-col{display:flex;flex-direction:column;gap:16px}
.hiw-intro{font-size:16px;line-height:26px}
.hiw-mission{border-radius:14px;background:linear-gradient(135deg,#4b2a9e,#6e3fd9);color:#fff;padding:20px 22px}
.hiw-dark .hiw-mission{background:#181830}
.hiw-tag{font-size:12px;letter-spacing:.08em;color:#c7f27a}
.hiw-dark .hiw-tag{color:#d7ef3f}
.hiw-mission p{font-size:19px;line-height:1.35}
.hiw-dark .hiw-mission p{font-size:18px;line-height:27px}

.hiw-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hiw-step{background:var(--hiw-tile);border-radius:12px;padding:12px 8px;text-align:center;font-size:13.5px;font-weight:700}
.hiw-step b{font-size:20px;color:var(--hiw-accent);overflow-wrap:anywhere}
.hiw-dark .hiw-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hiw-dark .hiw-step{background:none;border-radius:0;border-left:2px solid #6f53c1;padding:0 0 0 14px;text-align:left;font-size:12.5px;font-weight:500;line-height:1.4;color:#6b7280}
.hiw-dark .hiw-step b{font-size:29px;line-height:1;color:#181830;margin-bottom:6px}

.hiw-team{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hiw-mem{border:1px solid var(--hiw-line);border-radius:14px;padding:14px 10px;background:var(--hiw-card)}
.hiw-mem img{width:60px;height:60px;object-fit:cover}
.hiw-ph{width:60px;height:60px;background:var(--hiw-tile);color:var(--hiw-accent);font-size:20px}
.hiw-mem b{font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.hiw-role{font-size:12.5px;color:var(--hiw-accent)}
.hiw-cap{font-size:13px;color:var(--hiw-muted);text-align:center}
.hiw-dark .hiw-team{gap:14px}
.hiw-dark .hiw-mem{border-radius:12px;padding:12px}
.hiw-dark .hiw-mem img,.hiw-dark .hiw-ph{width:84px;height:84px;margin-bottom:8px}
.hiw-dark .hiw-ph{font-size:26px;background:#ebf2fe;color:#2f68c5}
.hiw-dark .hiw-mem b{font-size:15px;margin-top:0!important;color:#1c1d1f}
.hiw-dark .hiw-role{font-size:13px;font-weight:500;color:#54585b}
.hiw-dark .hiw-cap{font-size:14px;color:#54585b;text-align:left}

@media(min-width:576px){
.hiw-team{grid-template-columns:repeat(3,minmax(0,1fr))}
.hiw-steps{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
}
@media(min-width:901px){
.hiw-cols{grid-template-columns:1.05fr 1fr;gap:30px;align-items:center}
.hiw-dark.hiw .hiw-cols{grid-template-columns:1fr 1fr;gap:32px;align-items:start}
}