/* ================================================================================================
   V6 list pages (v6.php, 2026-10-22): Casino Reviews, Slots, Live Casino, in all three languages. Loaded only by those
   pages (render_standalone $meta['css']), so nothing here touches another page. Same light theme as the front page:
   warm white, navy, a little champagne gold, Arial. Logos and game tiles 1:1, review covers 16:9.
   The header is not styled here: it is the same on every page (end of apple.css).
   ================================================================================================ */
html.abr-apple { --v6-bg: #FAFAF8; --v6-alt: #F5F3EF; --v6-card: #FFFFFF; --v6-navy: #142B49; --v6-body: #36465A; --v6-mut: #758195;
  --v6-gold: #B78B4D; --v6-gold-d: #9E7640; --v6-gold2: #E9D5B3; --v6-goldbg: #F8F2E8; --v6-line: #E8E9E8; --v6-ok: #2C8A69;
  --v6-shadow: 0 1px 2px rgba(20, 43, 73, .04), 0 6px 18px rgba(20, 43, 73, .04); }
html.abr-apple, html.abr-apple body, html.abr-apple body *:not(svg):not(path) { font-family: Arial, Helvetica, sans-serif !important; }
html.abr-apple body :is(h1, h2, h3, h4, em, i, b, strong, small) { font-style: normal !important; }
html.abr-apple body, html.abr-apple #root, html.abr-apple #root > div { background: var(--v6-bg) !important; }
html.abr-apple #root main .max-w-5xl { max-width: 1240px !important; }
html.v6-lock, html.v6-lock body { overflow: hidden !important; }

/* ---------- Resets inside the new parts only (the page's own text sections keep their look) ---------- */
html.abr-apple #root .rich-content .v6-c, html.abr-apple #root .rich-content .v6-c * { box-sizing: border-box; }
html.abr-apple #root .rich-content .v6-c :is(p, li, h1, h2, h3, small, b, legend, label, span) { text-align: left !important; hyphens: manual; -webkit-hyphens: manual; }
html.abr-apple #root .rich-content .v6-c :is(ul, ol) { list-style: none !important; margin: 0 !important; padding: 0 !important; max-width: none !important; }
html.abr-apple #root .rich-content .v6-c :is(ul, ol) > li { margin: 0 !important; padding: 0; max-width: none !important; color: inherit; }
html.abr-apple #root .rich-content .v6-c :is(ul, ol) > li::before { content: none !important; display: none !important; }
html.abr-apple #root .rich-content .v6-c a { text-decoration: none !important; }
html.abr-apple #root .rich-content .v6-c p { margin: 0 !important; max-width: none !important; }
html.abr-apple #root .rich-content .v6-c :is(h2, h3) { margin: 0 !important; padding: 0 !important; border: 0 !important; color: var(--v6-navy) !important; letter-spacing: 0 !important; font-weight: 700 !important; }
html.abr-apple #root .rich-content .v6-c :is(h2, h3)::before, html.abr-apple #root .rich-content .v6-c :is(h2, h3)::after { content: none !important; display: none !important; }
html.abr-apple #root .rich-content .v6-c img { margin: 0 !important; box-shadow: none !important; max-width: none !important; }
html.abr-apple #root .rich-content .v6-c svg.v6-i { flex: 0 0 auto; }
html.abr-apple #root .rich-content :is(section, div).v6-c { margin: 0 0 40px !important; padding: 0 !important; scroll-margin-top: 84px; }
html.abr-apple #root .rich-content .v6-c button { font: inherit; cursor: pointer; }

/* ---------- Hero: the page's own H1 and lede on a soft cream panel, three true facts, the illustration ---------- */
html.abr-apple #root .rich-content section.v6-c.v6-hero { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, .75fr);
  gap: 32px; align-items: center; margin: 8px 0 32px !important; padding: 28px 40px !important; border: 1px solid #EFE6D6; border-radius: 24px; background: linear-gradient(135deg, #FCF9F4 0%, #F6EFE3 100%); }
html.abr-apple #root .rich-content section.v6-hero::before { content: ""; position: absolute; z-index: -1; right: -120px; top: -150px; width: 480px; height: 480px; border-radius: 50%;
  background: radial-gradient(circle, rgba(233, 213, 179, .55) 0%, rgba(233, 213, 179, 0) 68%); pointer-events: none; }
html.abr-apple #root .rich-content section.v6-hero nav[aria-label="Breadcrumb"] { margin: 0 0 12px !important; padding: 0 !important; font-size: 13px !important; color: var(--v6-mut) !important; background: none !important; }
html.abr-apple #root .rich-content section.v6-hero nav[aria-label="Breadcrumb"] a { color: var(--v6-mut) !important; text-decoration: none !important; }
html.abr-apple #root .rich-content section.v6-hero nav[aria-label="Breadcrumb"] a:hover { color: var(--v6-gold) !important; }
html.abr-apple #root .rich-content .v6-hero p.v6-eyebrow { font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--v6-gold) !important; }
html.abr-apple #root .rich-content .v6-hero h1 { margin: 8px 0 0 !important; padding: 0 !important; max-width: 24ch; font-size: 36px !important; line-height: 1.14 !important; letter-spacing: -0.015em !important;
  font-weight: 700 !important; color: var(--v6-navy) !important; text-wrap: balance; text-align: left !important; }
html.abr-apple #root .rich-content .v6-hero p.v6-lede { margin-top: 12px !important; max-width: 62ch !important; font-size: 15.5px; line-height: 1.6; color: var(--v6-body) !important; }
html.abr-apple #root .rich-content .v6-hero ul.v6-badges { display: flex !important; flex-wrap: wrap; gap: 12px 28px; margin-top: 20px !important; }
html.abr-apple #root .rich-content .v6-hero ul.v6-badges > li { display: flex; align-items: center; gap: 10px; }
html.abr-apple #root .rich-content .v6-hero .v6-bi { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 1px solid var(--v6-gold2); color: var(--v6-gold); }
html.abr-apple #root .rich-content .v6-hero ul.v6-badges b { display: block; font-size: 13.5px; font-weight: 700; color: var(--v6-navy); line-height: 1.3; }
html.abr-apple #root .rich-content .v6-hero ul.v6-badges small { display: block; font-size: 12px; color: var(--v6-mut); line-height: 1.35; }
html.abr-apple #root .rich-content .v6-hero figure.v6-hero-f { margin: 0 !important; padding: 0 !important; display: flex; justify-content: center; }
html.abr-apple #root .rich-content .v6-hero figure.v6-hero-f img { display: block; width: 100% !important; height: auto !important; max-height: 240px; object-fit: contain; border-radius: 18px !important; }
html.abr-apple #root .rich-content div.v6-c.v6-answer { margin: -12px 0 32px !important; }

