.kmm-wrapper{max-width:1200px;margin:auto;padding:20px;font-family:Inter,system-ui;}
.kmm-filter{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;}
.kmm-filter select,.kmm-filter button{
padding:10px 14px;border-radius:12px;border:1px solid #ddd;font-size:14px;
}
.kmm-filter button{background:#111;color:#fff;cursor:pointer}

.kmm-card{
background:#ffffff;
border-radius:20px;
padding:25px;
margin-bottom:40px;
box-shadow:0 20px 45px rgba(0,0,0,0.07);
border-top:6px solid var(--accent);
transition:0.3s;
}
.kmm-card:hover{transform:translateY(-4px)}

.kmm-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.kmm-head h2{margin:0;font-size:20px}
.kmm-head span{background:var(--accent);color:#fff;padding:6px 14px;border-radius:30px;font-size:13px}

.kmm-meta{font-size:13px;color:#777;margin:10px 0}
.kmm-info p{margin:6px 0;font-size:14px}

.kmm-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
gap:14px;
margin-top:20px;
}

.kmm-day{
background:#f9f9f9;
border-radius:16px;
padding:12px;
text-align:center;
transition:0.2s;
}

.kmm-day:hover{
background:var(--accent);
color:#fff;
}

.kmm-day.today{
background:#ffe066;
border:2px solid #ffb703;
font-weight:bold;
}

.kmm-date{font-weight:600;font-size:14px}
.kmm-weton{font-size:12px;color:#555}

.kmm-footer{text-align:center;margin-top:40px;font-size:13px;color:#888}
.kmm-footer a{color:#111;text-decoration:none;font-weight:600}

@media(max-width:600px){
.kmm-grid{grid-template-columns:repeat(2,1fr)}
.kmm-head h2{font-size:16px}
}