/* Use the site's existing Cinzel/Source Sans, navy and gold tokens. */
.matchup-lead{font-size:var(--text-lg);max-width:78ch;margin:var(--space-4) 0 var(--space-6)}
.matchup-verdict,.matchup-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-block:var(--space-6)}
.matchup-verdict>div{padding:var(--space-6);background:var(--surface2);border:1px solid var(--line);border-radius:var(--radius-md)}
.matchup-verdict h2{font-size:var(--text-lg);font-family:var(--font-body);margin-bottom:var(--space-3)}
.matchup-table{width:100%;border-collapse:collapse;font-size:var(--text-base);margin-block:var(--space-8)}
.matchup-table caption{text-align:left;color:var(--muted);font-size:var(--text-sm);padding-bottom:var(--space-4)}
.matchup-table th,.matchup-table td{padding:var(--space-4);vertical-align:top;text-align:left;border-bottom:1px solid var(--line);width:35%}
.matchup-table th:first-child{width:30%}
.matchup-table thead{background:var(--surface2)}
.matchup-table a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.matchup-offer{min-width:0;padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}
.matchup-offer .brand-plate{display:block;width:180px;max-width:100%;margin-bottom:var(--space-4)}
.matchup-offer h3{font-family:var(--font-body);font-size:var(--text-lg);margin-bottom:var(--space-3)}
.matchup-offer h3 a{display:inline-flex;align-items:center;min-height:44px}
.matchup-offer-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3)}
.matchup-offer>.brand-cta-code{margin-top:var(--space-5)}
.matchup-offer .affiliate-cta{margin-top:var(--space-3)}
.matchup-offer-links{display:flex;gap:var(--space-6);flex-wrap:wrap;margin-block:var(--space-3)}
.matchup-offer-links a{display:inline-flex;align-items:center;min-height:44px}
.matchup-terms{margin-top:var(--space-4)}
.matchup-terms>div{padding-block:var(--space-3);border-bottom:1px solid var(--line)}
.matchup-terms dt{font-weight:700}.matchup-terms dd{margin:var(--space-1) 0 0}
.matchup-list{display:grid;gap:var(--space-4)}
.matchup-card{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:var(--space-6);align-items:center;border:1px solid var(--line);padding:var(--space-5);border-radius:var(--radius-md);background:var(--surface)}
.matchup-card[hidden],.matchup-empty[hidden]{display:none}
.matchup-card h3{font-family:var(--font-body);font-size:var(--text-lg);margin-block:var(--space-1) var(--space-2)}
.matchup-card h3 a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:4px}
.matchup-card p{color:var(--muted);margin:0;max-width:66ch}
.matchup-market{font-size:var(--text-xs);color:var(--muted)}
.matchup-logos{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:var(--space-2)}
.matchup-logos img{width:100%;height:auto;aspect-ratio:2.5;object-fit:contain}
.matchup-logos>span{color:var(--muted);text-align:center;font-size:var(--text-xs)}
.matchup-inline{display:flex;gap:var(--space-2) var(--space-5);flex-wrap:wrap;margin-block:var(--space-4)}
.matchup-inline a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.matchup-filters{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:var(--space-4);align-items:end;margin-block:var(--space-6)}
.matchup-filters label{font-weight:600;font-size:var(--text-sm);min-width:0}
.matchup-filters select,.matchup-filters input{display:block;margin-top:var(--space-2);width:100%;min-height:48px;min-width:0;padding:var(--space-3);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);font:400 var(--text-base) var(--font-body)}
.matchup-filters .button{min-height:48px}
.matchup-count{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}
.matchup-empty{padding:var(--space-8);background:var(--surface2);border-radius:var(--radius-md)}
.matchup-empty p{margin-block:var(--space-3) var(--space-5)}
.casino-matchups .related{margin-top:var(--space-6)}
body[data-page^="casino-comparisons"] .prose ul{padding-left:1.5rem;list-style-position:outside}
body[data-page^="casino-comparisons"] h1{font-size:clamp(1.75rem,3.5vw,3rem)}
body[data-page^="casino-comparisons"] .toc a{min-height:44px;display:flex;align-items:center}
body[data-page^="casino-comparisons"] section[id],#casino-matchups{scroll-margin-top:20px}
@media(max-width:1000px){.matchup-card{grid-template-columns:150px minmax(0,1fr)}.matchup-card>.button{grid-column:2;justify-self:start}.matchup-filters{grid-template-columns:1fr 1fr}.matchup-logos{align-self:start;margin-top:var(--space-3)}}
@media(max-width:620px){
  .matchup-verdict,.matchup-offers{grid-template-columns:1fr;gap:var(--space-4)}
  .matchup-verdict>div,.matchup-offer{padding:var(--space-5)}
  .matchup-card{grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding:var(--space-5)}
  .matchup-card>.button{grid-column:auto;justify-self:start}
  .matchup-logos{width:190px;max-width:100%;margin-top:0}
  .matchup-filters{grid-template-columns:minmax(0,1fr)}
  .matchup-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .matchup-table,.matchup-table tbody,.matchup-table tr{display:block;width:100%}
  .matchup-table tr{margin-bottom:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}
  .matchup-table th:first-child,.matchup-table td{display:block;width:100%}
  .matchup-table th:first-child{background:var(--surface2)}
  .matchup-table td:before{content:attr(data-label);display:block;font-weight:700;color:var(--accent);margin-bottom:var(--space-1)}
  .matchup-table td:last-child{border-bottom:0}
  .matchup-lead{font-size:var(--text-base)}
  .matchup-inline{gap:0 var(--space-4)}
}