/* Optional homepage refinement. Remove its portal.html link to restore the prior design. */
.home-page .infographic-intro{padding-top:clamp(28px,4vw,56px)}
.home-page .infographic-intro>p{max-width:620px;line-height:1.7}
.home-page .infographic-grid{row-gap:clamp(32px,3.4vw,48px)}
.home-page .info-extra-row{margin-top:clamp(40px,4vw,60px)}
.home-page .info-profession-list{gap:12px}
.home-page .info-profession-list>a{padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.home-page .info-profession-list span{margin-top:0;font-size:13px;line-height:1.45}
.home-page .info-education-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.home-page .info-education-links>a{margin-top:0;line-height:1.45}
.home-page .info-education-links{margin-top:20px}
.home-page .info-explore>a{gap:12px}
.home-page .info-source{line-height:1.7;max-width:1000px}
.home-page a:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:3px}
@media(max-width:640px){
 .home-page .infographic-intro{padding-top:24px;padding-bottom:32px}
 .home-page .infographic-intro h1{font-size:clamp(34px,9.5vw,52px);line-height:1.08}
 .home-page .infographic-grid .info-feature{min-height:0;padding:28px;border-radius:26px}
 .home-page .info-feature .info-massive{margin:24px 0 28px;font-size:clamp(88px,25vw,140px)}
 .home-page .info-feature-bottom{flex-wrap:nowrap;align-items:flex-end;gap:12px}
 .home-page .info-feature-bottom>div:first-child{min-width:0}
 .home-page .info-dot-field{width:54px;flex:0 0 54px;grid-template-columns:repeat(9,4px);gap:2px}
 .home-page .info-dot-field i{width:4px;height:4px}
 .home-page .info-feature-bottom h2{font-size:24px}
 .home-page .info-feature-bottom p{font-size:14px}
 .home-page .info-feature-bottom a{line-height:1.5}
 .home-page .info-profession-list>a{padding:18px 20px}
 .home-page .info-extra-row{gap:32px}
 .home-page .info-extra-row+.info-explore{gap:28px;margin-top:40px}
}