.mfb-vf-modern .mfb-vf-guides { position: relative; left: 50%; width: 100vw; margin-left: -50vw; padding: 80px 0; background: #f1f4f2; }
.mfb-vf-modern .mfb-vf-guides__head { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 30px; }
.mfb-vf-modern .mfb-vf-guides__head h2 { max-width: 740px; margin: 0; font-size: clamp(30px,3.5vw,46px); line-height: 1.1; letter-spacing: -.045em; color: #172a22; }
.mfb-vf-modern .mfb-vf-guides__head p:not(.mfb-content__eyebrow) { margin: 18px 0 0; color: #5e6d65; font-size: 15px; line-height: 1.6; }
.mfb-vf-modern .mfb-vf-guides__controls { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.mfb-vf-modern .mfb-vf-guides__controls[hidden] { display: none; }
.mfb-vf-modern .mfb-vf-guides__controls button { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #19392d; cursor: pointer; }
.mfb-vf-modern .mfb-vf-guides__controls button[aria-disabled="true"] { opacity: .35; cursor: default; }
.mfb-vf-modern .mfb-vf-guides__controls button:not([aria-disabled="true"]):hover { background: #19392d; color: #fff; }
.mfb-vf-modern .mfb-vf-guides__controls svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.mfb-vf-modern .mfb-vf-guides__controls span { font-size: 12px; color: #5e6d65; min-width: 60px; text-align: center; font-variant-numeric: tabular-nums; }
.mfb-vf-modern .mfb-vf-guides__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 40px) / 3); gap: 20px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #b7c9be transparent; padding: 4px 0 16px; }
.mfb-vf-modern .mfb-vf-guide { display: flex; flex-direction: column; min-width: 0; scroll-snap-align: start; background: #fff; border-radius: 22px; overflow: hidden; color: #172a22; text-decoration: none; }
.mfb-vf-modern .mfb-vf-guide img { display: block; width: 100%; aspect-ratio: 16 / 10; height: auto; object-fit: cover; }
.mfb-vf-modern .mfb-vf-guide__copy { display: flex; flex-direction: column; flex: 1; padding: 25px; }
.mfb-vf-modern .mfb-vf-guide__tag { color: #b72c13; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.mfb-vf-modern .mfb-vf-guide h3 { margin: 12px 0; color: #172a22; font-size: 23px; line-height: 1.2; letter-spacing: -.025em; }
.mfb-vf-modern .mfb-vf-guide p { margin: 0 0 24px; color: #5e6d65; font-size: 14px; line-height: 1.65; }
.mfb-vf-modern .mfb-vf-guide__link { display: flex; justify-content: space-between; align-items: center; margin-top: auto; font-size: 13px; font-weight: 650; color: #19392d; }
.mfb-vf-modern .mfb-vf-guide:hover .mfb-vf-guide__link { color: #bc2d14; }
.mfb-vf-modern .mfb-vf-guide:focus-visible, .mfb-vf-modern .mfb-vf-guides button:focus-visible, .mfb-vf-modern .mfb-vf-guides__track:focus-visible { outline: 2px solid #19392d; outline-offset: -3px; }
@media(max-width:1023px) {
 .mfb-vf-modern .mfb-vf-guides__track { grid-auto-columns: calc((100% - 20px) / 2); }
 .mfb-vf-modern .mfb-vf-guides__head { align-items: start; flex-direction: column; gap: 22px; }
}
@media(max-width:600px) {
 .mfb-vf-modern .mfb-vf-guides { padding: 52px 0; }
 .mfb-vf-modern .mfb-vf-guides__track { grid-auto-columns: 88%; gap: 16px; }
 .mfb-vf-modern .mfb-vf-guide__copy { padding: 22px; }
 .mfb-vf-modern .mfb-vf-guide h3 { font-size: 22px; }
}
