/*
 * TVC 0.10.31, Option A "Catalogue grid" (Henah approved 2026-11-10): the shared section template of Films, Series,
 * Showcases, Shorts, Podcasts, Books, Music and Slate (inc/section-a.php). Tokens from tvc-tokens.css only.
 * Featured item, count + sort, one row of gold chips, one even grid of equal-height cards, the submit box.
 */
/* featured item */
.tvc-sa-feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:center;margin:0 0 8px;padding:24px;background:linear-gradient(120deg,#1d1a12,var(--tvc-surface) 60%);border:1px solid var(--tvc-line);border-radius:var(--tvc-r)}
.tvc-sa-feat--poster,.tvc-sa-feat--square{grid-template-columns:minmax(0,260px) minmax(0,1fr)}
.tvc-sa-feat__media{position:relative;display:block;overflow:hidden;border-radius:var(--tvc-r-sm);background:var(--tvc-surface2)}
.tvc-sa-feat__body{min-width:0}
.tvc-sa-kicker{margin:0 !important;font:700 12px/1.3 var(--tvc-body);letter-spacing:.16em;text-transform:uppercase;color:var(--tvc-gold)}
body .tvc-sa-feat .tvc-sa-feat__t{margin:8px 0 6px !important;padding:0 !important;border:0 !important;font:600 clamp(28px,3.6vw,48px)/1.05 var(--tvc-head) !important;text-transform:uppercase;letter-spacing:.01em;color:#fff !important;overflow-wrap:anywhere}
body .tvc-sa-feat .tvc-sa-feat__t a{color:inherit !important;text-decoration:none}
.tvc-sa-feat__m{margin:0 !important;color:#c9cbd0;font-size:14px}
.tvc-sa-feat__by{margin:2px 0 0 !important;color:var(--tvc-gold2);font-weight:600;font-size:14px}
.tvc-sa-feat__by a{color:var(--tvc-gold2) !important}
body .tvc-sa-feat .tvc-sa-feat__d{margin:12px 0 0 !important;padding:0 !important;max-height:3em;max-width:620px;color:#d6d7da;font-size:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tvc-sa-feat__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.tvc-sa-feat .tvc8-links,.tvc-sa-feat .tvc9b-slatenote,.tvc-sa-feat .tvc6-presented{margin:14px 0 0}

/* pictures: one aspect per section kind */
.tvc-sa .tvc-sa-ar--video{aspect-ratio:16/9}
.tvc-sa .tvc-sa-ar--poster{aspect-ratio:2/3}
.tvc-sa .tvc-sa-ar--square{aspect-ratio:1/1}
.tvc-sa-feat__media img,.tvc-sa-card__media > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tvc-sa-ph{position:absolute;inset:0;display:flex;align-items:flex-end;padding:12px;background:var(--tvc-surface2);color:#fff;font:600 17px/1.15 var(--tvc-head);text-transform:uppercase;overflow-wrap:anywhere}
.tvc-sa-badge{position:absolute;z-index:2;left:8px;bottom:8px;padding:3px 9px;border-radius:var(--tvc-pill);background:var(--tvc-gold);color:var(--tvc-ongold);font:700 10.5px/1.3 var(--tvc-body);letter-spacing:.08em;text-transform:uppercase}

/* count + sort, one row of chips; selected chip gold on every page */
.tvc-sa-bar{margin-top:28px}
.tvc-sa-all{margin:0}
.tvc-sa-chips{margin:12px 0 0}
.tvc-sa .tvc-land__showing{margin:12px 0 0 !important}
html body .tvc-land.tvc-sa button.tvc-land__chip.is-on{background:var(--tvc-gold) !important;background-color:var(--tvc-gold) !important;border-color:var(--tvc-gold) !important;color:var(--tvc-ongold) !important;font-weight:600 !important}
html body .tvc-land.tvc-sa button.tvc-land__chip{border-color:var(--tvc-line2) !important}
html body .tvc-land.tvc-sa button.tvc-land__chip[hidden],.tvc-sa-chips[hidden]{display:none !important}
.tvc-sa .tvc-sa-grid{margin-top:16px}

/* one even grid of equal-height cards */
.tvc-sa .tvc-sa-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.tvc-sa .tvc-sa-grid--poster,.tvc-sa .tvc-sa-grid--square{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.tvc-sa .tvc-sa-card{display:flex;flex-direction:column;min-width:0;background:var(--tvc-surface);border:1px solid var(--tvc-line);border-radius:var(--tvc-r);overflow:hidden}
.tvc-sa .tvc-sa-card[hidden]{display:none}
.tvc-sa-card__link{display:flex;flex-direction:column;flex:1;min-width:0;color:inherit !important;text-decoration:none !important}
.tvc-sa .tvc-sa-card__media{display:block;position:relative;overflow:hidden;background:var(--tvc-surface2)}
.tvc-sa .tvc-sa-card__media::after{background:linear-gradient(180deg,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 30%)}
.tvc-sa-card__body{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;min-width:0}
.tvc-sa-card__k{font:700 11px/1.3 var(--tvc-body);letter-spacing:.12em;text-transform:uppercase;color:var(--tvc-gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.3em}
.tvc-sa-card__t{font:600 16.5px/1.2 var(--tvc-head);text-transform:uppercase;letter-spacing:.01em;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;overflow-wrap:anywhere}
.tvc-sa-card__m{font:400 13.5px/1.4 var(--tvc-body);color:var(--tvc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.4em}

/* submit box */
.tvc-sa-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:40px 0 0;padding:26px 28px;background:var(--tvc-surface);border:1px solid var(--tvc-line);border-radius:var(--tvc-r)}
.tvc-sa-cta > div{flex:1 1 320px;min-width:0}
body .tvc-sa-cta .tvc-sa-cta__t{margin:0 0 4px !important;padding:0 !important;font:600 24px/1.1 var(--tvc-head) !important;text-transform:uppercase;color:#fff !important}
.tvc-sa-cta__p{margin:0 !important;color:var(--tvc-muted)}
.tvc-sa > .tvc6-sec,.tvc-sa > .tvc7-banner,.tvc-sa > .tvc8-strip{margin-top:40px}

@media (max-width:720px){
	.tvc-sa-feat,.tvc-sa-feat--poster,.tvc-sa-feat--square{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}
	.tvc-sa-feat--poster .tvc-sa-feat__media,.tvc-sa-feat--square .tvc-sa-feat__media{max-width:220px}
	.tvc-sa .tvc-sa-grid--poster,.tvc-sa .tvc-sa-grid--square{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.tvc-sa-cta{padding:20px}
}