/* Ordinary entries: one shared edge for media, title, details, and rich notes. */
.record-page--entry {
  box-sizing: border-box;
  width: 100%;
  max-width: 1164px;
  min-width: 0;
  padding-inline: clamp(1rem, 3vw, 2rem);
}
.record-page--entry > * { width: 100%; min-width: 0; max-width: 100%; }
.record-page--entry .record-content {
  display: block;
  container: entry-media / inline-size;
}
.record-page--entry .media-frame,
.record-page--entry .media-frame-gallery-mode {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  overflow: hidden;
}
.record-page--entry .media-frame.audio-mode { display: block; height: auto; }
.record-page--entry .wavesurfer-waveform {
  display: block;
  width: 100%;
  max-width: none;
  height: 200px;
}
.record-page--entry #waveform {
  bottom: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}
.record-page--entry .region-hints { padding: 0.55rem 0.75rem; }
.record-page--entry .tips-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.2rem 0.35rem;
  margin: 0;
}
.record-page--entry .tips-row li { margin: 0; font-size: 0.75rem; }
.record-page--entry .media-frame.video-mode { height: auto; aspect-ratio: 16 / 9; }
.record-page--entry .media-frame.video-mode[data-orientation="portrait"] { aspect-ratio: 3 / 4; }
.record-page--entry .media-frame.pdf-mode { height: clamp(25rem, 72svh, 48rem); }
.record-page--entry .media-frame.single-image-mode,
.record-page--entry .media-frame.no-media,
.record-page--entry .media-frame-gallery-mode { height: clamp(18rem, 66svh, 44rem); }
.record-page--entry .media-frame-gallery-mode { overflow-y: auto; }
.record-page--entry iframe { display: block; }
.record-page--entry .record-title h1 {
  margin: 1rem 0 0;
  font-size: clamp(1.6rem, 3vw, 2rem);
  line-height: 1.15;
  color: var(--accent-color);
  overflow-wrap: anywhere;
}
.archive-entry-context {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin: 0.65rem 0 0;
  color: #999f9b;
  font-size: 0.85rem;
}
.archive-entry-context-siblings { display: flex; gap: 1rem; }
.record-page--entry .extended-notes { margin-top: 1.75rem; }
.record-page--entry .extended-notes .ql-editor {
  overflow: visible;
  height: auto;
  line-height: 1.6;
}
.record-page--entry .extended-notes img,
.record-page--entry .extended-notes video,
.record-page--entry .extended-notes iframe { max-width: 100%; }
.record-page--entry .extended-notes img { height: auto; }
.record-page--entry .extended-notes p:has(img) { break-inside: avoid; }

@container entry-media (max-width: 899px) {
  .record-page--entry .wavesurfer-waveform { height: 180px; }
}
@container entry-media (max-width: 500px) {
  .record-page--entry .wavesurfer-waveform { height: 160px; }
  .record-page--entry .region-hints { display: none; }
}
@media (max-width: 700px) {
  .record-page--entry .extended-notes.layout-two .ql-editor,
  .record-page--entry .extended-notes.layout-three .ql-editor { column-count: 1; }
}
@media (max-height: 600px) and (min-width: 501px) {
  .record-page--entry .wavesurfer-waveform { height: 140px; }
  .record-page--entry .region-hints { display: none; }
}
@media (max-height: 450px) and (min-width: 501px) {
  .record-page--entry .wavesurfer-waveform { height: 100px; }
}