@import url('./season-layout.css');

:root { --line: #e6ece3; --season-accent: #536e41; --season-lead: #64725c; --season-bg: #263d31; --season-dot: var(--season-accent); }

:focus-visible { outline-color: #007d89; }
.eyebrow, .chapter, .location, .sound-volume, .scene-status, .concept-note span,
.season-work .wildlife-launchers > p { font-size: 10px; }
.header-note { font-size: 11px; }
.credits { font-size: 11px; }
footer { font-size: 10px; flex-wrap: wrap; gap: 8px 16px; }
.season-frame > figcaption { flex-wrap: wrap; gap: 4px 16px; font-size: 10px; line-height: 1.8; background: linear-gradient(transparent, rgb(5 23 28 / .76) 50%); }

@media (min-width: 701px) {
  .spring-work { height: auto; min-height: clamp(720px, calc(100svh - var(--site-header-height) - 3px), 1120px); max-height: none; }
}

/* Normal images cover this no-script message in the same stacking layer. */
.spring-nojs-fallback { position: absolute; inset: 0; z-index: 0; display: grid; place-content: center; margin: 0; padding: 24px; color: #fff; background: var(--season-bg); font-size: 12px; line-height: 2; text-align: center; }