.calendar{margin-top:20px;border:1px solid #ccc;border-radius:5px;overflow:hidden;width:min-content}.calendar-header{background-color:#f4f4f4;padding:10px;text-align:center;font-weight:700}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:#ccc}.calendar-grid div{background-color:#fff;padding:10px;text-align:center}.calendar-grid .day-name{background-color:#f4f4f4;font-weight:700}.calendar-grid .empty{background-color:transparent}