/* ---------- Sidebar + list ---------- */
html.abr-apple #root .rich-content section.v6-app { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 24px; align-items: start; }
html.abr-apple #root .rich-content section.v6-app:not(.v6-js) { grid-template-columns: minmax(0, 1fr); }
html.abr-apple #root .rich-content section.v6-app:not(.v6-js) :is(.v6-side, .v6-bar-r, .v6-count) { display: none !important; }
html.abr-apple #root .rich-content .v6-main { min-width: 0; }
html.abr-apple #root .rich-content aside.v6-side { position: relative; border: 1px solid var(--v6-line); border-radius: 18px; background: var(--v6-card); box-shadow: var(--v6-shadow); }
/* Every filter shown in full (owner, 2026-10-22: not cut off half way); the card ends where its filters end (owner, same day) */
html.abr-apple #root .rich-content .v6-side-in { padding: 18px; }
html.abr-apple #root .rich-content .v6-side-hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
html.abr-apple #root .rich-content p.v6-side-h { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: var(--v6-navy) !important; }
html.abr-apple #root .rich-content p.v6-side-h .v6-i { color: var(--v6-gold); }
html.abr-apple #root .rich-content button.v6-fclose { display: none; }
html.abr-apple #root .rich-content label.v6-q { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--v6-line); border-radius: 10px; background: #FBFAF8; color: var(--v6-mut); }
html.abr-apple #root .rich-content label.v6-q:focus-within { border-color: var(--v6-gold); box-shadow: 0 0 0 3px rgba(183, 139, 77, .16); }
html.abr-apple #root .rich-content label.v6-q input { flex: 1; min-width: 0; height: 100%; padding: 0 !important; margin: 0 !important; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; font-size: 14px; color: var(--v6-navy); }
html.abr-apple #root .rich-content fieldset.v6-g { min-width: 0; margin: 10px 0 0; padding: 10px 0 0; border: 0; border-top: 1px solid #F0EFEC; }
html.abr-apple #root .rich-content fieldset.v6-g legend { float: left; width: 100%; margin: 0 0 4px; padding: 0; font-size: 13px; font-weight: 700; color: var(--v6-navy); }
html.abr-apple #root .rich-content label.v6-opt { clear: both; display: flex; align-items: center; gap: 9px; min-height: 27px; padding: 2px 0; font-size: 13.5px; line-height: 1.35; color: var(--v6-body); cursor: pointer; }
html.abr-apple #root .rich-content label.v6-opt input { flex: 0 0 auto; width: 16px; height: 16px; margin: 0; accent-color: var(--v6-gold); cursor: pointer; }
html.abr-apple #root .rich-content label.v6-opt span { flex: 1; min-width: 0; }
html.abr-apple #root .rich-content label.v6-opt em { font-style: normal; font-size: 12px; color: var(--v6-mut); }
html.abr-apple #root .rich-content label.v6-opt:hover span { color: var(--v6-navy); }
html.abr-apple #root .rich-content .v6-side-ft { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
html.abr-apple #root .rich-content button.v6-reset { height: 38px; border: 1px solid var(--v6-line); border-radius: 10px; background: #fff; color: var(--v6-mut); font-size: 13.5px; font-weight: 700; }
html.abr-apple #root .rich-content section.v6-on button.v6-reset { border-color: var(--v6-navy); color: var(--v6-navy); }
html.abr-apple #root .rich-content button.v6-apply { display: none; }
html.abr-apple #root .rich-content .v6-scrim { display: none; }

html.abr-apple #root .rich-content .v6-bar { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
html.abr-apple #root .rich-content .v6-c :is(.v6-bar, .v6-sec-hd) h2 { font-size: 24px !important; line-height: 1.2 !important; }
html.abr-apple #root .rich-content .v6-c p.v6-sub { margin-top: 6px !important; max-width: 76ch !important; font-size: 13.5px; line-height: 1.55; color: var(--v6-mut) !important; }
html.abr-apple #root .rich-content .v6-bar-r { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
html.abr-apple #root .rich-content label.v6-sort { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--v6-mut); white-space: nowrap; }
html.abr-apple #root .rich-content label.v6-sort select { height: 38px; padding: 0 12px; margin: 0; border: 1px solid var(--v6-line); border-radius: 10px; background: #fff; font-size: 13.5px; font-weight: 700; color: var(--v6-navy); cursor: pointer; max-width: 230px; }
html.abr-apple #root .rich-content button.v6-fbtn { display: none; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border: 1.5px solid var(--v6-navy); border-radius: 10px; background: #fff; color: var(--v6-navy); font-size: 13.5px; font-weight: 700; }
html.abr-apple #root .rich-content button.v6-fbtn b { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--v6-gold); color: #fff; font-size: 12px; }
html.abr-apple #root .rich-content button.v6-fbtn b[hidden] { display: none; }
html.abr-apple #root .rich-content .v6-lhd { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; margin: 10px 0 12px; }
html.abr-apple #root .rich-content .v6-c p.v6-count { margin: 0 !important; font-size: 12.5px; color: var(--v6-mut) !important; }
html.abr-apple #root .rich-content .v6-c p.v6-empty { padding: 24px; border: 1px dashed var(--v6-line); border-radius: 14px; color: var(--v6-mut) !important; font-size: 14px; }
html.abr-apple #root .rich-content .v6-c p.v6-empty[hidden], html.abr-apple #root .rich-content .v6-c p.v6-morep[hidden] { display: none; }
html.abr-apple #root .rich-content ul.v6-items > :is([hidden], .v6-cut) { display: none !important; }
html.abr-apple #root .rich-content .v6-c p.v6-morep { display: flex; justify-content: center; margin-top: 18px !important; }
html.abr-apple #root .rich-content button.v6-more { height: 42px; padding: 0 22px; border: 1.5px solid var(--v6-navy); border-radius: 999px; background: #fff; color: var(--v6-navy); font-size: 14px; font-weight: 700; }
html.abr-apple #root .rich-content button.v6-more:hover { background: var(--v6-goldbg); }

/* ---------- Ranking rows: rank, 1:1 logo, name and score, one line, tags, buttons ---------- */
html.abr-apple #root .rich-content ul.v6-rows { display: block !important; border: 1px solid var(--v6-line); border-radius: 18px; background: var(--v6-card); box-shadow: var(--v6-shadow); overflow: hidden; }
html.abr-apple #root .rich-content ul.v6-rows > li.v6-row { display: grid; grid-template-columns: 34px 64px minmax(0, 1fr) 168px; gap: 16px; align-items: center; padding: 16px 18px !important; }
html.abr-apple #root .rich-content ul.v6-rows > li.v6-row.v6-norank { grid-template-columns: 64px minmax(0, 1fr) 168px; }
html.abr-apple #root .rich-content ul.v6-rows > li + li { border-top: 1px solid #E7E3DC; }
html.abr-apple #root .rich-content ul.v6-rows > li.v6-row:hover { background: #FDFCFA; }
html.abr-apple #root .rich-content .v6-rank { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 9px; background: var(--v6-goldbg); color: var(--v6-navy); font-size: 14px; font-weight: 700; }
html.abr-apple #root .rich-content .v6-rank.v6-top { background: var(--v6-gold); color: #fff; }
html.abr-apple #root .rich-content a.v6-logo { display: flex; align-items: center; justify-content: center; width: 64px; aspect-ratio: 1 / 1; border: 1px solid var(--v6-line); border-radius: 14px; overflow: hidden; background: #fff; }
html.abr-apple #root .rich-content a.v6-logo .cx-tile { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 100% !important; aspect-ratio: 1 / 1; padding: 6px; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html.abr-apple #root .rich-content :is(a.v6-logo, .v6-cover) .cx-tile img { width: 100% !important; height: 100% !important; object-fit: contain; border-radius: 0 !important; }
html.abr-apple #root .rich-content a.v6-logo .v6-limg { width: 100% !important; height: 100% !important; padding: 8px; object-fit: contain; border-radius: 0 !important; }
html.abr-apple #root .rich-content .gp-mono:is(.v6-limg, .v6-glogo) { display: inline-flex !important; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; color: var(--v6-navy); background: var(--v6-goldbg); }
html.abr-apple #root .rich-content .v6-nl { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
html.abr-apple #root .rich-content h3.v6-name { font-size: 17px !important; line-height: 1.3 !important; }
html.abr-apple #root .rich-content h3.v6-name a { color: var(--v6-navy) !important; }
html.abr-apple #root .rich-content h3.v6-name a:hover { color: var(--v6-gold-d) !important; }
html.abr-apple #root .rich-content .v6-rate { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--v6-mut); white-space: nowrap; }
html.abr-apple #root .rich-content .v6-stars { position: relative; display: inline-block; font-size: 13px; line-height: 1; letter-spacing: 1px; color: #DCDFE4; margin-right: 3px; font-family: Arial, "Segoe UI Symbol", sans-serif !important; }
html.abr-apple #root .rich-content .v6-stars::before { content: "\2605\2605\2605\2605\2605"; }
html.abr-apple #root .rich-content .v6-stars::after { content: "\2605\2605\2605\2605\2605"; position: absolute; left: 0; top: 0; width: var(--v); overflow: hidden; white-space: nowrap; color: var(--v6-gold); }
html.abr-apple #root .rich-content .v6-rate b { font-size: 15px; font-weight: 700; color: var(--v6-navy); }
html.abr-apple #root .rich-content .v6-rate small { font-size: 12px; color: var(--v6-mut); }
html.abr-apple #root .rich-content .v6-rate em { font-style: normal; font-size: 12px; color: var(--v6-mut); margin-left: 4px; }
html.abr-apple #root .rich-content .v6-noscore { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; background: #F1F2F4; color: #5D6878; font-size: 12px; font-weight: 700; }
html.abr-apple #root .rich-content .v6-c p.v6-sum { margin-top: 5px !important; font-size: 13.5px; line-height: 1.5; color: var(--v6-body) !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.abr-apple #root .rich-content ul.v6-tags { display: flex !important; flex-wrap: wrap; gap: 6px; margin-top: 9px !important; }
html.abr-apple #root .rich-content ul.v6-tags > li { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px !important; border-radius: 999px; background: var(--v6-alt); font-size: 12px; line-height: 1.35; color: var(--v6-body); }
html.abr-apple #root .rich-content ul.v6-tags .v6-i { width: 13px; height: 13px; color: var(--v6-gold); }
html.abr-apple #root .rich-content ul.v6-tags > li.v6-ok { background: #EAF5F0; color: #21694F; }
html.abr-apple #root .rich-content ul.v6-tags > li.v6-ok .v6-i { color: var(--v6-ok); }
html.abr-apple #root .rich-content ul.v6-tags > li.v6-mut { background: #F3F3F1; color: var(--v6-mut); }
html.abr-apple #root .rich-content ul.v6-tags > li.v6-mut .v6-i { color: var(--v6-mut); }
html.abr-apple #root .rich-content ul.v6-tags b { font-weight: 700; }
html.abr-apple #root .rich-content .v6-c p.v6-date { margin-top: 7px !important; font-size: 12px; color: var(--v6-mut) !important; }
html.abr-apple #root .rich-content .v6-acts { display: flex; flex-direction: column; gap: 8px; align-items: stretch; min-width: 0; }
html.abr-apple #root .rich-content a.v6-btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 16px; border-radius: 999px; background: var(--v6-gold); color: #fff !important; font-size: 14px; font-weight: 700; white-space: nowrap; }
html.abr-apple #root .rich-content a.v6-btn:hover { background: var(--v6-gold-d); }
html.abr-apple #root .rich-content a.v6-visit { display: block; height: 38px; padding: 0 14px; border-radius: 999px; border: 1.5px solid var(--v6-navy); background: #fff; color: var(--v6-navy) !important; font-size: 13px; font-weight: 700; line-height: 35px; text-align: center !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.abr-apple #root .rich-content a.v6-visit:hover { background: var(--v6-goldbg); }
/* apple.css flattens every sponsored link that is not one of its own buttons into a plain link (line ~1453, five :not()s);
   the :not(#v6-x) gives this rule an id's weight so the button keeps its shape. */
