/* ---------- programmes page only ---------- */
/* a year, as four seasons. Real calendar shape, so it is a row of four. */
.year{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:2.75rem;background:color-mix(in srgb,var(--sage-glow) 26%,transparent);border-radius:var(--r-card);overflow:hidden}
@media(max-width:900px){ .year{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:560px){ .year{grid-template-columns:1fr} }
.season{background:var(--forest);padding:1.4rem 1.2rem}
.season .s{font-size:var(--label);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--copper-glow);display:block;margin-bottom:.6rem}
.season h3{font-size:1.05rem;color:var(--on-forest);margin-bottom:.5rem}
.season p{font-size:.88rem;color:var(--sage-glow);line-height:1.5}

/* what a one-off cannot do, set against what a programme can */
.versus{margin-top:2.5rem;max-width:50rem}
.versus .keyrow{grid-template-columns:13rem minmax(0,1fr)}
@media(max-width:640px){ .versus .keyrow{grid-template-columns:1fr;gap:.3rem} }