.absent-days-notice mark {
  background-color: #FDF1B4;
}

.absent-days-notice.confirmed {
  border-left: 4px solid #339933;
  padding-left: 1em;
  padding-top: 0.2em;
  margin-top: var(--pico-typography-spacing-vertical);
}

details.absent-days-notice.confirmed > summary:not([role]),
details[open].absent-days-notice.confirmed > summary:focus:not([role]),
details[open].absent-days-notice.confirmed > summary:not(focus),
details.absent-days-notice.past > summary:not([role]),
details[open].absent-days-notice.past > summary:focus:not([role]),
details[open].absent-days-notice.past > summary:not(focus) {
  color: inherit;
}

.absent-days-notice.confirmed mark {
  background-color: inherit;
  color: inherit;
  padding: inherit;
}

.absent-days-notice .start-date {
  display: none;
}

.absent-days-notice.past .start-date {
  display: inline;
  font-family: monospace;
  margin-right: 0.25em;
}

.absent-days-notice.past .parents {
  display: none;
}