.watlum-accordion { width: 100%; display: block; }
.watlum-accordion .wa-item { border: 1px solid rgba(2,6,23,0.08); border-radius: 10px; background: #fff; margin-bottom: 10px; overflow: hidden; }
.watlum-accordion .wa-trigger { width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; background: #fff; border: none; cursor: pointer; font-weight: 600; color: #0f172a; font-family: var(--primary-font, inherit); }
.watlum-accordion .wa-trigger:hover { background: color-mix(in oklab, var(--primary-color, #0ea5e9) 8%, white); }
.watlum-accordion .wa-icon { transition: transform .2s ease; }
.watlum-accordion .wa-item.is-open .wa-icon { transform: rotate(45deg); }
.watlum-accordion .wa-panel { padding: 0 16px 14px; overflow: hidden; height: auto; }
/* Animated height: we will set inline height via JS */
.watlum-accordion .wa-panel { transition: height var(--motion-duration, .25s) var(--motion-ease, cubic-bezier(.2,.6,.2,1)), padding var(--motion-duration, .25s) var(--motion-ease, cubic-bezier(.2,.6,.2,1)); }
/* When hidden attribute is present, collapse padding for a cleaner animation */
.watlum-accordion .wa-panel[hidden] { display: block !important; height: 0 !important; padding-top: 0; padding-bottom: 0; }
/* hidden attribute respected by JS to collapse */