/* news + programme pages (design test) */
.crumb{margin:22px 0 0;font-size:14px;color:var(--mute)}.crumb a{color:var(--mute);text-decoration:none}.crumb a:hover{color:var(--court)}.crumb span{color:var(--court)}
h1{font:800 clamp(32px,4.6vw,52px)/1.02 var(--head);letter-spacing:-.04em;margin:14px 0 10px;max-width:18em}
.lede{font-size:clamp(16px,1.5vw,19px);line-height:1.5;color:var(--court);max-width:40em;margin:0}
.sec h2{margin-bottom:12px}
.nl{list-style:none;margin:0;padding:0}
.nl li{display:grid;grid-template-columns:140px 1fr;gap:0 28px;padding:16px 0;border-bottom:1px solid var(--line)}
@media(max-width:640px){.nl li{grid-template-columns:1fr;gap:4px}}
.nl .nd{font-size:14px;color:var(--mute);font-variant-numeric:tabular-nums;padding-top:3px}.nl .nd small{display:block;font-size:12px}
.nl .nb b{display:block;font:800 19px/1.25 var(--head);letter-spacing:-.025em}.nl .nb p{margin:4px 0 0;max-width:40em;font-size:15px}
.nl .tag{display:inline-block;margin-top:8px;font-size:12px;color:var(--mute);border:1px solid var(--line);border-radius:3px;padding:2px 7px}.nl .tag.deal{background:var(--ball);color:var(--court);border-color:transparent}
.nl.up li{border-left:3px solid var(--ball);padding-left:14px}
.phero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:start;margin-top:8px}
@media(max-width:860px){.phero{grid-template-columns:1fr;gap:20px}}
.pimg{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#dfe3dd}.pimg img{width:100%;height:100%;object-fit:cover}
.pf{margin:22px 0 0;border-top:var(--base) solid var(--court)}
.pf div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45}
.pf dt{color:var(--mute);margin:0}.pf dd{margin:0;overflow-wrap:anywhere}
.pfsrc{font-size:13px;color:var(--mute);white-space:nowrap;text-underline-offset:2px}.pfsrc:hover{color:var(--court)}
.note{font-size:13px;color:var(--mute);line-height:1.5;max-width:40em}
.lead{margin-top:40px;padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:4px;max-width:720px}
.lead h2{font:800 26px/1.1 var(--head);letter-spacing:-.03em;margin:0}
.lead .sub{margin:6px 0 16px;color:var(--mute);font-size:15px}
.lead label{display:block;font-size:13px;color:var(--mute);margin-top:12px}
.lead input,.lead textarea{display:block;width:100%;margin-top:4px;padding:11px 12px;font:16px var(--body);color:var(--court);background:#fff;border:1px solid var(--line);border-radius:4px;min-height:44px}
.lead input:focus,.lead textarea:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.lead .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}@media(max-width:560px){.lead .row2{grid-template-columns:1fr}}
.lead button{margin-top:18px;min-height:50px;padding:0 24px;background:var(--ball);border:0;border-radius:999px;font:600 16px var(--body);color:var(--court);cursor:pointer}
.lead button:hover{background:#e9ef3a}

.back{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:14px;font-size:15px;font-weight:500;color:var(--court);text-decoration:none}.back:hover{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:4px}
.crumb{margin-top:4px}

/* programme page: the academy's deals and codes, between the facts and the form (tickets as on the academy page, fd.css) */
.pdeals{margin-top:40px;max-width:720px}
.pdeals h2{margin:0}
.pdeals .sub{margin:6px 0 0;color:var(--mute);font-size:15px}
.pdeals .tickets{margin-top:14px}
.pdeals .tk.fit{border-color:var(--court);box-shadow:inset 3px 0 0 var(--ball)}
.pdeals .tk .tsrc{display:inline-flex;align-items:center;min-height:44px;margin:-8px 0 -12px;font-size:13px;color:var(--mute);text-underline-offset:2px}
@media(hover:hover){.pdeals .tk .tsrc:hover{color:var(--court)}}

/* programme page, 2026-10-09: one facts table on the left; under the picture, the other programmes one per row.
   Phone: picture, facts, other programmes, then deals and the form. */
.pmain,.pside{min-width:0}
.pf-src{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--mute)}
.pf-price dd{font-variant-numeric:tabular-nums}
.oths{margin-top:28px}
.phero.noimg .oths{margin-top:22px}
.oths h2{font:800 22px/1.15 var(--head);letter-spacing:-.03em;margin:0 0 10px}
.oths ul{list-style:none;margin:0;padding:0;border-top:var(--base) solid var(--court)}
.oth{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:44px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--court);text-decoration:none;transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.oth img,.oth-ph{display:block;width:96px;height:72px;object-fit:cover;border-radius:3px;background:#dfe3dd}
.oth-t{min-width:0}
.oth-t b{display:block;font:800 16px/1.2 var(--head);letter-spacing:-.02em}
.oth-t span{display:block;margin-top:3px;font-size:13.5px;line-height:1.35;color:var(--mute)}
.oth-pr{max-width:9.5em;text-align:right;font:600 14px/1.3 var(--body);font-variant-numeric:tabular-nums}
.oth-pr.np{font-weight:500;color:var(--mute)}
.oth:active{transform:scale(.99)}
.oth:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(hover:hover){.oth:hover b{text-decoration:underline;text-decoration-color:var(--ball);text-decoration-thickness:3px;text-underline-offset:3px}}
@media(prefers-reduced-motion:reduce){.oth{transition:none}.oth:active{transform:none}}
@media(max-width:860px){
  .phero{display:flex;flex-direction:column;gap:0}
  .pmain,.pside{display:contents}
  .phead{order:1}
  .pimg{order:2;margin-top:16px}
  .pmain>.pf{order:3}
  .pmain>.note{order:4}
  .oths{order:5;margin-top:32px}
}
@media(max-width:400px){.pf div{grid-template-columns:112px 1fr}.oth{grid-template-columns:84px minmax(0,1fr);gap:12px}.oth img,.oth-ph{width:84px;height:63px;grid-row:span 2}.oth-pr{grid-column:2;text-align:left;max-width:none}}
/* "their page": a 44 px tall tap area without moving the line */
.pfsrc{display:inline-block;padding:13px 2px;margin:-13px 0;line-height:18px}