/* The monthly edition is a chronological reading surface, with its own print layout. */
.monthly-print-brand{display:none}
.monthly-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 32px;padding:16px 0 24px}
.monthly-actions .text-link{font-size:20px}
.monthly-programme{padding:0}
.monthly-heading{padding:16px 0 56px}
.monthly-heading h1{font-size:clamp(56px,6.12vw,88px);line-height:1.05;font-weight:500;letter-spacing:-.04em;text-wrap:initial}
.monthly-heading h1 span{color:var(--muted)}
.monthly-heading p{font-size:20px;line-height:1.5;margin-top:16px}
.monthly-schedule{display:flex;flex-direction:column;gap:48px}
.monthly-day{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;align-items:start;break-inside:avoid}
.monthly-date{display:flex;flex-direction:column;gap:8px;padding-top:8px;font-weight:500;letter-spacing:0;text-wrap:initial}
.monthly-date>span{font-size:20px;line-height:1.3;color:var(--muted)}
.monthly-date>time{font-size:32px;line-height:1.1;white-space:nowrap}
.monthly-screenings{min-width:0;display:flex;flex-direction:column;gap:8px}
.monthly-showing{--monthly-foreground:var(--ink);--monthly-secondary:var(--muted);color:var(--monthly-foreground);display:grid;grid-template-columns:72px minmax(0,1fr) 152px;gap:24px;align-items:baseline;min-height:48px;padding:8px 0}
.monthly-showing>time{font-size:24px;line-height:1.3;font-variant-numeric:tabular-nums}
.monthly-film{min-width:0}
.monthly-film strong{font-size:32px;line-height:1.15;letter-spacing:-.02em;font-weight:500;overflow-wrap:anywhere}
.monthly-status{display:block;font-size:18px;line-height:1.4;color:var(--monthly-secondary);margin-top:4px}
.monthly-showing-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:18px;line-height:1.4;color:var(--monthly-secondary)}
.monthly-showing-meta>span{white-space:nowrap}
.monthly-showing:hover{color:var(--monthly-foreground)}
.monthly-showing:focus-visible{--monthly-foreground:var(--cinema-red);--monthly-secondary:var(--cinema-red)}
@media(hover:hover) and (pointer:fine){.monthly-showing:has(>time:hover,.monthly-film>strong:hover,.monthly-status:hover,.monthly-showing-meta>span:hover){--monthly-foreground:var(--cinema-red);--monthly-secondary:var(--cinema-red)}}
.monthly-empty{font-size:20px;color:var(--muted);padding:8px 0}
.monthly-note{font-size:16px;line-height:1.6;color:var(--muted);margin-top:56px}
@media(min-width:768px) and (max-width:1199px){
  .monthly-day{grid-template-columns:128px minmax(0,1fr);gap:24px}
  .monthly-showing{grid-template-columns:64px minmax(0,1fr);gap:4px 20px}
  .monthly-showing-meta{grid-column:2}.monthly-showing>time{grid-row:1/span 2}
}
@media(max-width:767px){
  .monthly-actions{align-items:start;padding:8px 0 24px;gap:8px 24px}
  .monthly-actions .text-link{font-size:18px;gap:12px}
  .monthly-heading{padding:8px 0 40px}.monthly-heading h1{font-size:56px;line-height:1.08}
  .monthly-heading p{font-size:18px;margin-top:16px;max-width:26ch}
  .monthly-schedule{gap:40px}.monthly-day{display:block}
  .monthly-date{flex-direction:row;align-items:baseline;gap:16px;padding:0;margin-bottom:16px}
  .monthly-date>time{font-size:28px}.monthly-date>span{font-size:20px}
  .monthly-screenings{gap:8px}
  .monthly-showing{grid-template-columns:60px minmax(0,1fr);gap:6px 16px;padding:8px 0;min-height:48px}
  .monthly-showing>time{font-size:22px;grid-row:1/span 2}.monthly-film strong{font-size:28px;line-height:1.2}
  .monthly-showing-meta{grid-column:2;font-size:18px;gap:4px 16px}.monthly-status{font-size:18px}
  .monthly-note{font-size:16px;margin-top:40px}
}
@media(max-width:359px){
  .monthly-heading h1{font-size:48px}.monthly-showing{grid-template-columns:56px minmax(0,1fr);column-gap:12px}
}
@media print{
  @page index-monthly{size:A4 portrait;margin:14mm}
  :root{--paper:#fff;--ink:#000;--muted:#444;--cinema-red:#000;--accent:#000}
  html,body{background:#fff;color:#000}
  .site-header,.site-footer,.menu-drawer,.menu-trigger,.skip-link,.monthly-actions{display:none!important}
  main.page-monthly.shell{page:index-monthly;width:100%;max-width:none;margin:0!important}
  .monthly-programme{padding:0}
  .monthly-print-brand{display:block;font-size:12pt;line-height:1.3;margin-bottom:6mm}
  .monthly-heading{padding:0 0 8mm;break-inside:avoid}
  .monthly-heading h1{font-size:40pt;line-height:1.05}.monthly-heading h1 span{color:#000}
  .monthly-heading p{font-size:11pt;margin-top:3mm}
  .monthly-schedule{display:block;columns:2;column-gap:10mm}
  .monthly-day{display:block;break-inside:avoid;page-break-inside:avoid;margin:0 0 6mm}
  .monthly-date{display:flex;flex-direction:row;align-items:baseline;gap:3mm;padding:0 0 2mm;margin:0}
  .monthly-date>span{font-size:10pt}.monthly-date>time{font-size:14pt}
  .monthly-screenings{display:flex;gap:1mm}
  .monthly-showing{grid-template-columns:30pt minmax(0,1fr);gap:1pt 6pt;padding:2pt 0;min-height:0;break-inside:avoid}
  .monthly-showing>time{font-size:10pt;grid-row:1/span 2;line-height:1.3}
  .monthly-film strong{font-size:11pt;line-height:1.25;letter-spacing:0}
  .monthly-showing-meta{grid-column:2;font-size:8.5pt;line-height:1.2;gap:2pt 8pt}
  .monthly-status{font-size:8.5pt;margin-top:1pt}.monthly-empty{font-size:10pt;padding:0}
  .monthly-note{font-size:8.5pt;line-height:1.4;margin-top:4mm}
}