html.abr-apple #root .rich-content .v6-acts a.v6-visit[rel]:not(#v6-x) { display: block !important; height: 38px; min-height: 0 !important; padding: 0 14px !important; border: 1.5px solid var(--v6-navy) !important;
  border-radius: 999px !important; background: #fff !important; color: var(--v6-navy) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 35px !important; text-align: center !important;
  text-decoration: none !important; box-shadow: none !important; transform: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.abr-apple #root .rich-content .v6-acts a.v6-visit[rel]:not(#v6-x):hover { background: var(--v6-goldbg) !important; }
/* The casino's safety check: the third button, under Read review and Visit (owner, 2026-10-22) */
html.abr-apple #root .rich-content a.v6-safe { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 999px; background: var(--v6-goldbg); color: var(--v6-navy) !important; font-size: 13px; font-weight: 700; white-space: nowrap; }
html.abr-apple #root .rich-content a.v6-safe .v6-i { width: 15px; height: 15px; color: var(--v6-gold-d); }
html.abr-apple #root .rich-content a.v6-safe:hover { background: #F1E5D1; }
html.abr-apple #root .rich-content .v6-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
/* Compare: a tick box right beside each casino's name (owner, 2026-10-23: no Compare word in every card), up to three, and one
   Compare button at the top right of the list. Once something is ticked the count line with the button follows down the list. */
html.abr-apple #root .rich-content .v6-nm { display: inline-flex; align-items: center; gap: 9px; min-width: 0; }
html.abr-apple #root .rich-content label.v6-pick { display: inline-flex; align-items: center; align-self: flex-end; gap: 7px; height: 24px; font-size: 12.5px; font-weight: 700; color: var(--v6-mut); cursor: pointer; user-select: none; -webkit-user-select: none; }
html.abr-apple #root .rich-content .v6-nm > label.v6-pick { justify-content: center; align-self: auto; flex: 0 0 auto; width: 22px; height: 22px; gap: 0; margin: 0; }
html.abr-apple #root .rich-content .v6-nm > label.v6-pick input { width: 18px; height: 18px; }
html.abr-apple #root .rich-content label.v6-pick[hidden] { display: none; }
html.abr-apple #root .rich-content label.v6-pick input { width: 17px; height: 17px; margin: 0; accent-color: var(--v6-gold); cursor: pointer; }
html.abr-apple #root .rich-content label.v6-pick:hover, html.abr-apple #root .rich-content li.v6-picked label.v6-pick { color: var(--v6-navy); }
html.abr-apple #root .rich-content label.v6-pick.v6-off { opacity: .4; cursor: not-allowed; }
html.abr-apple #root .rich-content label.v6-pick.v6-off input { cursor: not-allowed; }
html.abr-apple #root .rich-content ul.v6-rows > li.v6-row.v6-picked { background: #FFFCF6; box-shadow: inset 3px 0 0 var(--v6-gold); }
html.abr-apple #root .rich-content .v6-cmpctl { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
html.abr-apple #root .rich-content .v6-cmpctl[hidden], html.abr-apple #root .rich-content button.v6-cmpclr[hidden] { display: none; }
html.abr-apple #root .rich-content button.v6-cmpgo { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 7px 0 14px; margin: 0; border: 0; border-radius: 999px; background: var(--v6-navy); color: #fff; font-size: 13.5px; font-weight: 700; }
html.abr-apple #root .rich-content button.v6-cmpgo .v6-i { width: 16px; height: 16px; }
html.abr-apple #root .rich-content button.v6-cmpgo b { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 22px; padding: 0 7px; border-radius: 999px; background: rgba(255, 255, 255, .2); font-size: 12px; font-weight: 700; }
html.abr-apple #root .rich-content button.v6-cmpgo:not(:disabled):hover { background: #0D1E35; }
html.abr-apple #root .rich-content button.v6-cmpgo:disabled { background: #ECEEF1; color: #8D96A4; cursor: default; }
html.abr-apple #root .rich-content button.v6-cmpgo:disabled b { background: #fff; color: #8D96A4; }
html.abr-apple #root .rich-content button.v6-cmpclr { height: 36px; padding: 0; margin: 0; border: 0; background: none; color: var(--v6-mut); font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
html.abr-apple #root .rich-content button.v6-cmpclr:hover { color: var(--v6-navy); }
html.abr-apple #root .rich-content section.v6-picking .v6-lhd { position: sticky; top: 65px; z-index: 6; margin: 0 -6px; padding: 10px 6px 12px; background: var(--v6-bg); }
html.abr-apple #root .rich-content p.gv-more.v6-after { margin: -24px 0 40px !important; }
html.abr-apple #root .rich-content section.v6-ranks .v6-sec-hd { margin-bottom: 14px; }
html.abr-apple #root .rich-content section.v6-ranks p.gv-more { margin-top: 14px !important; }

