/* SEASONS GRID */
/* Five tiles, not six. Two fixes:
   1. The hairlines were the container background showing through 1px gaps, so
      the empty sixth cell rendered as a filled block. Borders on the tiles
      with collapsed edges survive any tile count.
   2. Three then two left the bottom row looking short. A six-track grid lets
      the top row run three-wide and the bottom row two-wide, both full, so
      nothing reads as missing. */
.seas{background:transparent;border:0;gap:0}
.seas > a{border:1px solid var(--rule);margin:-1px 0 0 -1px}
@media (min-width:861px){
  .seas{grid-template-columns:repeat(6,minmax(0,1fr))}
  .seas > a{grid-column:span 2}
  .seas > a:nth-child(4),
  .seas > a:nth-child(5){grid-column:span 3}
}