/* All additions stay within the existing column section. */
#column .clumn__nav { flex-wrap: wrap; column-gap: 16px; row-gap: 12px; }
#column .clumn__autoplay-toggle {
    min-height: 44px;
    padding: 8px 18px;
    border: 1px solid #269774;
    border-radius: 999px;
    background: #fff;
    color: #187b5d;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    touch-action: manipulation;
}
#column .clumn__autoplay-toggle:hover:not(:disabled) { background: #ecf7f2; }
#column .clumn__autoplay-toggle:disabled { color: #46564f; border-color: #91979d; cursor: default; }
#column .swiper-pagination { display: flex; align-items: center; gap: 2px; }
#column .swiper-pagination-bullet {
    display: grid;
    place-items: center;
    width: 32px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    opacity: 1;
}
#column .swiper-pagination-bullet > span { width: 8px; height: 8px; border-radius: 50%; background: #dfe8e8; }
#column .swiper-pagination-bullet-active > span { background: #269774; }
#column button:focus-visible, #column .clumn__card > a:focus-visible {
    outline: 2px solid #263443;
    outline-offset: 2px;
}
#column .clumn__autoplay-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 639px) {
    #column .clumn__nav { column-gap: 8px; }
    #column .clumn__autoplay-toggle { flex-basis: 100%; max-width: 300px; }
}
@media (prefers-reduced-motion: reduce) {
    #column .swiper-wrapper { transition-duration: 0ms !important; }
}