#minical { background: var(--plane); border: 1px solid var(--hairline);
  border-radius: 12px; padding: 12px 14px; box-shadow: var(--shadow-pad); }
.mc-head { display: flex; justify-content: space-between; align-items: center;
  font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 8px;
  letter-spacing: -.01em; }
.mc-nav { border: none; background: none; color: var(--ink-faint); padding: 0 6px;
  font-size: 16px; border-radius: 6px; }
.mc-nav:hover { background: none; color: var(--accent); }
.mc-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center; }
.mc-dow { font-size: 10px; font-weight: 600; color: var(--ink-faint); padding: 2px 0;
  text-transform: uppercase; letter-spacing: .04em; }
.mc-day { position: relative; font-size: 11.5px; border: none; background: none;
  padding: 5px 0; border-radius: 7px; color: var(--ink-soft);
  font-variant-numeric: tabular-nums; transition: background-color .12s ease; }
.mc-day:hover { background: #eef2f7; }
.mc-day.other-month { color: var(--ink-faint); opacity: .55; }
.mc-day.in-week { background: var(--today-tint); color: var(--accent); font-weight: 600; }
.mc-day.is-today { background: var(--accent); color: #fff; font-weight: 700; }
.mc-day.has-event::after { content: ''; position: absolute; bottom: 3px; left: 50%;
  transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%;
  background: var(--accent); }
.mc-day.is-today.has-event::after { background: #fff; }
@media (max-width: 720px) { .mc-day { padding: 11px 0; min-height: 44px; } }