/* Sunbet content uses the approved site tokens and shared chrome. */
.sb-page { padding-bottom: 48px; }
.sb-page .sb-hero { padding: 24px 0 20px; border-bottom: 1px solid var(--border); }
.sb-title-row { display:flex; align-items:center; gap:20px; }
.sb-title-row img { width:96px; height:72px; flex-shrink:0; object-fit:contain; }
.sb-title-row h1 { margin:0 0 8px; font-size:clamp(1.7rem,4vw,2.4rem); line-height:1.15; }
.sb-meta { color:var(--text-secondary); font-size:13px; margin:0; }
.sb-byline { font-size:13px; line-height:1.8; margin:12px 0 0; }
.sb-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:36px; padding-top:24px; }
.sb-content { min-width:0; }
.sb-content p { font-size:16px; line-height:1.75; margin:0 0 20px; }
.sb-content h2 { font-size:25px; line-height:1.25; margin:36px 0 14px; scroll-margin-top:100px; }
.sb-content h3 { font-size:19px; line-height:1.35; margin:26px 0 12px; }
.sb-content .review-lede { margin-top:24px; }
.sb-content ul, .sb-content ol { padding-left:1.5rem; margin:0 0 22px; list-style-position:outside; }
.sb-content li { padding-left:3px; margin-bottom:12px; line-height:1.7; }
.sb-panel { border:1px solid var(--border); border-radius:12px; padding:20px; background:var(--surface); }
.sb-panel h2, .sb-panel h3 { margin-top:0; }
.sb-panel > :last-child { margin-bottom:0; }
.sb-offer { padding:22px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.sb-offer-label { font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--text-secondary); }
.sb-offer .sb-offer-title { font-size:25px; line-height:1.3; font-weight:750; margin:6px 0 14px; }
.sb-offer-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.sb-page .promo-code { font-size:36px; line-height:1; font-family:monospace; white-space:nowrap; padding:8px 12px; }
.sb-page .copy-btn, .sb-page .btn-primary, .sb-page .btn-outline { min-height:44px; min-width:44px; display:inline-flex; align-items:center; justify-content:center; }
.sb-offer .sb-offer-terms { font-size:12px; line-height:1.6; margin:14px 0 0; }
.sb-page .sb-table-wrap { overflow-x:auto; margin:0 0 24px; }
.sb-page .data-table { margin:0; width:100%; border-collapse:collapse; font-size:14px; }
.sb-page .data-table td, .sb-page .data-table th { padding:12px; text-align:left; border-bottom:1px solid var(--border); color:var(--text-primary); overflow-wrap:anywhere; white-space:normal; }
.sb-page .data-table th { font-weight:650; background:var(--surface-2); }
.sb-page .data-table tbody th { width:34%; }
.sb-pros-cons { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sb-verdict { margin-top:32px; border-left:3px solid var(--accent); }
.sb-sidebar { align-self:start; position:sticky; top:88px; }
.sb-sidebar .sb-panel { margin-bottom:18px; }
.sb-page .sb-sidebar h2 { font-size:17px !important; margin:0 0 12px; }
.sb-score { font-size:24px; font-weight:750; white-space:nowrap; margin:0 0 10px; }
.sb-sidebar nav a { display:block; padding:10px 0; line-height:1.5; }
.sb-sidebar .sb-small { font-size:13px; line-height:1.6; margin:14px 0; }
.sb-page .sb-faq { margin-top:32px; }
.sb-page details.faq-item { border:1px solid var(--border); border-radius:8px; padding:0; margin-bottom:10px; overflow:hidden; background:var(--surface); }
.sb-page summary.faq-btn { display:flex; justify-content:space-between; gap:16px; padding:16px; min-height:52px; cursor:pointer; list-style:none; font-size:15px; line-height:1.4; }
.sb-page summary.faq-btn::-webkit-details-marker { display:none; }
.sb-page summary.faq-btn > span { transform:none !important; }
.sb-page summary.faq-btn::after { content:"+"; flex-shrink:0; }
.sb-page details[open] summary.faq-btn::after { content:"−"; }
.sb-page details .faq-body { display:none; }
.sb-page details[open] .faq-body { display:block; max-height:none; height:auto; padding:0 16px 16px; overflow:visible; }
.sb-page .faq-body p { font-size:15px; margin:0; }
.sb-alternatives { margin-top:32px; }
.sb-alternative-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sb-alternative-grid .sb-panel { display:flex; flex-direction:column; gap:12px; }
.sb-alternative-grid img { width:104px; height:48px; object-fit:contain; }
.sb-alternative-grid h3 { margin:0; font-size:17px; }
.sb-alternative-grid a { font-size:14px; }
.sb-page a:focus-visible,.sb-page button:focus-visible,.sb-page summary:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
@media(max-width:900px) {
  .sb-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
  .sb-sidebar { position:static; }
  .sb-sidebar nav { display:flex; flex-wrap:wrap; gap:4px 18px; }
}
@media(max-width:600px) {
  .sb-page .sb-hero { padding:18px 0 16px; }
  .sb-title-row { gap:12px; align-items:flex-start; }
  .sb-title-row img { width:64px; height:52px; }
  .sb-title-row h1 { font-size:26px; }
  .sb-byline { font-size:12px; }
  .sb-layout { padding-top:18px; }
  .sb-offer { padding:18px; }
  .sb-offer .sb-offer-title { font-size:23px; }
  .sb-offer-actions { gap:10px; }
  .sb-page .promo-code { font-size:32px; }
  .sb-content h2 { font-size:23px; }
  .sb-pros-cons,.sb-alternative-grid { grid-template-columns:1fr; }
  .sb-page .data-table td,.sb-page .data-table th { padding:10px 8px; font-size:13px; }
}