/* ---------- 16:9 review cards ---------- */
html.abr-apple #root .rich-content .v6-sec-hd { display: flex; flex-direction: column; margin-bottom: 14px; }
html.abr-apple #root .rich-content ul.v6-cards { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
html.abr-apple #root .rich-content a.v6-card { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--v6-line); border-radius: 16px; overflow: hidden; background: var(--v6-card); box-shadow: var(--v6-shadow); color: var(--v6-body) !important; transition: transform .15s ease, box-shadow .15s ease; }
html.abr-apple #root .rich-content a.v6-card:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(20, 43, 73, .05), 0 12px 28px rgba(20, 43, 73, .08); }
html.abr-apple #root .rich-content .v6-cover { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; overflow: hidden;
  background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, .95) 0, rgba(255, 255, 255, 0) 58%), linear-gradient(135deg, #FBF6EE 0%, #EEDFC6 100%); }
html.abr-apple #root .rich-content .v6-cover::after { content: ""; position: absolute; right: -40px; bottom: -60px; width: 160px; height: 160px; border-radius: 50%; border: 1px solid rgba(183, 139, 77, .25); box-shadow: 0 0 0 18px rgba(233, 213, 179, .14); }
html.abr-apple #root .rich-content .v6-cover > :is(.cx-tile, img, .gp-mono) { position: relative; z-index: 1; display: flex !important; align-items: center; justify-content: center; width: auto !important; height: 58% !important; aspect-ratio: 1 / 1;
  padding: 8px; margin: 0 !important; border-radius: 18px !important; background: #fff; box-shadow: 0 8px 22px rgba(20, 43, 73, .14) !important; object-fit: contain; overflow: hidden; }
html.abr-apple #root .rich-content .v6-card-b { display: flex; flex-direction: column; gap: 4px; flex: 1; padding: 12px 14px 14px; }
html.abr-apple #root .rich-content .v6-card-b small { font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--v6-gold-d); }
html.abr-apple #root .rich-content .v6-card-b b { font-size: 15px; line-height: 1.35; font-weight: 700; color: var(--v6-navy); }
html.abr-apple #root .rich-content .v6-card-b em { font-style: normal; font-size: 12px; color: var(--v6-mut); }
html.abr-apple #root .rich-content .v6-go { margin-top: auto; padding-top: 6px; font-size: 13px; font-weight: 700; color: var(--v6-navy); }
html.abr-apple #root .rich-content a:hover .v6-go { color: var(--v6-gold-d); }

/* ---------- Slot game tiles: a 1:1 cover in the studio's colour with the game's name (no game art of our own) ---------- */
html.abr-apple #root .rich-content ul.v6-games { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
html.abr-apple #root .rich-content li.v6-game > a { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--v6-line); border-radius: 16px; overflow: hidden; background: var(--v6-card); box-shadow: var(--v6-shadow); color: var(--v6-body) !important; transition: transform .15s ease, box-shadow .15s ease; }
html.abr-apple #root .rich-content li.v6-game > a:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(20, 43, 73, .05), 0 12px 28px rgba(20, 43, 73, .08); }
html.abr-apple #root .rich-content .v6-gcover { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: 18px; overflow: hidden;
  background: radial-gradient(circle at 26% 16%, hsl(var(--h) 70% 98%) 0, hsl(var(--h) 70% 98% / 0) 56%), linear-gradient(150deg, hsl(var(--h) 52% 91%) 0%, hsl(var(--h) 42% 76%) 100%); }
html.abr-apple #root .rich-content .v6-gcover::after { content: ""; position: absolute; right: -36px; bottom: -36px; width: 120px; height: 120px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .55); box-shadow: 0 0 0 14px rgba(255, 255, 255, .14); }
html.abr-apple #root .rich-content .v6-gcover > .v6-glogo { position: absolute; z-index: 1; top: 10px; left: 10px; width: 38px !important; height: 38px !important; padding: 4px; border-radius: 10px !important; background: #fff; object-fit: contain; box-shadow: 0 2px 8px rgba(20, 43, 73, .12) !important; }
html.abr-apple #root .rich-content .v6-gcover > .v6-gt { position: relative; z-index: 1; font-size: 20px; line-height: 1.15; font-weight: 700; color: var(--v6-navy); text-align: center !important; text-wrap: balance;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html.abr-apple #root .rich-content .v6-gb { display: flex; flex-direction: column; gap: 3px; flex: 1; padding: 10px 12px 12px; min-width: 0; }
html.abr-apple #root .rich-content .v6-gb b { font-size: 14.5px; line-height: 1.3; color: var(--v6-navy); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.abr-apple #root .rich-content .v6-gb small { font-size: 12.5px; color: var(--v6-mut); }
html.abr-apple #root .rich-content .v6-gb .v6-gm { font-size: 12px; line-height: 1.4; color: var(--v6-body); }
html.abr-apple #root .rich-content .v6-st { align-self: flex-start; margin-top: 4px; padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700; }
html.abr-apple #root .rich-content .v6-st-tested { background: #EAF5F0; color: #21694F; }
html.abr-apple #root .rich-content .v6-st-first { background: var(--v6-goldbg); color: #8A6533; }
html.abr-apple #root .rich-content .v6-gcover > .v6-rtp { position: absolute; z-index: 1; top: 12px; right: 10px; padding: 4px 9px; border-radius: 999px; background: rgba(255, 255, 255, .94); color: var(--v6-navy); font-size: 12px; font-weight: 700; line-height: 1.2; white-space: nowrap; box-shadow: 0 2px 8px rgba(20, 43, 73, .12); }
html.abr-apple #root .rich-content .v6-gb .v6-gcta { display: flex; align-items: center; justify-content: center; margin-top: auto; height: 38px; border-radius: 999px; background: var(--v6-gold); color: #fff; font-size: 13.5px; font-weight: 700; white-space: nowrap; }
/* The button always sits at the bottom of the card, at least 10px under the last line */
html.abr-apple #root .rich-content .v6-gb > :nth-last-child(2) { margin-bottom: 10px; }
html.abr-apple #root .rich-content li.v6-game > a:hover .v6-gcta { background: var(--v6-gold-d); }
/* Live Casino: the reading sections under the list open and close (v6_fold; the panel itself is apple.css details.hx-fold) */
html.abr-apple #root .rich-content .v6-acc { margin-top: 18px; }
html.abr-apple #root .rich-content .v6-acc > section.gv-sec { margin: 0 0 12px !important; }
html.abr-apple #root .rich-content .v6-acc details.hx-fold { margin: 0 !important; }
html.abr-apple #root .rich-content .v6-acc details.hx-fold > summary h2 { color: var(--v6-navy) !important; }
/* The phone hero fold (v6_hero): only on a phone, and only once the script has run */
html.abr-apple #root .rich-content button.v6-introbtn { display: none; }

