/* Schedule reference: cells follow each selected vial's supplied cadence. */
.dose-schedule--daily .dose-schedule__label {
  flex-wrap: wrap;
  gap: 6px 16px;
}

.dose-daily-week {
  display: grid;
  grid-template-columns: repeat(var(--schedule-columns, 7), minmax(0, 1fr));
  gap: clamp(4px, .6vw, 8px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.dose-daily-week li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 14px 2px 12px;
  border: 1px solid rgba(93, 162, 255, .27);
  border-radius: 12px;
  background: linear-gradient(160deg, rgba(53, 120, 246, .23), rgba(120, 154, 181, .07));
  color: #f5f5f7;
}

.dose-daily-week li > span {
  color: #b7cfe9;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
}

.dose-daily-week strong {
  font-size: clamp(19px, 2vw, 26px);
  font-weight: 600;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.dose-daily-week small {
  color: #c5ccd4;
  font-size: 10px;
  line-height: 1.4;
}

.dose-daily-week li.is-off {
  border-color: rgba(170, 180, 195, .2);
  background: rgba(155, 164, 180, .07);
}

.dose-daily-week li.is-off strong { color: #9ca7b5; }

.dose-daily-week li { text-align: center; }

.dose-information [data-dose-weekly] { overflow-wrap: anywhere; }

.dose-information .dose-quick-facts {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}

.dose-information .dose-quick-facts strong { overflow-wrap: anywhere; }

.dose-schedule--daily .dose-daily-caption {
  margin: 16px 0 0;
  color: #a1a1a6;
  font-size: 12px;
  line-height: 1.6;
}

@media (max-width: 380px) {
  .dose-daily-week li { border-radius: 8px; }
  .dose-daily-week li > span { font-size: 10px; }
  .dose-daily-week small { font-size: 9px; }
}