/* Daily Content page */

/* Color scheme mirrors the blog pages: brand-colored header + hero,
   then a light band-section with the strip and a light footer.
   Band colors come from the shared "banded" pattern in layout.css. */

.main:has(.daily-content-page) {
  min-height: 0;
}

.daily-content-page {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: calc(
    100svh - var(--site-header-height) - var(--site-footer-height)
  );
  overflow-x: clip;
  /* Fill the space between the hero and the footer with the light
     band color (visible when the strip section is absent) */
  background-color: var(--home-band-bg);
}

.daily-content-page .page-hero {
  background-color: var(--color-brand);
  border-bottom: 0;
}

.daily-content-page .instagram-strip {
  flex: 1 0 auto;
  padding-top: clamp(1.5rem, 2.5vw, 2rem);
  padding-bottom: clamp(2.5rem, 5vw, var(--space-section));
}