/* Vertex readability and banner control correction — 2026-10-30 */
/* Preserve the original brand palette; ensure card text is always legible. */
.section.approach .principles .principle { background: #fff !important; color: #142e4b !important; }
.section.approach .principles .principle h3 { color: #102d4c !important; opacity: 1 !important; }
.section.approach .principles .principle p { color: #304b65 !important; opacity: 1 !important; -webkit-text-fill-color: #304b65 !important; }
.section.approach .principles .principle b { color: #126cb2 !important; opacity: 1 !important; }
.section.approach .section-intro { color: #e6eff8 !important; }
.vertex-hero-slider .vertex-slider-controls { position: absolute !important; bottom: 18px !important; left: 50% !important; right: auto !important; top: auto !important; transform: translateX(-50%) !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 14px !important; z-index: 15 !important; width: max-content !important; }
.vertex-hero-slider .vertex-slider-controls button { display: inline-grid !important; place-items: center !important; min-width: 44px !important; min-height: 44px !important; border-radius: 50% !important; cursor: pointer !important; }
.vertex-hero-slider .vertex-slide img { object-fit: contain !important; }
@media (max-width: 700px) { .vertex-hero-slider .vertex-slider-controls { bottom: 12px !important; } .section.approach .principles .principle { padding: 22px !important; } }