/* ---------- Narrower screens ---------- */
@media (max-width: 1199px) {
  html.abr-apple #root .rich-content ul.v6-games { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html.abr-apple #root .rich-content .v6-hero h1 { font-size: 32px !important; }
  html.abr-apple #root .rich-content ul.v6-rows > li.v6-row { grid-template-columns: 32px 56px minmax(0, 1fr) 150px; gap: 14px; }
  html.abr-apple #root .rich-content ul.v6-rows > li.v6-row.v6-norank { grid-template-columns: 56px minmax(0, 1fr) 150px; }
  html.abr-apple #root .rich-content a.v6-logo { width: 56px; }
}
@media (max-width: 960px) {
  html.abr-apple #root .rich-content section.v6-app { grid-template-columns: minmax(0, 1fr); }
  html.abr-apple #root .rich-content section.v6-picking .v6-lhd { top: 59px; }
  html.abr-apple #root .rich-content aside.v6-side { position: fixed; z-index: 90; top: 0; bottom: 0; left: 0; width: min(88vw, 360px); max-height: none; display: flex; flex-direction: column; overflow: auto; overscroll-behavior: contain;
    border-radius: 0 18px 18px 0; border-width: 0 1px 0 0; transform: translateX(-104%); visibility: hidden; transition: transform .25s cubic-bezier(.2, .8, .2, 1), visibility .25s; }
  html.abr-apple #root .rich-content section.v6-open aside.v6-side { transform: none; visibility: visible; }
  html.abr-apple #root .rich-content .v6-scrim { display: block; position: fixed; z-index: 89; inset: 0; background: rgba(20, 43, 73, .38); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s; }
  html.abr-apple #root .rich-content section.v6-open .v6-scrim { opacity: 1; visibility: visible; }
  html.abr-apple #root .rich-content button.v6-fclose { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: -8px -8px -8px 0; border: 0; border-radius: 10px; background: transparent; color: var(--v6-navy); }
  html.abr-apple #root .rich-content .v6-side-in { position: static; max-height: none; overflow: visible; display: flex; flex-direction: column; flex: 1 0 auto; }
  html.abr-apple #root .rich-content .v6-side-ft { position: sticky; bottom: -18px; flex-direction: row; margin: auto -18px -18px; padding: 12px 18px 18px; background: #fff; border-top: 1px solid #F0EFEC; }
  html.abr-apple #root .rich-content .v6-side-ft button { flex: 1; }
  html.abr-apple #root .rich-content button.v6-apply { display: block; height: 38px; border: 0; border-radius: 10px; background: var(--v6-gold); color: #fff; font-size: 13.5px; font-weight: 700; }
  html.abr-apple #root .rich-content button.v6-fbtn { display: inline-flex; }
  html.abr-apple #root .rich-content section.v6-c.v6-hero { grid-template-columns: minmax(0, 1fr) 200px; gap: 20px; padding: 24px 26px !important; }
  html.abr-apple #root .rich-content ul.v6-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 719px) {
  html.abr-apple #root .rich-content section.v6-hero.v6-folds:not(.v6-unfold) .v6-intro, html.abr-apple #root .rich-content section.v6-hero.v6-folds:not(.v6-unfold) ~ .v6-answer { display: none !important; }
  html.abr-apple #root .rich-content section.v6-hero.v6-folds button.v6-introbtn { display: inline-flex; align-items: center; gap: 4px; margin: 10px 0 0; padding: 0; border: 0; background: none; color: var(--v6-gold-d); font-size: 13.5px; font-weight: 700; }
  html.abr-apple #root .rich-content section.v6-hero.v6-unfold button.v6-introbtn svg { transform: rotate(180deg); }
  html.abr-apple #root .rich-content ul.v6-rows > li.v6-row.v6-solo { grid-template-columns: 28px 52px minmax(0, 1fr) auto; }
  html.abr-apple #root .rich-content ul.v6-rows > li.v6-row.v6-solo.v6-norank { grid-template-columns: 52px minmax(0, 1fr) auto; }
  html.abr-apple #root .rich-content li.v6-row.v6-solo > .v6-acts { grid-column: -2 / -1; grid-row: 1; }
  html.abr-apple #root .rich-content li.v6-row.v6-solo .v6-rate em { display: none; }
  html.abr-apple #root .rich-content li.v6-row.v6-solo > .v6-acts > a.v6-btn { flex: 0 0 auto; height: 34px; padding: 0 14px; font-size: 13px; }
  html.abr-apple #root .rich-content section.v6-c.v6-hero { grid-template-columns: minmax(0, 1fr); margin-top: 4px !important; padding: 18px 18px 20px !important; border-radius: 18px; }
  html.abr-apple #root .rich-content .v6-hero figure.v6-hero-f { display: none; }
  html.abr-apple #root .rich-content .v6-hero h1 { font-size: 22px !important; line-height: 1.22 !important; }
  html.abr-apple #root .rich-content .v6-hero p.v6-lede { font-size: 14.5px; line-height: 1.55; }
  html.abr-apple #root .rich-content .v6-hero ul.v6-badges { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 16px !important; }
  html.abr-apple #root .rich-content .v6-hero ul.v6-badges > li { flex-direction: column; align-items: flex-start; gap: 6px; padding: 10px; border-radius: 12px; background: rgba(255, 255, 255, .7); }
  html.abr-apple #root .rich-content .v6-hero .v6-bi { flex-basis: 30px; width: 30px; height: 30px; }
  html.abr-apple #root .rich-content .v6-hero ul.v6-badges b { font-size: 12px; }
  html.abr-apple #root .rich-content .v6-hero ul.v6-badges small { font-size: 11px; }
  html.abr-apple #root .rich-content :is(section, div).v6-c { margin-bottom: 32px !important; }
  html.abr-apple #root .rich-content .v6-bar { flex-direction: column; align-items: stretch; gap: 12px; }
  html.abr-apple #root .rich-content .v6-bar-r { justify-content: space-between; }
  html.abr-apple #root .rich-content label.v6-sort span { display: none; }
  html.abr-apple #root .rich-content label.v6-sort select { max-width: 210px; }
  html.abr-apple #root .rich-content .v6-c :is(.v6-bar, .v6-sec-hd) h2 { font-size: 20px !important; }
  /* Phone row: rank, logo and name on the first line; tags and buttons use the full width under them */
  html.abr-apple #root .rich-content ul.v6-rows > li.v6-row { grid-template-columns: 28px 52px minmax(0, 1fr); gap: 10px 12px; align-items: center; padding: 14px !important; }
  html.abr-apple #root .rich-content ul.v6-rows > li.v6-row.v6-norank { grid-template-columns: 52px minmax(0, 1fr); }
  html.abr-apple #root .rich-content ul.v6-rows > li.v6-row > .v6-info { display: contents; }
  html.abr-apple #root .rich-content ul.v6-rows > li.v6-row .v6-nl { flex-direction: column; align-items: flex-start; gap: 2px; }
  html.abr-apple #root .rich-content ul.v6-rows > li.v6-row ul.v6-tags { grid-column: 1 / -1; margin-top: 0 !important; }
  html.abr-apple #root .rich-content a.v6-logo { width: 52px; border-radius: 12px; }
  html.abr-apple #root .rich-content .v6-rank { width: 28px; height: 28px; font-size: 13px; border-radius: 8px; }
  html.abr-apple #root .rich-content .v6-acts { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; }
  html.abr-apple #root .rich-content .v6-acts > a { flex: 1 1 0; min-width: 0; }
  html.abr-apple #root .rich-content .v6-acts > a.v6-safe { flex: 1 1 100%; height: 36px; }
  html.abr-apple #root .rich-content button.v6-cmpgo { height: 34px; font-size: 13px; }
  html.abr-apple #root .rich-content .v6-c p.v6-sum, html.abr-apple #root .rich-content .v6-c p.v6-date { display: none; }
  html.abr-apple #root .rich-content ul.v6-tags > li:nth-child(n+4) { display: none; }
  html.abr-apple #root .rich-content ul.v6-games { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html.abr-apple #root .rich-content .v6-gcover { padding: 12px; }
  html.abr-apple #root .rich-content .v6-gcover > .v6-gt { font-size: 16px; }
  html.abr-apple #root .rich-content .v6-gcover > .v6-glogo { top: 8px; left: 8px; width: 30px !important; height: 30px !important; border-radius: 8px !important; }
  html.abr-apple #root .rich-content ul.v6-cards { gap: 10px; }
  html.abr-apple #root .rich-content .v6-card-b { padding: 10px 12px 12px; }
  html.abr-apple #root .rich-content .v6-card-b b { font-size: 14px; }
  html.abr-apple #root .rich-content p.gv-more.v6-after { margin-top: -16px !important; }
}
@media (max-width: 359px) {
  html.abr-apple #root .rich-content .v6-hero ul.v6-badges { grid-template-columns: minmax(0, 1fr); }
  html.abr-apple #root .rich-content .v6-hero ul.v6-badges > li { flex-direction: row; align-items: center; }
  html.abr-apple #root .rich-content ul.v6-cards { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  html.abr-apple #root .rich-content :is(aside.v6-side, .v6-scrim, a.v6-card, li.v6-game > a) { transition: none !important; }
}

/* The compare table (rv_compare_html) on these pages: its two buttons one under the other in every column, in the list's colours */
html.abr-apple #root .rich-content .v6-cmpwrap table.rv-cmptab tr.rv-cmpacts td a:not(#v6-x) { display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; max-width: 220px; height: 38px; min-height: 0 !important;
  margin: 0 0 8px !important; padding: 0 12px !important; border-radius: 999px !important; font-size: 13.5px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap; box-shadow: none !important; transform: none !important; animation: none !important; }
html.abr-apple #root .rich-content .v6-cmpwrap table.rv-cmptab tr.rv-cmpacts td:not(#v6-x) { vertical-align: top !important; }
html.abr-apple #root .rich-content .v6-cmpwrap table.rv-cmptab tr.rv-cmpacts td a.rv-btn:not(#v6-x) { border: 0 !important; background: var(--v6-gold) !important; color: #fff !important; }
html.abr-apple #root .rich-content .v6-cmpwrap table.rv-cmptab tr.rv-cmpacts td a.rv-visit:not(#v6-x) { border: 1.5px solid var(--v6-navy) !important; background: #fff !important; color: var(--v6-navy) !important; }

