.duty-calendar { max-width: 620px; margin: 16px auto; }
.duty-month-navigation { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.duty-month-navigation .button { min-width: 48px; }
#duty-staff-number { overflow-wrap: anywhere; }
.duty-calendar h3 { text-align: center; }
.duty-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
.duty-weekday { text-align: center; background: var(--primary-soft); padding: 6px 0; font-weight: 700; }
.duty-day, .duty-day-blank { min-width: 0; min-height: 90px; border: 0; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.duty-day-blank { background: #f7f9fa; }
.duty-day { display: flex; flex-direction: column; align-items: center; padding: 5px 2px; background: #fff; color: var(--ink); cursor: pointer; }
.duty-day:nth-child(7n), .duty-day-blank:nth-child(7n) { border-right: 0; }
.duty-calendar .sun { color: var(--sun); }
.duty-calendar .sat { color: var(--sat); }
.duty-day-number { font-size: .9rem; font-weight: 700; }
.duty-holiday-name { font-size: .65rem; line-height: 1.3; overflow-wrap: anywhere; width: 100%; text-align: center; }
.duty-day-symbol { color: var(--ink); font-size: 1.1rem; font-weight: 800; margin-top: auto; }
.duty-day.duty-today { box-shadow: inset 0 0 0 3px var(--primary); }
.duty-day[aria-pressed="true"] { background: #e5f4f5; }
.duty-day:focus-visible { outline: 3px solid #b76e18; outline-offset: -4px; }
.duty-calendar-detail { margin-top: 12px; padding: 12px; background: var(--primary-soft); border-radius: 8px; min-height: 54px; }
.duty-legend summary { cursor: pointer; padding: 12px 0; font-weight: 700; }
.duty-legend ul { margin-top: 0; }
.duty-notice { font-size: .85rem; }
#duty-preview-panel { margin: 20px 0; padding: 12px; border: 1px solid var(--border); border-radius: 12px; }
#duty-preview-panel p { overflow-wrap: anywhere; }
@media (max-width: 480px) {
  #duty-preview-panel { padding: 8px; }
  .duty-day, .duty-day-blank { min-height: 78px; }
  .duty-day-symbol { font-size: 1rem; }
  .duty-holiday-name { font-size: .6rem; }
}