#custom-calendar{width:900px;max-width:100%;margin:0 auto;text-align:center;font-family:Arial,sans-serif;overflow:auto}#calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}#calendar-nav button{background-color:var(--main-color);color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease;border-radius:0}#calendar-nav button:hover{background-color:#525252}#calendar-dates{display:grid;grid-template-rows:auto 1fr;gap:5px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.calendar-day{font-weight:700;border-bottom:1px solid #ddd;padding:10px 0}#calendar-tiles{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-tile{border:1px solid #ddd;padding:10px;min-height:100px;position:relative}.calendar-tile.empty{background:#f9f9f9}.calendar-tile.today{background:#e3f2fd}.event{background:var(--main-color);color:#fff;margin-top:5px;border-radius:0;text-align:left;transition:.3s}.event:hover{background-color:#525252}.event a{display:block;font-size:.85rem;line-height:130%;padding:5px 10px}.debug{background:#fdd;color:#d00;padding:2px;font-size:12px}@media (max-width:600px){#calendar-dates{gap:2px}.calendar-days{gap:2px;margin-bottom:5px}#calendar-tiles{gap:2px}.calendar-tile{padding:5px;min-height:60px}.calendar-day,.calendar-tile{font-size:12px}#calendar-nav button{padding:8px 16px;font-size:14px}}