.cal-wrap{background:var(--white);border-radius:var(--r2);border:1px solid var(--border);box-shadow:var(--sh);padding:16px;margin-bottom:12px}
.cal-title{text-align:center;font-size:19px;font-weight:800;letter-spacing:.4px;color:#7a1330;text-transform:uppercase;margin-bottom:12px}
.cal-nav{display:flex;align-items:stretch;justify-content:center;width:fit-content;margin:0 auto 16px;background:#cc2255;border-radius:99px;overflow:hidden;box-shadow:var(--sh)}
.cal-nav button{background:none;border:none;color:white;font-weight:700;font-size:13px;padding:8px 20px;cursor:pointer;font-family:var(--font)}
.cal-nav button:hover{background:rgba(255,255,255,.16)}
.cal-nav button:nth-child(2){border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3)}
.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;overflow:hidden}
.cal-weekdays div{padding:8px 2px;text-align:center;font-size:10.5px;font-weight:800;color:#a3143f;text-transform:uppercase;letter-spacing:.3px;background:var(--white)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-radius:0 0 8px 8px;overflow:hidden}
.cal-cell{border-right:1px solid var(--border);border-top:1px solid var(--border);min-height:64px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:background .12s;background:var(--white)}
.cal-cell:hover{background:var(--bg)}
.cal-cell:nth-child(7n){border-right:none}
.cal-daynum{font-size:12px;font-weight:700;color:var(--ink2);align-self:center}
.cal-cell.cal-weekend{background:#fdf3a6}
.cal-cell.cal-weekend:hover{background:#fbea7a}
.cal-cell.cal-outside{background:var(--white);cursor:default}
.cal-cell.cal-outside .cal-daynum{color:var(--ink4)}
.cal-cell.cal-today{background:#fbe3c8}
.cal-cell.cal-today .cal-daynum{color:#b5541a}
.cal-cell.cal-selected{outline:2px solid var(--p);outline-offset:-2px}
.cal-badge{width:100%;border-radius:5px;padding:3px 4px;font-size:9px;font-weight:700;line-height:1.25;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-more{font-size:8.5px;font-weight:700;color:var(--ink3);text-align:center}
.cal-detail{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.cal-detail-title{font-size:11px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
@media (max-width:520px){
  .cal-cell{min-height:52px}
  .cal-badge{font-size:8px}
}