/* Add to calendar actions inside the event details panel (assets/add-to-calendar.js). */
.ws-cal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.ws-cal-actions[hidden]{display:none}
.ws-cal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#f6f4f0;font:700 14px/1 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.ws-cal-btn:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}
.ws-cal-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ws-cal-primary{background:#f20d24;border-color:#f20d24;color:#fff}
.ws-cal-primary:hover{background:#b8091b;border-color:#b8091b}
.ws-cal-note{flex-basis:100%;margin:0;min-height:1em;font-size:13px;line-height:1.4;color:#a7a7b0}
.ws-cal-note:empty{display:none}
@media (max-width:480px){.ws-cal-btn{flex:1 1 100%}.ev-tools .ws-cal-btn{flex:0 1 auto}}
/* Event pages (/e/, assets/event-page.js): the row sits under the main actions and keeps their natural widths. */
@media (prefers-reduced-motion:reduce){.ws-cal-btn{transition:none}}