/* ================================================================================================
   V7 (2026-10-22): Sports Betting, the Other Games hub and the Guides Learning Center (v7.php). Same tokens and parts
   as V6 above; nothing here reaches another page.
   ================================================================================================ */
/* Compact hero: breadcrumb, eyebrow, H1, one line (and the guide search) */
html.abr-apple #root .rich-content section.v6-c.v7-hero { margin: 8px 0 28px !important; padding: 22px 28px 24px !important; border: 1px solid #EFE6D6; border-radius: 22px; background: linear-gradient(135deg, #FCF9F4 0%, #F6EFE3 100%); scroll-margin-top: 84px; }
html.abr-apple #root .rich-content .v7-hero nav[aria-label="Breadcrumb"] { margin: 0 0 10px !important; padding: 0 !important; font-size: 13px !important; color: var(--v6-mut) !important; background: none !important; }
html.abr-apple #root .rich-content .v7-hero nav[aria-label="Breadcrumb"] a { color: var(--v6-mut) !important; text-decoration: none !important; }
html.abr-apple #root .rich-content .v7-hero p.v6-eyebrow { font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--v6-gold) !important; }
html.abr-apple #root .rich-content .v7-hero h1 { margin: 6px 0 0 !important; padding: 0 !important; max-width: 1000px; font-size: 30px !important; line-height: 1.18 !important; font-weight: 700 !important; letter-spacing: -0.01em !important; color: var(--v6-navy) !important; text-align: left !important; text-wrap: balance; }
html.abr-apple #root .rich-content .v7-hero p.v7-lede { margin-top: 8px !important; max-width: 70ch !important; font-size: 15px; line-height: 1.55; color: var(--v6-body) !important; }
html.abr-apple #root .rich-content .v7-hero > :not(nav):not(h1):not(.v6-eyebrow):not(.v7-lede):not(label) { margin-top: 8px !important; font-size: 12.5px; color: var(--v6-mut) !important; }
html.abr-apple #root .rich-content .v7-hero label.v7-q { max-width: 560px; height: 46px; margin-top: 16px; background: #fff; }
html.abr-apple #root .rich-content .v7-hero label.v7-q input { font-size: 15px; }
html.abr-apple #root .rich-content .v7-sec-hd { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
html.abr-apple #root .rich-content .v7-sec-hd h2 { font-size: 24px !important; line-height: 1.2 !important; }
html.abr-apple #root .rich-content .v7 .v6-sec-hd .v6-sub, html.abr-apple #root .rich-content .v7-sec-hd .v6-sub { margin-top: 6px !important; }
html.abr-apple #root .rich-content .v7-hint { font-size: 12.5px; color: var(--v6-mut); white-space: nowrap; }

/* Sports provider comparison: one full-width table, no filters */
html.abr-apple #root .rich-content .v7-tablewrap { border: 1px solid var(--v6-line); border-radius: 18px; background: var(--v6-card); box-shadow: var(--v6-shadow); overflow: hidden; }
html.abr-apple #root .rich-content table.v7-table { display: table !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; border-radius: 0 !important; table-layout: auto; background: none !important; }
html.abr-apple #root .rich-content table.v7-table :is(th, td) { padding: 14px 12px !important; border: 0 !important; background: none !important; text-align: left !important; vertical-align: middle; font-size: 13.5px; color: var(--v6-body); }
html.abr-apple #root .rich-content table.v7-table thead th { padding-top: 12px !important; padding-bottom: 12px !important; border-bottom: 1px solid var(--v6-line) !important; background: #FBFAF8 !important; font-size: 12px !important; font-weight: 700 !important; color: var(--v6-mut) !important; text-transform: none !important; letter-spacing: 0 !important; white-space: nowrap; }
html.abr-apple #root .rich-content table.v7-table tbody tr + tr td { border-top: 1px solid #EEEAE3 !important; }
html.abr-apple #root .rich-content table.v7-table tbody tr:hover td { background: #FDFCFA !important; }
html.abr-apple #root .rich-content table.v7-table tr.v6-picked td { background: #FFFCF6 !important; }
html.abr-apple #root .rich-content table.v7-table tr.v6-picked td.v7-ck { box-shadow: inset 3px 0 0 var(--v6-gold); }
html.abr-apple #root .rich-content table.v7-table .v7-ck { width: 56px; padding-left: 18px !important; }
html.abr-apple #root .rich-content label.v7-pick span { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
html.abr-apple #root .rich-content td.v7-prov { min-width: 220px; }
html.abr-apple #root .rich-content td.v7-prov > a.v7-logo, html.abr-apple #root .rich-content td.v7-prov > .v7-pn { display: inline-flex; vertical-align: middle; }
html.abr-apple #root .rich-content a.v7-logo { flex: 0 0 auto; align-items: center; justify-content: center; width: 52px; aspect-ratio: 1 / 1; margin-right: 12px; border: 1px solid var(--v6-line); border-radius: 13px; background: #fff; }
html.abr-apple #root .rich-content .v7-mono { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 12px; background: var(--v6-goldbg); color: var(--v6-navy); font-size: 16px; font-weight: 700; letter-spacing: .02em; }
html.abr-apple #root .rich-content .v7-pn { flex-direction: column; align-items: flex-start; gap: 3px; max-width: calc(100% - 68px); }
html.abr-apple #root .rich-content h3.v7-name { font-size: 16px !important; line-height: 1.3 !important; }
html.abr-apple #root .rich-content h3.v7-name a { color: var(--v6-navy) !important; }
html.abr-apple #root .rich-content h3.v7-name a:hover { color: var(--v6-gold-d) !important; }
html.abr-apple #root .rich-content .v7-lic { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; line-height: 1.35; color: var(--v6-mut); }
html.abr-apple #root .rich-content .v7-lic .v6-i { width: 13px; height: 13px; }
html.abr-apple #root .rich-content .v7-lic.v7-ok { color: #21694F; }
html.abr-apple #root .rich-content .v7-d2 { display: none; font-size: 12px; color: var(--v6-mut); }
html.abr-apple #root .rich-content td.v7-rate { white-space: nowrap; }
html.abr-apple #root .rich-content td.v7-sp b { display: block; font-size: 14px; color: var(--v6-navy); }
html.abr-apple #root .rich-content td.v7-sp small { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.4; color: var(--v6-mut); }
html.abr-apple #root .rich-content ul.v7-feat { display: flex !important; flex-direction: column; gap: 3px; }
html.abr-apple #root .rich-content ul.v7-feat > li { font-size: 12.5px; line-height: 1.4; color: var(--v6-body); }
html.abr-apple #root .rich-content td.v7-date { white-space: nowrap; font-size: 12.5px; color: var(--v6-mut); }
html.abr-apple #root .rich-content td.v7-acts { width: 150px; }
html.abr-apple #root .rich-content :is(td.v7-acts, .v7-cmpbox td) { text-align: center !important; }
html.abr-apple #root .rich-content :is(td.v7-acts, .v7-cmpbox td) small { display: block; margin-top: 3px; font-size: 11.5px; color: var(--v6-mut); }
/* Read Review: white, navy border. Play Now: champagne gold, navy text. (:not(#v6-x) beats apple.css's sponsored-link flattening) */
html.abr-apple #root .rich-content a.v7-read:not(#v6-x), html.abr-apple #root .rich-content a.v7-play[rel]:not(#v6-x) { display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 36px; min-height: 0 !important; margin: 0 !important; padding: 0 12px !important;
  border-radius: 999px !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap; box-shadow: none !important; transform: none !important; animation: none !important; }
