wa-button.saga-wa{font-family:var(--sans);font-size:14px;vertical-align:middle;}
wa-button.saga-wa::part(button){min-height:48px;border-radius:8px;padding:0 22px;font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.01em;box-shadow:none;transition:background .2s,transform .2s;}
wa-button.saga-wa.primary::part(button){background:var(--gold);border:1px solid var(--gold);color:#08090a;}
wa-button.saga-wa.secondary::part(button){background:transparent;border:1px solid #555b60;color:var(--cream);}
wa-button.saga-wa:hover::part(button){transform:translateY(-2px);}
wa-button.saga-wa.secondary:hover::part(button){border-color:var(--gold);color:var(--gold);}
.callout wa-button{margin-top:22px;}
.saga-carousel{display:block;--aspect-ratio:auto;--slide-gap:22px;--wa-color-text-normal:var(--cream);--wa-color-surface-default:var(--panel);--wa-color-brand-fill-loud:var(--gold);}
.saga-carousel wa-carousel-item{height:auto;align-items:flex-start;justify-content:flex-start;border-radius:0;}
.saga-carousel .discog-card{width:100%;padding:4px;}
.saga-carousel .discog-cover{width:100%;height:auto;aspect-ratio:1;border-radius:6px;}
.saga-carousel::part(pagination-item){background:var(--gold-low);}
.saga-carousel::part(pagination-item-active){background:var(--gold);}
.saga-carousel::part(navigation-button){background:var(--panel);color:var(--gold);border:1px solid var(--line);border-radius:50%;}
@media(prefers-reduced-motion:reduce){wa-button.saga-wa::part(button){transition:none;}wa-button.saga-wa:hover::part(button){transform:none;}}