.article{max-width:900px;margin:auto;padding:40px}.hero{padding:40px 0}h1{font-size:3rem}
/* Phase 4 blog and resources */
.phase4-hero{background:linear-gradient(135deg,var(--teal),var(--navy));color:#fff;padding:95px 0 88px}.phase4-hero h1{font:600 clamp(48px,6vw,78px)/1 Manrope,Segoe UI,sans-serif;letter-spacing:-.05em;margin:0}.phase4-hero .narrow>p:last-child{font-size:20px;line-height:1.6;color:#d4e8ed;max-width:820px;margin:28px 0 0}.resources-hero{background:linear-gradient(135deg,#11394e,#1e7793)}.phase4-page{padding:85px 0 110px}.phase4-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:45px}.phase4-intro h2{font:600 clamp(34px,4vw,54px)/1.07 Manrope,Segoe UI,sans-serif;letter-spacing:-.04em;margin:0}.phase4-intro>p{color:var(--muted);font-size:17px;line-height:1.7}.phase4-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.phase4-grid.three{grid-template-columns:repeat(3,1fr)}.phase4-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:280px;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.phase4-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(17,57,78,.14)}.phase4-card.featured{grid-column:1/-1;background:var(--pale);min-height:240px}.phase4-card.dark{background:var(--navy);color:#fff}.phase4-card.dark>p:not(.card-tag){color:#cfe0e5}.card-tag{font-size:11px!important;text-transform:uppercase;letter-spacing:.14em;color:var(--aqua)!important;font-weight:700;margin:0}.phase4-card h3{font:600 29px/1.15 Manrope,Segoe UI,sans-serif;letter-spacing:-.025em;margin:33px 0 13px}.phase4-card h3 a{text-decoration:none}.phase4-card>p:not(.card-tag){color:var(--muted);font-size:15px;line-height:1.65}.card-link{margin-top:auto;color:var(--teal);font-weight:700}.phase4-card.dark .card-link{color:#8bded3}.resource-section{margin-top:70px}.resource-section>h3{font:600 30px Manrope,Segoe UI,sans-serif;margin-bottom:24px}@media(max-width:900px){.phase4-grid.three{grid-template-columns:1fr}}@media(max-width:800px){.phase4-intro,.phase4-grid{grid-template-columns:1fr}.phase4-card.featured{grid-column:auto}}@media(max-width:560px){.phase4-hero{padding:70px 0}.phase4-page{padding:60px 0 85px}.phase4-card{padding:24px;min-height:250px}.phase4-card h3{font-size:25px}}