/* Dedicated careers layout; all rules are scoped away from Oqtane administration. */
.dmvh-careers { --dmvh-max: 1680px; padding-top: 160px; }
.dmvh-hero + .dmvh-careers { padding-top: 0; }
.dmvh-careers-section { padding-top: 3rem; padding-bottom: 3rem; }
.dmvh-careers-tint { background: var(--dmvh-pale, #edf6fb); }
/* The careers overview ends on pale blue; continue this tint behind the CTA and footer curves. */
.dmvh-theme:has(.dmvh-careers > .dmvh-careers-tint:last-child) { --dmvh-cta-backdrop-default: var(--dmvh-pale, #edf6fb); }
.dmvh-theme:has(.dmvh-careers > .dmvh-careers-tint:last-child) .dmvh-cta-pane { background: var(--dmvh-cta-backdrop, var(--dmvh-cta-backdrop-default, var(--dmvh-pale, #edf6fb))); }
.dmvh-theme:has(.dmvh-careers > .dmvh-careers-tint:last-child):not(:has([data-dmvh-anchor="cta"])) { --dmvh-footer-backdrop-default: var(--dmvh-pale, #edf6fb); }
.dmvh-careers-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 3rem; }
.dmvh-careers-hero h1 { font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1.08; }
.dmvh-careers-hero img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 0 4rem 0 4rem; }
.dmvh-careers-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; }
.dmvh-careers a:focus-visible { outline: 3px solid #2585bd; outline-offset: 4px; }
#vacatures { scroll-margin-top: 160px; }
@media (max-width: 991px) {
    .dmvh-careers-hero { gap: 1.5rem; }
}
@media (max-width: 640px) {
    .dmvh-careers { padding-top: 115px; }
    .dmvh-careers-hero, .dmvh-careers-values { grid-template-columns: 1fr; }
    .dmvh-careers-section { padding-top: 2rem; padding-bottom: 2rem; }
}
