h3 {margin-bottom: 0.4rem;}
main>div {
    columns: 350px 3;
}

ul {
    list-style: '★ ' inside;
}
section {
    break-inside: avoid;
    padding: 1rem;

}

img {
    width: 100%;
}
iframe {
  width: 100%;
      height: auto;
    aspect-ratio: 85 / 64;
}
audio {
  width: 100%;
  accent-color: var(--matching-color);
  background-color: var(--light-pink); /* fallback background */
  margin-top: 0.2rem;
}

audio:not(:last-of-type) {
  margin-bottom: 1rem;
}

/* Target play button in Safari & Chrome */
audio::-webkit-media-controls-play-button {
  background-color: var(--light-pink) !important;
  border-radius: 0; /* Safari respects this */
}

/* Target the control panel background */
audio::-webkit-media-controls-panel {
  background-color: var(--light-pink) !important;
}

/* Timeline bar background */
audio::-webkit-media-controls-timeline {
  background-color: var(--light-pink) !important;
}

/* Timeline thumb in Safari */
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
  color: var(--matching-color) !important;
}

/* Progress bar fill (Safari only) */
audio::-webkit-media-controls-progress-bar {
  background-color: var(--matching-color) !important;
}

::-webkit-scrollbar {
  width: 0;
}