/* Distinct shapes and explicit labels supplement the family calendar palette. */
.calendar-event-legend{display:flex;flex-wrap:wrap;gap:15px 28px;list-style:none;margin:26px 0 0;padding:0;color:var(--gold);font-size:22px;line-height:1.45}
.calendar-event-legend li{display:flex;align-items:center;gap:11px}
.legend-marker{display:inline-block;flex:none;width:25px;height:25px;border:1px solid var(--gold)}
.legend-marker--planned-trip{border-radius:50%;background:var(--gold);border-bottom:4px double #3f2010}
.legend-marker--birthday{border-radius:6px;background:#671d2c}
.legend-marker--anniversary{border-radius:0;background:transparent;border-width:2px}
.legend-marker--wedding{border-radius:6px;background:#671d2c;border:4px double var(--gold)}
.calendar-key-note{margin-top:12px;color:#d6c9b4;font-size:20px;line-height:1.6}
.mini-calendar .family-day time{position:relative;border:1px solid var(--gold);border-radius:6px;background:#671d2c;color:var(--ivory);font-weight:600;text-decoration:none}
.mini-calendar .anniversary-day time{border-width:2px;border-radius:0;background:#25150d;color:var(--gold)}
.mini-calendar .wedding-day time{border:4px double var(--gold);border-radius:6px;background:#671d2c;color:var(--ivory)}
.mini-calendar .mixed-day time:after{content:'';position:absolute;right:-2px;bottom:-3px;width:10px;height:10px;border:1px solid #1b1006;border-radius:50%;background:var(--gold)}
.event-category{display:inline-block;margin-bottom:8px;padding:2px 10px;border:1px solid var(--line);border-radius:20px;color:var(--gold);font-size:18px;font-weight:500;line-height:1.5}
.event-category--birthday{border-radius:5px;border-color:#bb8057;background:#4a1421;color:var(--ivory)}
.event-category--anniversary{border-radius:0;border-color:var(--gold);background:transparent}
.event-category--wedding{border:3px double var(--gold);border-radius:5px;background:#4a1421;color:var(--ivory);padding:0 9px}
@media(max-width:760px){.calendar-event-legend{gap:14px 23px;font-size:22px;margin-top:24px}.calendar-key-note{font-size:20px}.event-category{font-size:20px}}
@media(forced-colors:active){.mini-calendar .family-day time,.legend-marker{border-color:CanvasText}.mini-calendar .mixed-day time:after{background:CanvasText;border-color:Canvas}.event-category{border-color:CanvasText}}

.calendar-year-count{color:var(--gold);font-size:26px;line-height:1.5}
.calendar-year-section+.calendar-year-section{margin-top:64px;border-top:1px solid var(--line);padding-top:48px}
@media(max-width:760px){.calendar-year-count{font-size:24px}.calendar-year-section+.calendar-year-section{margin-top:45px;padding-top:35px}}