.vhf-na { background: transparent; color: #56617d; font-style: normal; padding: 60px 0 90px; width: 100%; }
.vhf-na *, .vhf-na *::before, .vhf-na *::after { box-sizing: border-box; }
.vhf-na__inner { margin: 0 auto; max-width: 1160px; padding: 0 25px; }
.vhf-na__back { color: #2868c7 !important; display: inline-flex; font-size: 14px; font-weight: 700; gap: 8px; margin-bottom: 45px; text-decoration: none; text-transform: uppercase; }
.vhf-na__header { margin: 0 auto 45px; max-width: 920px; text-align: center; }
.vhf-na__eyebrow { color: #2868c7 !important; font-size: 14px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 2px; margin: 0 0 22px !important; text-transform: uppercase; }
.vhf-na__header h1 { color: #172252 !important; font-size: clamp(40px, 5vw, 64px) !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.08 !important; margin: 0 0 25px !important; }
.vhf-na__meta { align-items: center; color: #76809a; display: flex; flex-wrap: wrap; font-size: 14px; font-weight: 600; gap: 8px; justify-content: center; text-transform: uppercase; }
.vhf-na__hero { border-radius: 20px; box-shadow: 0 14px 35px rgba(23,34,82,.11); height: clamp(320px, 52vw, 580px); margin: 0 0 42px; overflow: hidden; }
.vhf-na__hero img,
.vhf-na__hero .vhf-na__full-image { display: block; height: 100% !important; object-fit: cover !important; object-position: center top !important; width: 100% !important; }
.vhf-na__content { background: #fff; border: 1px solid #e1e7f0; border-radius: 18px; box-shadow: 0 10px 30px rgba(23,34,82,.07); font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.75; margin: 0 auto; max-width: 880px; padding: 55px 65px; }
.vhf-na__content p, .vhf-na__content li { color: #45516e !important; font-size: 18px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.75 !important; }
.vhf-na__content p { margin: 0 0 1.35em !important; }
.vhf-na__content p:last-child { margin-bottom: 0 !important; }
.vhf-na__content h2, .vhf-na__content h3, .vhf-na__content h4 { color: #172252 !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.25 !important; margin: 1.5em 0 .65em !important; }
.vhf-na__content h2 { font-size: 32px !important; }
.vhf-na__content h3 { font-size: 25px !important; }
.vhf-na__content a { color: #2868c7 !important; font-weight: 600; }
.vhf-na__content img { border-radius: 12px; height: auto; max-width: 100%; }
.vhf-na__related { margin-top: 85px; }
.vhf-na__related > h2 { color: #172252 !important; font-size: 36px !important; font-style: normal !important; font-weight: 700 !important; margin: 0 0 30px !important; }
.vhf-na__grid { display: grid; gap: 26px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vhf-na__card { background: #fff; border: 1px solid #e1e7f0; border-radius: 16px; box-shadow: 0 10px 28px rgba(23,34,82,.08); display: flex; flex-direction: column; overflow: hidden; }
.vhf-na__card-media { background: linear-gradient(135deg,#172252,#2868c7); display: flex; height: 205px; overflow: hidden; text-decoration: none; }
.vhf-na__card-media img { height: 100% !important; object-fit: cover; width: 100% !important; }
.vhf-na__fallback { align-items: center; color: rgba(255,255,255,.55); display: flex; font-size: 42px; font-weight: 800; justify-content: center; letter-spacing: 4px; width: 100%; }
.vhf-na__card-content { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.vhf-na__card-meta { color: #76809a !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; margin: 0 0 13px !important; text-transform: uppercase; }
.vhf-na__card h3 { font-size: 23px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.25 !important; margin: 0 0 23px !important; }
.vhf-na__card h3 a { color: #172252 !important; text-decoration: none; }
.vhf-na__read-more { color: #2868c7 !important; font-size: 14px; font-weight: 700; margin-top: auto; text-decoration: none; text-transform: uppercase; }
.vhf-na__notice { padding: 20px; text-align: center; }

@media (max-width: 850px) {
	.vhf-na__content { padding: 45px 42px; }
	.vhf-na__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
	.vhf-na { padding: 35px 0 70px; }
	.vhf-na__inner { padding: 0 18px; }
	.vhf-na__back { margin-bottom: 32px; }
	.vhf-na__header { margin-bottom: 32px; text-align: left; }
	.vhf-na__header h1 { font-size: 38px !important; }
	.vhf-na__meta { justify-content: flex-start; }
	.vhf-na__hero { border-radius: 14px; height: 62vw; max-height: 430px; margin-bottom: 25px; }
	.vhf-na__content { border-radius: 14px; padding: 32px 24px; }
	.vhf-na__content p, .vhf-na__content li { font-size: 17px !important; }
	.vhf-na__related { margin-top: 62px; }
	.vhf-na__related > h2 { font-size: 30px !important; }
	.vhf-na__grid { grid-template-columns: 1fr; }
	.vhf-na__card-media { height: 230px; }
}