/* Article components: masthead, highlighted pick and coaching box. Headings and paragraphs keep the theme's type. */
.cq-testata{--cqt-bar:#152D49;--cqt-accent:#C1282A;position:relative;clear:both;margin:0 0 20px;padding:38px 14px 12px;background:var(--cqt-bar);color:#fff;border-bottom:3px solid var(--cqt-accent);font-family:'CQ Barlow Condensed','Arial Narrow',sans-serif}
.cq-testata p{margin:0!important;font-family:inherit!important}
/* Competition and mark sit in the top corners, so the teams and kickoff are the centre of the band. */
.cq-testata .cqt-top{position:absolute;top:10px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.cq-testata .cqt-kicker{padding:3px 9px 2px;background:var(--cqt-accent);color:#fff;font-size:18px;font-weight:700;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}
.cq-testata .cqt-brand{display:flex;align-items:center;padding:3px 6px;background:#fff;border-radius:3px;line-height:0}
.cq-testata .cqt-brand img{display:block;width:auto!important;height:18px!important;margin:0!important}
.cq-testata .cqt-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.cq-testata .cqt-team{display:flex;align-items:center;gap:10px;min-width:0}
.cq-testata .cqt-home{justify-content:flex-end}
.cq-testata .cqt-away{flex-direction:row-reverse;justify-content:flex-end}
.cq-testata .cqt-team svg{flex:0 0 auto;display:block;width:39px;height:39px}
.cq-testata .spq-shirt-outline{fill:none;stroke:rgba(255,255,255,.55);stroke-width:3;stroke-linejoin:round}
.cq-testata .cqt-name{color:#fff;font-size:35px;font-weight:700;line-height:1;text-transform:uppercase;overflow-wrap:anywhere}
.cq-testata .cqt-away .cqt-name{text-align:left}.cq-testata .cqt-home .cqt-name{text-align:right}
.cq-testata .cqt-vs{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--cqt-accent);color:#fff;font-size:16px;font-weight:700;line-height:1;text-transform:uppercase}
.cq-testata .cqt-when{margin-top:5px!important;color:#C9D3DD;font-size:15px;font-weight:600;letter-spacing:.02em;text-align:center}
@media (max-width:480px){.cq-testata{padding:34px 10px 10px}.cq-testata .cqt-top{top:8px;left:10px;right:10px}.cq-testata .cqt-kicker{font-size:15px}.cq-testata .cqt-brand img{height:15px!important}
 .cq-testata .cqt-teams{gap:8px}.cq-testata .cqt-team{gap:7px}.cq-testata .cqt-team svg{width:30px;height:30px}.cq-testata .cqt-name{font-size:25px}
 .cq-testata .cqt-vs{width:28px;height:28px;font-size:14px}.cq-testata .cqt-when{font-size:14px}}
/* Highlighter stroke with slanted ends and uneven ink (variant 1 of the 20/10 mock). */
mark.cq-evidenza{color:#152D49;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}
mark.cq-evidenza--1{padding:.08em .4em;margin:0 -.15em;border-radius:.8em .3em;background:transparent;background-image:linear-gradient(104deg,rgba(193,40,42,0) .9%,rgba(193,40,42,.30) 2.4%,rgba(193,40,42,.20) 5.8%,rgba(193,40,42,.14) 93%,rgba(193,40,42,.32) 96%,rgba(193,40,42,0) 98%),linear-gradient(183deg,rgba(193,40,42,0) 0%,rgba(193,40,42,.12) 7.9%,rgba(193,40,42,0) 15%)}
/* Coaching box: an editorial card with its label stuck on the top edge and a tactics board in the corner. */
.cq-coaching{position:relative;clear:both;margin:36px 0 26px;padding:30px 22px 8px;border:1px solid #D8DFE6;border-radius:4px;
 background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120' fill='none' stroke='%23152D49' stroke-opacity='.17' stroke-width='3' stroke-linecap='round'%3E%3Ccircle cx='30' cy='28' r='9'/%3E%3Ccircle cx='62' cy='74' r='9'/%3E%3Cpath d='M104 22l14 14M118 22l-14 14M128 70l14 14M142 70l-14 14'/%3E%3Cpath d='M38 36c22 18 30 26 26 32' stroke-dasharray='5 6'/%3E%3Cpath d='M70 70c18-20 34-30 52-34' stroke-dasharray='5 6'/%3E%3Cpath d='M114 31l9 4-7 7'/%3E%3C/svg%3E") no-repeat right 16px top 14px/124px auto;box-shadow:0 10px 26px -12px rgba(21,45,73,.28),0 1px 0 rgba(21,45,73,.04)}
.cq-coaching::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(244,245,246,.9) 0,rgba(255,255,255,0) 120px);pointer-events:none}
.cq-coaching>*{position:relative}
.cq-coaching>h2:first-child,.cq-coaching-label+h2{margin-top:0!important;max-width:calc(100% - 120px)}
/* The coaching label sits across the top edge on a slightly crooked red stroke, like a marker on the page. */
.cq-coaching .cq-coaching-label{position:absolute;top:0;left:16px;margin:0!important;line-height:1;transform:translateY(-55%)}
.cq-coaching-label span{position:relative;z-index:0;display:inline-block;padding:5px 11px 4px;color:#fff;font:700 15px/1.1 'CQ Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.cq-coaching-label span::before{content:"";position:absolute;z-index:-1;inset:0 -3px;background:#C1282A;border-radius:3px 7px 2px 8px;transform:rotate(-1.2deg) skewX(-5deg);box-shadow:0 3px 8px rgba(193,40,42,.25)}
@media (max-width:480px){.cq-coaching{padding:28px 16px 6px;background-size:96px auto;background-position:right 10px top 12px}.cq-coaching>h2:first-child,.cq-coaching-label+h2{max-width:calc(100% - 70px)}}
/* Banner towards the bonus comparison: the masthead's navy and red, same elements as AGIMEG's own box. */
.cq-banner-bonus{clear:both;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;margin:22px 0;padding:14px 18px;
 border-bottom:3px solid #C1282A;background:#152D49;color:#fff;font-family:Arial,Helvetica,sans-serif}
.cq-banner-bonus .cqb-copy{flex:1;min-width:210px}
.cq-banner-bonus .cqb-copy strong{display:block;color:#fff;font:700 23px/1.05 'CQ Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.02em;text-transform:uppercase}
.cq-banner-bonus .cqb-copy span{display:block;margin-top:4px;color:#C9D3DD;font-size:13px;line-height:1.35}
.cq-banner-bonus .cqb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cq-banner-bonus .cqb-adm{box-sizing:border-box;display:flex;width:70px;height:38px;align-items:center;justify-content:center;overflow:hidden;padding:5px 7px;border-radius:3px;background:#fff;line-height:0}
.cq-banner-bonus .cqb-adm img{display:block!important;width:56px!important;max-width:56px!important;height:27px!important;margin:0 auto!important;object-fit:contain!important}
.cq-banner-bonus .cqb-button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 16px;border-radius:3px;background:#C1282A;color:#fff!important;
 font:700 17px/1 'CQ Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap}
.cq-banner-bonus .cqb-button:hover{background:#a82123}
@media (max-width:480px){.cq-banner-bonus .cqb-actions{width:100%}.cq-banner-bonus .cqb-button{flex:1;justify-content:center}}
/* Telegram channel: our own card in the masthead's type, tinted with Telegram's blue, so it never depends on the theme. */
.cq-telegram{clear:both;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:22px 0;padding:14px 18px;border:1px solid #CFE3EF;border-radius:4px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23229ED9' fill-opacity='.10' d='M2.2 11.3 20.3 4.3c.8-.3 1.6.2 1.3 1.4l-3.1 14.6c-.2 1-.8 1.2-1.6.8l-4.5-3.3-2.2 2.1c-.2.2-.4.4-.9.4l.3-4.7 8.6-7.8c.4-.3-.1-.5-.6-.2L7 14.2l-4.6-1.4c-1-.3-1-1 .2-1.5z'/%3E%3C/svg%3E") no-repeat right 150px center/120px auto,linear-gradient(100deg,#EAF5FC 0,#F7FBFE 45%,#fff 75%);
 box-shadow:0 10px 24px -14px rgba(21,45,73,.3);font-family:Arial,Helvetica,sans-serif}
.cq-telegram .cqtg-icon{flex:0 0 auto;display:block;width:44px;height:44px;filter:drop-shadow(0 3px 6px rgba(34,158,217,.35))}
.cq-telegram .cqtg-copy{flex:1;min-width:180px;margin:0!important;line-height:1.3}
.cq-telegram .cqtg-copy strong{display:block;color:#152D49;font:700 21px/1.05 'CQ Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.02em;text-transform:uppercase}
.cq-telegram .cqtg-copy span{display:block;margin-top:4px;color:#566777;font-size:13px}
.cq-telegram .cqtg-button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 16px;border-radius:3px;background:#229ED9;color:#fff!important;
 font:700 17px/1 'CQ Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap}
.cq-telegram .cqtg-button:hover{background:#1b8bc0}
@media (max-width:480px){.cq-telegram{background-position:right 12px top 10px,0 0;background-size:84px auto,auto}.cq-telegram .cqtg-button{flex:1 1 100%;justify-content:center}}
/* Next matches: the family widgets' odds table, one match per row, the best price of each sign with its bookmaker. */
.cq-prossime .cqp-table thead th:first-child{width:46%}
.cq-prossime .cq-match-heading .spq-antepost-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 .3em;padding:2px 4px;font-size:26px}
.cq-prossime .cq-match-heading .spq-antepost-intro{display:inline;margin:0;font-size:inherit}
.cq-prossime .cq-match-heading .spq-antepost-subject{display:inline;font-size:inherit}
.cq-prossime .cqp-related{padding:10px 14px 8px;border-top:1px solid var(--w-line);background:var(--w-surface)}
.cq-prossime .cqp-related-title{margin:0 0 4px!important;color:var(--w-accent);font:700 16px/1 var(--w-font);letter-spacing:.05em;text-transform:uppercase}
.cq-prossime .cqp-related-list a{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px solid var(--w-line);color:var(--w-paper)!important;text-decoration:none!important;font:700 17px/1.2 var(--w-font)}
.cq-prossime .cqp-related-list li:last-child a{border-bottom:0}
.cq-prossime .cqp-related-comp{flex:0 0 auto;padding:2px 6px 1px;background:var(--w-raised);color:var(--w-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.cq-prossime .cqp-related-name::after{content:" ›";color:var(--w-accent)}
.cq-prossime .cqp-related-list a:hover .cqp-related-name{color:var(--w-accent);text-decoration:underline}
.cq-prossime .cqp-table tbody th{padding:8px 6px 8px 14px;text-align:left}
.cq-prossime .cqp-fixture{display:flex;flex-direction:column;gap:3px;min-width:0}
.cq-prossime .cqp-when{color:var(--w-muted);font:700 13px/1 var(--w-font);white-space:nowrap}
.cq-prossime .cqp-team{display:flex;align-items:center;gap:6px;min-width:0;color:var(--w-paper);font:700 18px/1.05 var(--w-font);text-transform:uppercase}
.cq-prossime .cqp-team span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cq-prossime .cqp-team svg{flex:0 0 auto;display:block;width:19px;height:21px}
.cq-prossime .cqp-fixture-link{display:flex;flex-direction:column;gap:3px;min-width:0;text-decoration:none!important}
.cq-prossime .cqp-fixture-link:hover .cqp-team span{color:var(--w-accent);text-decoration:underline}
.cq-prossime .has-article .cqp-team span{text-decoration:underline;text-decoration-color:var(--w-line);text-underline-offset:3px}
.cq-prossime .cqp-offer{flex-direction:column;gap:3px;min-width:62px;padding:4px 3px;text-decoration:none!important}
.cq-prossime .cqp-offer .book-logo{width:58px;height:16px;padding:1px 3px}
.cq-prossime .cqp-offer .book-logo img{max-width:52px;max-height:13px}
.cq-prossime .cqp-pick-row td{padding:0 12px 10px 14px!important;text-align:left!important}
.cq-prossime .cqp-pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;border:1px solid var(--w-line);background:var(--w-raised)}
.cq-prossime .cqp-label{color:var(--w-muted);font:700 12px/1 var(--w-font);letter-spacing:.05em;text-transform:uppercase}
.cq-prossime .cqp-pick mark{font:700 17px/1.1 var(--w-font)}
.cq-prossime .cqp-match-name{color:var(--w-paper);font:700 17px/1.1 var(--w-font);text-transform:uppercase}
.cq-prossime .cqp-pick .cqp-offer{flex-direction:row;gap:6px;min-width:0;padding:3px 7px}
.cq-prossime .cqp-go{display:inline-flex;align-items:center;margin-left:auto;min-height:34px;padding:6px 12px;border-radius:4px;background:var(--w-accent);color:var(--w-accent-ink)!important;font:700 15px/1 var(--w-font);text-decoration:none!important;white-space:nowrap}
.cq-prossime .cqp-go:hover{filter:brightness(.94)}
@media (max-width:520px){.cq-prossime .cq-match-heading .spq-antepost-title{font-size:22px}.cq-prossime .cqp-related-list a{font-size:16px}.cq-prossime .cqp-table thead th:first-child{width:42%}.cq-prossime .cqp-team span{white-space:normal;overflow:visible;overflow-wrap:anywhere}.cq-prossime .cqp-table tbody th{padding-left:10px}
 .cq-prossime .cqp-when{font-size:12px}.cq-prossime .cqp-team{font-size:15px}.cq-prossime .cqp-team svg{width:16px;height:18px}
 .cq-prossime .cqp-table td{padding:5px 2px}.cq-prossime .cqp-offer{min-width:44px;padding:3px 2px;font-size:19px}
 .cq-prossime .cqp-offer .book-logo{width:38px;height:12px;padding:1px 2px}.cq-prossime .cqp-offer .book-logo img{max-width:34px;max-height:10px}
 .cq-prossime .cqp-pick-row td{padding:0 8px 9px 10px!important}.cq-prossime .cqp-go{margin-left:0;flex-basis:100%;justify-content:center}}
/* Probable line-ups: the generator's 1080 px design in percentages and container units, names as page text. */
.cq-formazioni{container-type:inline-size;clear:both;margin:20px 0 24px;border:1px solid #DFE1E5;background:#fff;font-family:'CQ Barlow Condensed','Arial Narrow',sans-serif;color:#152D49}
.cq-formazioni p{margin:0!important;font-family:inherit!important}
.cq-formazioni ol,.cq-formazioni li{margin:0!important;padding:0!important;list-style:none!important}
.cq-formazioni .cqf-bar{display:flex;align-items:stretch;min-height:max(34px,7cqw);overflow:hidden;background:#fff}
.cq-formazioni .cqf-team{position:relative;z-index:2;display:flex;align-items:center;gap:.35em;padding:0 6cqw 0 4.8cqw!important;background:var(--kit);color:var(--kit-ink);
 clip-path:polygon(0 0,100% 0,calc(100% - 2.8cqw) 100%,0 100%);white-space:nowrap;font-size:max(17px,4.4cqw);line-height:1}
.cq-formazioni .cqf-team b{font-weight:700;text-transform:uppercase}
.cq-formazioni .cqf-team i{font-style:normal;opacity:.72}
.cq-formazioni .cqf-cut{position:relative;z-index:1;width:3.7cqw;margin-left:-3.7cqw;background:var(--kit-2);transform:translateX(1.5cqw) skewX(-21.5deg)}
.cq-formazioni .cqf-pitch{position:relative;aspect-ratio:1080/854}
.cq-formazioni .cqf-grass{position:absolute;inset:0;display:block;width:100%;height:100%}
.cq-formazioni .cqf-p{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-2.6cqw)}
.cq-formazioni .cqf-p svg{display:block;width:max(22px,4.3cqw);height:max(23px,4.5cqw);filter:drop-shadow(0 3px 3px rgba(0,0,0,.3))}
.cq-formazioni .cqf-p .spq-shirt-outline{fill:none;stroke:#fff;stroke-width:7;stroke-linejoin:round}
.cq-formazioni .cqf-p span{margin-top:.25em;color:#fff;font-size:max(10px,2.4cqw);line-height:1;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;
 text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 10px rgba(0,0,0,.25)}
.cq-formazioni .cqf-long span{font-size:max(9px,2.13cqw)}.cq-formazioni .cqf-longer span{font-size:max(9px,1.85cqw)}
/* On a phone the pitch grows taller, so each line keeps room for its shirts and names. */
@container (max-width:520px){.cq-formazioni .cqf-pitch{aspect-ratio:1080/1200}.cq-formazioni .cqf-p svg{width:5.4cqw;height:5.7cqw}
 .cq-formazioni .cqf-p span{font-size:2.8cqw;letter-spacing:.01em}.cq-formazioni .cqf-long span{font-size:2.5cqw}.cq-formazioni .cqf-longer span{font-size:2.2cqw}}