/* A raised glazed tile makes the calendar invitation easy to find. */
.calendar-disclosure>summary{position:relative;isolation:isolate;overflow:hidden;min-height:116px;padding:28px 32px;gap:24px;border:1px solid #bacdc8;border-radius:24px 8px 24px 8px;background:linear-gradient(115deg,#f3f7f3 0%,#e3eeea 55%,#c6dcd5 100%);box-shadow:inset 0 2px 0 #ffffffd9,inset 0 -3px 0 #9bb7ad30,0 10px 24px #234c4012;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.calendar-disclosure>summary::before{content:"";position:absolute;inset:0 0 0 48%;z-index:-1;background:url('mosaic-relief.webp') right center/auto 220% no-repeat;opacity:.19;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.calendar-disclosure>summary h2{margin:0;font-size:clamp(25px,3vw,36px);line-height:1.2;color:#244e43;letter-spacing:-.035em;text-wrap:balance}
.calendar-disclosure>summary .calendar-disclosure-action{min-height:48px;padding:10px 14px 10px 20px;border:1px solid #315d50;border-radius:28px;background:#315d50;color:#fffdf5;box-shadow:inset 0 1px 0 #ffffff29;gap:14px;font-size:15px;font-weight:500}
.calendar-disclosure>summary .calendar-disclosure-icon{width:30px;height:30px;border-color:#ffffff60;font-size:23px}
.calendar-disclosure>summary:hover{transform:translateY(-2px);border-color:#7d9f92;box-shadow:inset 0 2px 0 #fff,0 14px 28px #234c401c}
.calendar-disclosure>summary:focus-visible{outline:3px solid #9d793c;outline-offset:5px}
.calendar-disclosure[open]>summary{margin-bottom:20px}
@media(max-width:600px){.calendar-disclosure>summary{padding:24px 20px;gap:18px;align-items:flex-start;flex-direction:column;min-height:0;border-radius:20px 8px 20px 8px}.calendar-disclosure>summary h2{font-size:26px;max-width:100%}.calendar-disclosure>summary .calendar-disclosure-action{font-size:14px;min-height:46px;padding:8px 12px 8px 18px}.calendar-disclosure>summary::before{left:20%;opacity:.15}}
@media(prefers-reduced-motion:reduce){.calendar-disclosure>summary{transition:none}.calendar-disclosure>summary:hover{transform:none}}