.calendar-choice { width: min(440px, calc(100% - 32px)); max-height: calc(100dvh - 40px); overflow: auto; padding: 28px; border: 1px solid #b58b57; border-radius: 16px; color: #381c12; background: #fff8eb; box-shadow: 0 24px 80px #0004; }
.calendar-choice::backdrop { background: #21170e80; }
.calendar-choice h2 { font: 30px/1.15 Editorial, Georgia, serif; margin: 0 0 16px; color: #381c12; }
.calendar-choice p { font: 15px/1.6 Studio, Arial, sans-serif; margin: 0 0 16px; color: #664a38; }
.calendar-choice a { display: flex; align-items: center; min-height: 48px; padding: 12px 14px; margin: 10px 0; border: 1px solid #b58b57; border-radius: 6px; color: #381c12; font: 14px/1.5 Studio, Arial, sans-serif; }
.calendar-choice a:hover { background: #efddc1; }
.calendar-choice .calendar-help { font-size: 12px; margin-top: 18px; }
.calendar-choice button { padding: 10px 20px; min-height: 44px; background: #381c12; color: #fff8eb; border: 0; border-radius: 6px; }
.calendar-choice :focus-visible { outline: 2px solid #93502f; outline-offset: 3px; }
.event-buttons, .custom-event-actions { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 12px !important; }
.event-buttons > *, .custom-event-actions > * { flex: 0 1 auto; white-space: nowrap; min-width: 0; font-size: clamp(10px, 3.2vw, 14px) !important; letter-spacing: 0 !important; }