html.abr-apple #root .rich-content a.v7-read:not(#v6-x) { border: 1.5px solid var(--v6-navy) !important; background: #fff !important; color: var(--v6-navy) !important; }
html.abr-apple #root .rich-content a.v7-read:not(#v6-x):hover { background: var(--v6-goldbg) !important; }
html.abr-apple #root .rich-content a.v7-play[rel]:not(#v6-x) { margin-top: 7px !important; border: 0 !important; background: var(--v6-gold2) !important; color: var(--v6-navy) !important; }
html.abr-apple #root .rich-content a.v7-play[rel]:not(#v6-x):hover { background: #DFC69C !important; }
html.abr-apple #root .rich-content section.v7-cmp.v6-picking .v7-sec-hd { position: sticky; top: 65px; z-index: 6; margin: 0 -6px 14px; padding: 10px 6px; background: var(--v6-bg); }
html.abr-apple #root .rich-content .v7-cmpbox .v7-cmpscroll { overflow-x: auto; }
html.abr-apple #root .rich-content .v7-cmpbox .v7-cmpn { display: inline-flex; align-items: center; gap: 8px; }
html.abr-apple #root .rich-content .v7-cmpbox .v7-cmpn .v7-mono { width: 34px; height: 34px; font-size: 12px; border-radius: 9px; }
html.abr-apple #root .rich-content .v7-cmpbox tr.rv-cmpacts td { vertical-align: top !important; }
html.abr-apple #root .rich-content .v7-cmpbox tr.rv-cmpacts a { max-width: 200px; margin-left: auto !important; margin-right: auto !important; }
html.abr-apple #root .rich-content p.v7-all { margin: -26px 0 40px !important; font-size: 14px; }

/* Category cards (sports categories), topic cards and tools (guides) */
html.abr-apple #root .rich-content :is(ul.v7-catlist, ul.v7-catgrid, ul.v7-toolgrid) { display: grid !important; gap: 14px; }
html.abr-apple #root .rich-content ul.v7-catlist { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html.abr-apple #root .rich-content ul.v7-catgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html.abr-apple #root .rich-content ul.v7-toolgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html.abr-apple #root .rich-content :is(a.v7-cat, button.v7-gcat, a.v7-tool) { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; width: 100%; height: 100%; margin: 0; padding: 18px; border: 1px solid var(--v6-line); border-radius: 16px; background: var(--v6-card);
  box-shadow: var(--v6-shadow); color: var(--v6-body) !important; text-align: left; font: inherit; cursor: pointer; transition: border-color .15s ease, background .15s ease; }
html.abr-apple #root .rich-content :is(a.v7-cat, button.v7-gcat, a.v7-tool):hover { border-color: var(--v6-gold2); background: #FFFDF9; }
html.abr-apple #root .rich-content button.v7-gcat[aria-pressed="true"] { border-color: var(--v6-gold); background: var(--v6-goldbg); box-shadow: inset 0 0 0 1px var(--v6-gold); }
html.abr-apple #root .rich-content .v7-ci { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-bottom: 4px; border-radius: 10px; background: var(--v6-goldbg); color: var(--v6-gold-d); }
html.abr-apple #root .rich-content :is(a.v7-cat, button.v7-gcat, a.v7-tool) b { font-size: 16px; line-height: 1.3; font-weight: 700; color: var(--v6-navy); }
html.abr-apple #root .rich-content :is(a.v7-cat, button.v7-gcat, a.v7-tool) small { font-size: 13px; line-height: 1.45; color: var(--v6-mut); }
html.abr-apple #root .rich-content :is(a.v7-cat, button.v7-gcat) em { margin-top: auto; padding-top: 6px; font-style: normal; font-size: 13px; font-weight: 700; color: var(--v6-gold-d); }
html.abr-apple #root .rich-content a.v7-tool b { font-size: 15px; }

/* 16:9 covers: a monogram (sportsbooks have no logo) or a picture filling the cover (guides) */
html.abr-apple #root .rich-content .v6-cover > .v7-mono { position: relative; z-index: 1; width: auto !important; height: 58% !important; aspect-ratio: 1 / 1; border-radius: 18px; background: #fff; box-shadow: 0 8px 22px rgba(20, 43, 73, .14); font-size: 26px; }
html.abr-apple #root .rich-content .v6-cover.v7-cpic::after { display: none; }
html.abr-apple #root .rich-content .v6-cover.v7-cpic > img { position: absolute !important; inset: 0; z-index: 0; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; padding: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; object-fit: cover; }
html.abr-apple #root .rich-content .v7-gico { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: #fff; color: var(--v6-gold-d); box-shadow: 0 8px 22px rgba(20, 43, 73, .12); }
html.abr-apple #root .rich-content .v7-gico .v6-i { width: 32px; height: 32px; }
html.abr-apple #root .rich-content .v7-gcard em.v7-gd { font-size: 13px; line-height: 1.45; color: var(--v6-body); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.abr-apple #root .rich-content ul.v7-glist > li[hidden] { display: none !important; }
html.abr-apple #root .rich-content .v7-feat p.v6-count { margin: -4px 0 12px !important; }
html.abr-apple #root .rich-content section.v6-c.v7-feat { scroll-margin-top: 84px; }
html.abr-apple #root .rich-content section.v6-c.v7-guides { margin-bottom: 14px !important; }
html.abr-apple #root .rich-content .v7-guides .fd-answer { margin: 0 !important; }
html.abr-apple #root .rich-content section.v7-faq { margin-top: 32px; }

/* Other Games hub: two tabs and their panels */
html.abr-apple #root .rich-content .v7-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; max-width: 640px; margin: 0 0 18px; padding: 4px; border-radius: 999px; background: var(--v6-alt); }
html.abr-apple #root .rich-content .v7-tabs [role="tab"] { height: 42px; margin: 0; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; color: var(--v6-mut); font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; }
html.abr-apple #root .rich-content .v7-tabs [role="tab"][aria-selected="true"] { background: #fff; color: var(--v6-navy); box-shadow: 0 1px 3px rgba(20, 43, 73, .1); }
html.abr-apple #root .rich-content .v7-tabs [role="tab"]:focus-visible { outline: 2px solid var(--v6-gold); outline-offset: 2px; }
html.abr-apple #root .rich-content .v7-panel { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px; padding: 20px; border: 1px solid var(--v6-line); border-radius: 20px; background: var(--v6-card); box-shadow: var(--v6-shadow); }
html.abr-apple #root .rich-content .v7-panel[hidden] { display: none; }
html.abr-apple #root .rich-content figure.v7-pic { margin: 0 !important; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; background: var(--v6-alt); }
html.abr-apple #root .rich-content figure.v7-pic img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover; border-radius: 0 !important; }
html.abr-apple #root .rich-content .v7-pb { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
html.abr-apple #root .rich-content .v7-pb h2 { font-size: 24px !important; line-height: 1.2 !important; }
html.abr-apple #root .rich-content .v7-pb p.v7-lede { font-size: 15px; line-height: 1.55; color: var(--v6-body) !important; }
html.abr-apple #root .rich-content p.v7-mini { margin-top: 4px !important; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--v6-mut) !important; }
html.abr-apple #root .rich-content ul.v7-chips { display: flex !important; flex-wrap: wrap; gap: 8px; }
html.abr-apple #root .rich-content ul.v7-chips a { display: inline-flex; padding: 7px 12px; border-radius: 999px; background: var(--v6-alt); color: var(--v6-navy) !important; font-size: 13px; font-weight: 600; }
html.abr-apple #root .rich-content ul.v7-chips a:hover { background: var(--v6-goldbg); }
html.abr-apple #root .rich-content a.v7-explore { align-self: flex-start; display: inline-flex; align-items: center; height: 42px; margin-top: auto; padding: 0 20px; border-radius: 999px; background: var(--v6-gold); color: #fff !important; font-size: 14px; font-weight: 700; }
html.abr-apple #root .rich-content a.v7-explore:hover { background: var(--v6-gold-d); }
html.abr-apple #root .rich-content .v7-pfull { grid-column: 1 / -1; padding-top: 16px; border-top: 1px solid #F0EFEC; }
html.abr-apple #root .rich-content .v7-pfull h3 { margin-bottom: 10px !important; font-size: 16px !important; }
html.abr-apple #root .rich-content ul.v7-provs { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
html.abr-apple #root .rich-content ul.v7-provs a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--v6-line); border-radius: 12px; background: #FBFAF8; color: var(--v6-navy) !important; font-size: 13.5px; font-weight: 700; }
html.abr-apple #root .rich-content ul.v7-provs a:hover { background: var(--v6-goldbg); border-color: var(--v6-gold2); }
html.abr-apple #root .rich-content .v7-plogo { flex: 0 0 40px; display: inline-flex; width: 40px; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background: #fff; border: 1px solid var(--v6-line); }
html.abr-apple #root .rich-content .v7-plogo > :is(img, .gp-mono) { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 4px; object-fit: contain; border-radius: 0 !important; }
html.abr-apple #root .rich-content .v7-plogo > .gp-mono { display: inline-flex !important; align-items: center; justify-content: center; padding: 0; background: var(--v6-goldbg); color: var(--v6-navy); font-size: 16px; font-weight: 700; }
html.abr-apple #root .rich-content ul.v7-types { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; }
html.abr-apple #root .rich-content ul.v7-types > li { font-size: 13.5px; line-height: 1.5; color: var(--v6-body); }
html.abr-apple #root .rich-content ul.v7-types b { display: block; color: var(--v6-navy); }

