/* Shared carousel controls; position, visibility and slide logic stay local. */
button.carousel-nav-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    min-height: 44px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #0066cc !important;
    box-shadow: 0 4px 14px #1764ac24 !important;
    opacity: 1;
    cursor: pointer;
    transition: background-color .18s ease, box-shadow .18s ease;
}
button.carousel-nav-button > svg { display: block; width: 23px !important; height: 23px !important; margin: 0 !important; color: inherit; }
button.carousel-nav-button[hidden] { display: none !important; }
button.carousel-nav-button:disabled { opacity: .4; cursor: default; }
button.carousel-nav-button:focus-visible { outline: none !important; background: #eaf2fb !important; box-shadow: 0 4px 14px #1764ac35 !important; }
@media(hover:hover) and(pointer:fine) {
 button.carousel-nav-button:hover:not(:disabled) { background: #f4f8fd !important; box-shadow: 0 5px 18px #1764ac35 !important; }
}
@media(prefers-reduced-motion:reduce) { button.carousel-nav-button { transition: none; } }