[data-haitai-practices]:not([data-carousel-ready]) .showDiv ~ .showDiv,
[data-haitai-practices] .showDiv[hidden],
[data-haitai-years] .hd button[hidden] {
    display: none;
}

[data-haitai-practices][data-carousel-ready] .showDiv:not([hidden]) {
    animation: haitai-practice-fade 600ms ease;
}

@keyframes haitai-practice-fade {
    from { opacity: 0.35; }
    to { opacity: 1; }
}

[data-haitai-years] .hd button {
    padding: 0;
    border: 0;
}

[data-haitai-years] .hd button:focus-visible {
    outline: 2px solid #283e7b;
    outline-offset: -4px;
}

@media (min-width: 1025px) {
    [data-haitai-years] .honor-nav .bd {
        overflow-x: auto;
        scrollbar-width: none;
    }

    [data-haitai-years] .honor-nav .bd::-webkit-scrollbar {
        display: none;
    }

    [data-haitai-years] .honor-nav .bd > ul {
        display: flex;
        width: max-content;
    }

    [data-haitai-years] .honor-nav .bd > ul > li {
        flex: 0 0 auto;
    }
}

@media (max-width: 1024px) {
    [data-haitai-years] .honor-nav .bd > ul > li:last-child {
        display: block;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-haitai-practices][data-carousel-ready] .showDiv:not([hidden]) {
        animation: none;
    }
}