/* Article components: masthead, highlighted pick and coaching box. Headings and paragraphs keep the theme's type. */
.cq-testata{--cqt-bar:#152D49;--cqt-accent:#C1282A;clear:both;margin:0 0 20px;padding:10px 14px 11px;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}
.cq-testata .cqt-top{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;margin-top:10px!important}
.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:7px!important;color:#C9D3DD;font-size:15px;font-weight:600;letter-spacing:.02em;text-align:center}
@media (max-width:480px){.cq-testata{padding:9px 10px 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: how to read the pick's market, with its own H2. */
.cq-coaching{clear:both;margin:24px 0;padding:16px 18px 4px;border:1px solid #DFE1E5;border-left:3px solid #C1282A;background:#F7F7F7}
.cq-coaching>h2:first-child,.cq-coaching-label+h2{margin-top:0!important}
/* The coaching label sits on a slightly crooked red stroke, like a marker on the page. */
.cq-coaching-label{margin:0 0 10px!important;line-height:1}
.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)}
/* Banner towards the bonus comparison, from the box AGIMEG used in its pronostici. */
.cq-banner-bonus{clear:both;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;padding:13px 16px;border-radius:12px;background:linear-gradient(120deg,#082844,#15527e);color:#fff;box-shadow:0 7px 18px rgba(8,40,68,.14);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-size:16px;line-height:1.25}
.cq-banner-bonus .cqb-copy span{display:block;margin-top:2px;color:#d9e7f1;font-size:12px;line-height:1.35}
.cq-banner-bonus .cqb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.cq-banner-bonus .cqb-adm{box-sizing:border-box;display:flex;width:72px;height:38px;align-items:center;justify-content:center;overflow:hidden;padding:5px 7px;border:1px solid rgba(255,255,255,.45);border-radius:7px;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;min-height:38px;align-items:center;justify-content:center;padding:8px 14px;border:2px solid #fff;border-radius:8px;background:#C1282A;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900;white-space:nowrap}
.cq-banner-bonus .cqb-button:hover{filter:brightness(.94)}
/* Telegram channel: our own strip, so its look never depends on the theme. */
.cq-telegram{clear:both;display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin:20px 0;padding:11px 14px;border:1px solid #DFE1E5;border-left:3px solid #229ED9;background:#F4F5F6;font-family:Arial,Helvetica,sans-serif}
.cq-telegram .cqtg-icon{flex:0 0 auto;display:block;width:36px;height:36px}
.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-size:16px}
.cq-telegram .cqtg-copy span{display:block;margin-top:2px;color:#566777;font-size:13px}
.cq-telegram .cqtg-button{display:inline-flex;min-height:38px;align-items:center;padding:8px 14px;border-radius:6px;background:#229ED9;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700;white-space:nowrap}
.cq-telegram .cqtg-button:hover{filter:brightness(.94)}
/* 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}}
