:root{--font-family:'Segoe UI', sans-serif;--background-color:#ffffff;--text-color:red;--accent-color:red;--event-bg:#49000087;--event-border:red;--location-color:#ffffff;--sticky-bg:#49000087}.events-calendar{max-width:800px;margin:auto}h2.month-title{position:sticky;top:0;background:var(--sticky-bg);padding:8px 0;font-weight:600;font-size:2em;text-align:center;border-top:1px solid var(--event-border);border-bottom:1px solid var(--event-border);margin-bottom:10px;margin-top:30px}.event{display:flex;flex-direction:row;align-items:center;background:var(--event-bg);border-left:4px solid var(--accent-color);border-radius:15px;padding:20px;margin-top:10px;gap:10px}.event-date{width:60px;min-width:60px;height:60px;background:var(--accent-color);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;border-radius:6px;flex-shrink:0}.event-date .day{font-size:1.3em}.event-date .month{font-size:.75em;text-transform:uppercase}.event-details{flex:1;min-width:0;margin-left:30px;margin-bottom:5px!important}.event-title{font-weight:700;font-size:1.4em;margin-bottom:3px;word-wrap:break-word}.event-location{font-size:.9em;color:var(--location-color);display:flex;align-items:center;flex-wrap:wrap}@media (max-width:400px){.event-title{font-size:.95em}.event-location{font-size:.85em}.event-date{width:50px;min-width:50px;height:50px}}