@media (max-width: 1199px) {
  html.abr-apple #root .rich-content table.v7-table .v7-date { display: none; }
  html.abr-apple #root .rich-content .v7-d2 { display: block; }
  html.abr-apple #root .rich-content ul.v7-toolgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  html.abr-apple #root .rich-content section.v7-cmp.v6-picking .v7-sec-hd { top: 59px; }
  html.abr-apple #root .rich-content .v7-panel { grid-template-columns: minmax(0, 1fr); }
  html.abr-apple #root .rich-content ul.v7-catgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Phone and small tablet: each sportsbook as a compact card */
@media (max-width: 860px) {
  html.abr-apple #root .rich-content .v7-sec-hd { flex-direction: column; align-items: stretch; gap: 10px; }
  html.abr-apple #root .rich-content .v7-ctl { justify-content: space-between; }
  html.abr-apple #root .rich-content table.v7-table thead { display: none !important; }
  html.abr-apple #root .rich-content table.v7-table, html.abr-apple #root .rich-content table.v7-table tbody { display: block !important; }
  html.abr-apple #root .rich-content table.v7-table tr.v7-row { position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 12px; padding: 14px; }
  html.abr-apple #root .rich-content table.v7-table tbody tr + tr { border-top: 1px solid #EEEAE3; }
  html.abr-apple #root .rich-content table.v7-table tbody tr + tr td { border-top: 0 !important; }
  html.abr-apple #root .rich-content table.v7-table tr.v7-row > td { display: block !important; padding: 0 !important; width: auto !important; min-width: 0 !important; }
  html.abr-apple #root .rich-content table.v7-table tr.v7-row > td.v7-ck { position: absolute; top: 14px; right: 14px; width: auto !important; padding: 0 !important; }
  html.abr-apple #root .rich-content label.v7-pick span { position: static !important; width: auto; height: auto; clip: auto; clip-path: none; }
  html.abr-apple #root .rich-content table.v7-table tr.v7-row > td.v7-prov { grid-column: 1 / -1; padding-right: 96px !important; }
  html.abr-apple #root .rich-content a.v7-logo { width: 48px; }
  html.abr-apple #root .rich-content table.v7-table tr.v7-row > :is(td.v7-sp, td.v7-ft) { grid-column: 1 / -1; }
  html.abr-apple #root .rich-content table.v7-table tr.v7-row > td.v7-rate { position: absolute; top: 44px; right: 14px; }
  html.abr-apple #root .rich-content td.v7-sp b, html.abr-apple #root .rich-content td.v7-sp small { display: inline; }
  html.abr-apple #root .rich-content td.v7-sp b::after { content: " \00b7  "; font-weight: 400; color: var(--v6-mut); }
  html.abr-apple #root .rich-content ul.v7-feat { flex-direction: row; flex-wrap: wrap; gap: 6px; }
  html.abr-apple #root .rich-content ul.v7-feat > li { padding: 3px 9px; border-radius: 999px; background: var(--v6-alt); font-size: 12px; }
  html.abr-apple #root .rich-content table.v7-table tr.v7-row > td.v7-acts { grid-column: 1 / -1; display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; }
  html.abr-apple #root .rich-content table.v7-table tr.v7-row > td.v7-acts a.v7-play[rel]:not(#v6-x) { margin-top: 0 !important; }
  html.abr-apple #root .rich-content table.v7-table tr.v7-row > td.v7-acts small { grid-column: 2; margin-top: -4px; }
  html.abr-apple #root .rich-content table.v7-table tr.v7-row > td.v7-acts:not(:has(a.v7-play)) { grid-template-columns: 1fr; }
  html.abr-apple #root .rich-content ul.v7-catlist { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 719px) {
  html.abr-apple #root .rich-content section.v6-c.v7-hero { margin-top: 4px !important; padding: 18px 18px 20px !important; border-radius: 18px; }
  html.abr-apple #root .rich-content .v7-hero h1 { font-size: 22px !important; line-height: 1.22 !important; }
  html.abr-apple #root .rich-content .v7-hero p.v7-lede { font-size: 14px; }
  html.abr-apple #root .rich-content .v7-sec-hd h2, html.abr-apple #root .rich-content .v7-pb h2 { font-size: 20px !important; }
  html.abr-apple #root .rich-content .v7-panel { padding: 14px; gap: 16px; border-radius: 16px; }
  html.abr-apple #root .rich-content .v7-tabs [role="tab"] { height: 40px; padding: 0 8px; font-size: 13.5px; }
  html.abr-apple #root .rich-content ul.v7-types { grid-template-columns: minmax(0, 1fr); }
  html.abr-apple #root .rich-content ul.v7-catgrid { gap: 10px; }
  html.abr-apple #root .rich-content :is(a.v7-cat, button.v7-gcat, a.v7-tool) { padding: 14px; }
  html.abr-apple #root .rich-content button.v7-gcat small { display: none; }
  html.abr-apple #root .rich-content button.v7-gcat b { font-size: 14.5px; }
  html.abr-apple #root .rich-content ul.v7-toolgrid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}
@media (max-width: 380px) {
  html.abr-apple #root .rich-content table.v7-table tr.v7-row > td.v7-rate { position: static; grid-column: 1 / -1; }
}
html.abr-apple #root .rich-content .v7-reg { display: block; font-size: 12px; line-height: 1.35; color: var(--v6-mut); }
html.abr-apple #root .rich-content .v7-ctl .v7-s { display: none; }
@media (max-width: 860px) { html.abr-apple #root .rich-content .v7-ctl .v7-l { display: none; } html.abr-apple #root .rich-content .v7-ctl .v7-s { display: inline; } }

/* ===== 10-23: sportsbook logo tiles + fold text size ===== */
/* v7_plogo(): a sportsbook's logo picture sits in the same box the monogram used. */
html.abr-apple #root .rich-content img.v7-img { display: block; padding: 0; object-fit: cover; }
/* The folds at the foot of these pages inherited the article size (17px) and kept the article's 36px H2 inside, so they read larger
   than everything above them. Same reading size as the rest of the page now; the FAQ items inside keep their own sizes. */
html.abr-apple #root .rich-content section.gv-sec .hx-fold-b:not(#abr-j1) { font-size: 15px; line-height: 1.65; }
html.abr-apple #root .rich-content section.gv-sec .hx-fold-b:not(#abr-j1) h2 { font-size: 20px !important; line-height: 1.3 !important; }
html.abr-apple #root .rich-content section.gv-sec .hx-fold-b:not(#abr-j1) h3:not(.abr-faq *) { font-size: 16px !important; }
/* Owner, 2026-10-22: a slot game with its own picture (the studio's 1:1 game icon) shows it as the whole square cover;
   the studio badge and RTP stay on top, and the game's title is in the picture itself. */
html.abr-apple #root .rich-content .v6-gcover.v6-gpic { padding: 0; background: #142B49; }
html.abr-apple #root .rich-content .v6-gcover.v6-gpic::after { display: none; }
html.abr-apple #root .rich-content .v6-gcover > img.v6-gimg { position: absolute; inset: 0; z-index: 0; display: block; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0; border-radius: 0 !important; box-shadow: none !important; object-fit: cover; }