/* Makoto — shared view-toggle chrome for the les rooster and kalender shortcodes. */
.makoto-views__toggle {
    display: inline-flex; gap: 0; margin: 0 0 1.5rem; width: fit-content; max-width: 100%;
    border: 2px solid var(--mk-orange, #e97c1f); border-radius: 999px; overflow: hidden;
}
.makoto-views__btn {
    appearance: none; border: 0; cursor: pointer; background: transparent;
    font: inherit; font-weight: 700; padding: .5rem 1.25rem; color: var(--mk-orange, #e97c1f);
    text-transform: uppercase; letter-spacing: .04em; font-size: .85rem; line-height: 1;
}
.makoto-views__btn.is-active { background: var(--mk-orange, #e97c1f); color: #fff; }
.makoto-views__btn:not(.is-active):hover { background: rgba(233, 124, 31, .12); }

.makoto-views__panel { display: none; }
.makoto-views__panel.is-active { display: block; }