/* S4: 月間記録。記録の有無は色に加えて記号でも示す。 */
.record-calendar { margin-top:16px; padding:14px; }
.record-calendar__title { margin:0; font-size:14px; }
.record-calendar__nav { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:8px 0; }
.record-calendar__nav button { min-height:44px; padding:8px 12px; }
.record-calendar__table { width:100%; table-layout:fixed; border-spacing:3px; text-align:center; }
.record-calendar__table th { font-size:12px; color:var(--muted); font-weight:400; }
.record-calendar__table td { padding:0; }
.record-calendar__day { display:block; padding:3px 0; border:1px solid var(--line); border-radius:6px; font-size:13px; }
.record-calendar__day small { display:block; line-height:1; font-size:11px; }
.record-calendar__day.is-done { background:#2f6a2c; border-color:#2f6a2c; color:#fff; font-weight:700; }
.record-calendar__day.is-future { border-style:dashed; color:var(--muted); }
.record-calendar__day[aria-current="date"] { outline:2px solid var(--text); outline-offset:1px; }
.record-calendar__legend { font-size:11px; color:var(--muted); margin:10px 0 0; }