@font-face{font-family:'CQ Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-condensed-700.woff2') format('woff2')}
/* Shared by single-market, pick/comparison, match lists, filters and antepost. */
.cq-widget.cq-with-heading{--cqh-inset:clamp(12px,3vw,24px);border-radius:4px;overflow:hidden}
.cq-widget.cq-with-heading .cq-match-heading{margin-inline:calc(-1 * var(--cqh-inset))}
.cq-widget.cq-with-heading>.cq-match:first-child>.cq-match-heading,.cq-widget.cq-with-heading>.cq-antepost:first-child>.cq-match-heading{margin-top:calc(-1 * var(--cqh-inset))}
.cq-widget .cq-match-heading{--cqh-bar:#0d1e31;--cqh-paper:#f4f7fb;--cqh-muted:#b2c3d2;--cqh-accent:#b9f227;container:cq-heading / inline-size;padding:7px 10px 9px;background:var(--cqh-bar);color:var(--cqh-paper);text-align:center;font:700 12px/1.2 'CQ Barlow Condensed','Arial Narrow',sans-serif}
.cq-widget .cq-match-heading .spq-heading-top{display:flex;align-items:center;justify-content:center;margin-top:5px}
.cq-widget .cq-match-heading .spq-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px;color:var(--cqh-muted);font:700 13px/1.2 'CQ Barlow Condensed','Arial Narrow',sans-serif;text-align:center;white-space:normal}
.cq-widget .cq-match-heading .spq-competition{color:var(--cqh-paper);font:inherit}
.cq-widget .cq-match-heading .spq-meta-separator{color:var(--cqh-muted)}
.cq-widget .cq-match-heading .spq-fixture{display:flex;align-items:center;justify-content:center;gap:7px;min-height:35px;margin:0;padding:0;color:var(--cqh-paper);font:700 32px/1.05 'CQ Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.15px;text-transform:uppercase}
.cq-widget .cq-match-heading .spq-team{display:flex;align-items:center;gap:5px;min-width:0}
.cq-widget .cq-match-heading .spq-team-name{overflow-wrap:break-word}
.cq-widget .cq-match-heading .spq-versus{flex-shrink:0;font:700 15px/1 'CQ Barlow Condensed','Arial Narrow',sans-serif;color:var(--cqh-accent);text-transform:none}
.cq-widget .cq-match-heading .spq-shirt{flex:0 0 auto;display:block;width:30px;height:34px}
@container cq-heading (max-width:440px){
 .cq-widget .cq-match-heading .spq-fixture{font-size:clamp(23px,7.6cqi,29px);min-height:32px}
 .cq-widget .cq-match-heading .spq-shirt{width:28px;height:31px}
}
@container cq-heading (max-width:320px){
 .cq-widget .cq-match-heading .spq-meta{font-size:12px;gap:4px}
 .cq-widget .cq-match-heading .spq-fixture{font-size:23px;gap:5px}
 .cq-widget .cq-match-heading .spq-team{gap:4px}
 .cq-widget .cq-match-heading .spq-shirt{width:24px;height:27px}
}
/* In a narrow box (a sidebar card) the header reads like a team sheet: one team per line, each
   with its shirt, left-aligned and never wrapped, competition and kickoff below. */
@container cq-heading (max-width:340px){
 .cq-widget .cq-match-heading{padding:9px 12px 10px;text-align:left}
 .cq-widget .cq-match-heading .spq-fixture{flex-direction:column;align-items:stretch;gap:4px;min-height:0;font-size:20px}
 .cq-widget .cq-match-heading .spq-team{gap:7px}
 .cq-widget .cq-match-heading .spq-team-name{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .cq-widget .cq-match-heading .spq-versus{display:none}
 .cq-widget .cq-match-heading .spq-team:last-child .spq-shirt{order:-1}
 .cq-widget .cq-match-heading .spq-shirt{width:22px;height:25px}
 .cq-widget .cq-match-heading .spq-heading-top{justify-content:flex-start;margin-top:7px}
 .cq-widget .cq-match-heading .spq-meta{justify-content:flex-start;text-align:left}
}
/* The competition and edition form the antepost title, rather than small metadata. */
.cq-widget .cq-match-heading .spq-antepost-title{display:block;padding:4px 4px 2px;line-height:1.1}
.cq-widget .cq-match-heading .spq-antepost-intro{display:block;margin-bottom:3px;font-size:22px;line-height:1.1}
.cq-widget .cq-match-heading .spq-antepost-subject{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 .2em}
.cq-widget .cq-match-heading .spq-antepost-competition{max-width:100%;color:var(--cqh-accent);text-wrap:balance;overflow-wrap:break-word}
.cq-widget .cq-match-heading .spq-antepost-article{color:var(--cqh-paper)}
.cq-widget .cq-match-heading .spq-antepost-edition{white-space:nowrap}
@container cq-heading (max-width:440px){
 .cq-widget .cq-match-heading .spq-antepost-title{font-size:clamp(25px,7.8cqi,29px)}
 .cq-widget .cq-match-heading .spq-antepost-intro{font-size:20px}
}