.mtec-wrap { max-width: 720px; margin: 0 auto; padding: 70px 0; }
.mtec-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.mtec-title { font-weight:700; }
.mtec-nav { padding:8px 12px; border:1px solid #ddd; background:#fff; cursor:pointer; }

.mtec-grid { border:1px solid #eee; }
.mtec-row { display:grid; grid-template-columns:repeat(7, 1fr); }
.mtec-cell { border:1px solid #eee; min-height:52px; display:flex; align-items:center; justify-content:center; }
.mtec-head { font-weight:600; background:#fafafa; min-height:40px; }
.mtec-empty { background:#fff; }

.mtec-day { width:100%; background:#fff; cursor:pointer; }
.mtec-day.has-event { background:#ffd36a; font-weight:700; }

.mtec-num { display:inline-block; }

.mtec-list { margin-top:16px; padding:12px; border:1px solid #eee; }
.mtec-list-title { font-weight:700; margin-bottom:16px; }
.mtec-ul { margin:0; padding-left:18px; }
.mtec-ul li { margin:6px 0; }