/* Home schedule (chosen direction 2A): poster-forward movie cards per day.
   All 7 day sections render in the HTML; without JS the date strip anchors
   to them, with JS only the selected day is shown (spec §7f). */
.day-section{padding:14px 0 22px}
body.js .day-section{display:none}
body.js .day-section.active{display:block}
.day-section .day-h{font-family:var(--font-display);font-size:22px;
  line-height:1.1;margin:4px 0 12px;display:flex;align-items:baseline;gap:10px}
.day-section .day-h .today-chip{position:relative;top:-2px}
body.js .day-section .day-h{display:none}  /* the active strip cell names the day */

.movie-cards{display:flex;flex-direction:column;gap:14px}

.movie-card{border:1px solid var(--line);background:#fff;display:flex;gap:14px;padding:14px}
.movie-card .poster{width:84px;flex:none;align-self:flex-start}
.movie-card .poster img{aspect-ratio:2/3;object-fit:cover;width:100%}
.movie-card .body{flex:1;min-width:0;display:flex;flex-direction:column}
.movie-card .title-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.movie-card .title-row h3{font-size:25px;line-height:1}
.movie-card .title-row h3 a{color:var(--ink);text-decoration:none}
.movie-card .title-row h3 a:hover{color:var(--red-deep)}
.movie-card .meta{font-size:12px;color:var(--muted);margin:4px 0 10px}
.movie-card .times{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:2px}
.movie-card .details{font-weight:600;font-size:13px;margin-top:10px;align-self:flex-start}

@media (min-width:720px){
  .day-section{padding:32px 0 44px}
  .movie-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .movie-card{flex-direction:column;gap:0;padding:0}
  .movie-card .poster{width:100%}
  .movie-card .body{padding:16px 18px 18px;gap:0}
  .movie-card .title-row h3{font-size:26px;line-height:1.05}
  .movie-card .meta{margin:6px 0 12px}
  .movie-card .times{padding-top:8px;gap:16px}
  .movie-card .details{margin-top:12px}
}
@media (min-width:1000px){
  .movie-cards{grid-template-columns:repeat(3,1fr)}
}
