/*
Theme Name: VanillaPixel
Theme URI: http://underscores.me/
Author: Martin Whitaker
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vanillapixel
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

VanillaPixel is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*
Theme Name: VanillaPixel
Version: 7.2
*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
/* New Stuff */
.showmore{
    clear: both;
    font-size:12px;
    top: 83%;
    position: absolute;
    float: left;
    left: 0;
    cursor: pointer;
    color: #337ab7;
}
.moreinfopanel{
    clear: both;
    text-align: left;
    font-size: 14px;
    font-style: italic;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* A - Z */

#a-z{margin:0px auto 20px auto; width:1130px; padding:20px; overflow:auto;}
.colcontainer{float:left; margin: 0px 2px 0px 0px;}
/* Letter A - Z */
.letter-cell{text-indent:5px;height:26px; line-height:26px;font-size:18px; font-weight:bold; margin-bottom:2px; background-color:#1e1e34; color:#FFF; padding:0px}
/* Letter Casino */
.title-cell{text-indent:5px; width:159px; height:26px; margin:0px; font-size:12px; line-height:26px; background-color:#3d59e3; display:block; margin-bottom:2px; overflow: hidden}
/* Letter Casino href*/
.title-cell a{color:#FFF; text-decoration:none; height:26px; overflow:hidden; display: block;}
.title-cell a:hover{text-decoration:none; background-color:#8092ed; color:#FFF;}
h3.letter-cell{
    margin-top: 0px;
}

/* Added May 2018 */

.display-posts-listing a.title {
	font-size:20px;
    font-weight: bold;
}

.sitemap ul{
    margin-left:0px;
}
.sitemap ul li{
    list-style-type: none;
}

/* Table Odds */
#oddstable tr td, #oddstable tr th{
    text-align: center;
}
#bettingguide table tr td{
    padding-left: 0px !important;
}

table tr.alt td{
    background-color: aliceblue;
}
tr.responsivename{
    display: none;
}
.tableheader{
    display: none;
}
.tableheaderrow td.logocell img{
    max-width:80px;
}


/* ChatGPT */
/* Added July 2026 */


:root {
  --cbc-navy: #06245c;
  --cbc-blue: #087de1;
  --cbc-cyan: #22c7f2;
  --cbc-text: #18243a;
  --cbc-muted: #637083;
  --cbc-border: #dce5ef;
  --cbc-light: #f4f9fd;
  --cbc-white: #ffffff;
  --cbc-shadow: 0 14px 35px rgba(6, 36, 92, 0.1);
  --cbc-shadow-hover: 0 20px 45px rgba(6, 36, 92, 0.18);
}

.crypto-hub {
  padding: 72px 20px;
  background:
    radial-gradient(
      circle at top right,
      rgba(34, 199, 242, 0.12),
      transparent 34%
    ),
    var(--cbc-white);
  color: var(--cbc-text);
  font-family: Arial, Helvetica, sans-serif;
}

.crypto-hub *,
.crypto-hub *::before,
.crypto-hub *::after {
  box-sizing: border-box;
}

.crypto-hub__container {
  width: min(1240px, 100%);
  margin: 0 auto;
}

.crypto-hub__header {
  max-width: 760px;
  margin: 0 auto 32px;
  text-align: center;
}

.crypto-hub__eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--cbc-blue);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.crypto-hub__header h2 {
  margin: 0 0 16px;
  color: var(--cbc-navy);
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.08;
}

.crypto-hub__header p {
  margin: 0;
  color: var(--cbc-muted);
  font-size: 1.05rem;
  line-height: 1.7;
}

.crypto-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 48px;
}

.crypto-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 18px;
  border: 1px solid var(--cbc-border);
  border-radius: 999px;
  background: var(--cbc-white);
  color: var(--cbc-navy);
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease;
}

.crypto-filter:hover,
.crypto-filter:focus-visible,
.crypto-filter--active {
  border-color: var(--cbc-blue);
  background: var(--cbc-blue);
  color: var(--cbc-white);
  transform: translateY(-2px);
}

.crypto-filter:focus-visible,
.crypto-card:focus-visible {
  outline: 3px solid rgba(34, 199, 242, 0.45);
  outline-offset: 3px;
}

.crypto-section {
  margin-top: 56px;
  scroll-margin-top: 120px;
}

.crypto-section:first-of-type {
  margin-top: 0;
}

.crypto-section > h3 {
  margin: 0 0 24px;
  color: var(--cbc-navy);
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1.2;
}

.crypto-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.crypto-card {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  padding: 28px;
  border: 1px solid var(--cbc-border);
  border-radius: 20px;
  background: var(--cbc-white);
  box-shadow: 0 5px 18px rgba(6, 36, 92, 0.05);
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.crypto-card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, var(--cbc-blue), var(--cbc-cyan));
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

.crypto-card:hover {
  border-color: rgba(8, 125, 225, 0.45);
  box-shadow: var(--cbc-shadow-hover);
  transform: translateY(-7px);
}

.crypto-card:hover::before {
  transform: scaleX(1);
}

.crypto-card__icon {
  display: grid;
  width: 104px;
  height: 104px;
  margin-bottom: 22px;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: var(--cbc-light);
}

.crypto-card__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.crypto-card__content {
  flex: 1;
}

.crypto-card h4 {
  margin: 0 0 12px;
  color: var(--cbc-navy);
  font-size: 1.25rem;
  line-height: 1.3;
}

.crypto-card p {
  margin: 0 0 18px;
  color: var(--cbc-muted);
  font-size: 0.96rem;
  line-height: 1.65;
}

.crypto-card__features {
  display: grid;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.crypto-card__features li {
  position: relative;
  padding-left: 22px;
  color: var(--cbc-text);
  font-size: 0.88rem;
  line-height: 1.5;
}

.crypto-card__features li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--cbc-blue);
  content: "✓";
  font-weight: 900;
}

.crypto-card__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  color: var(--cbc-blue);
  font-size: 0.92rem;
  font-weight: 800;
}

.crypto-card__link span {
  transition: transform 0.2s ease;
}

.crypto-card:hover .crypto-card__link span {
  transform: translateX(4px);
}

@media (max-width: 1050px) {
  .crypto-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .crypto-hub {
    padding: 56px 18px;
  }

  .crypto-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .crypto-card {
    padding: 24px;
  }
}

@media (max-width: 560px) {
  .crypto-hub {
    padding: 44px 15px;
  }

  .crypto-hub__header {
    text-align: left;
  }

  .crypto-filters {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 8px;
  }

  .crypto-filter {
    flex: 0 0 auto;
  }

  .crypto-grid {
    grid-template-columns: 1fr;
  }

  .crypto-section {
    margin-top: 44px;
  }

  .crypto-card {
    display: grid;
    grid-template-columns: 78px 1fr;
    gap: 0 18px;
    padding: 22px;
  }

  .crypto-card__icon {
    grid-row: 1 / span 2;
    width: 78px;
    height: 78px;
    margin: 0;
  }

  .crypto-card__content {
    grid-column: 2;
  }

  .crypto-card__link {
    grid-column: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .crypto-card,
  .crypto-card::before,
  .crypto-card__link span,
  .crypto-filter {
    transition: none;
  }
}

/*=====================================
  Altcoin Casino Grid
=====================================*/

.crypto-section {
    padding: 5px 20px;
    background: #f7fbff;
}

.crypto-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.crypto-heading {
    max-width: 780px;
    margin: 0 auto 48px;
    text-align: center;
}

.crypto-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #0b83f6;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.crypto-heading h2 {
    margin: 0 0 18px;
    color: #06245c;
    font-size: clamp(32px, 4vw, 46px);
    line-height: 1.15;
}

.crypto-heading p {
    margin: 0;
    color: #5f6d82;
    font-size: 17px;
    line-height: 1.75;
}

.crypto-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.crypto-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    padding: 32px 26px 28px;
    overflow: hidden;
    color: inherit;
    text-align: center;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #e1ebf4;
    border-radius: 20px;
    box-shadow: 0 7px 22px rgba(6, 36, 92, 0.06);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.crypto-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    content: "";
    background: linear-gradient(90deg, #086ff0, #27c9f2);
}

.crypto-card:hover {
    transform: translateY(-7px);
    border-color: #0b83f6;
    box-shadow: 0 20px 42px rgba(6, 36, 92, 0.13);
}

.crypto-card:focus-visible {
    outline: 3px solid rgba(11, 131, 246, 0.35);
    outline-offset: 4px;
}

.crypto-card img {
    width: 165px;
    height: 165px;
    margin-bottom: 22px;
    object-fit: contain;
}

.crypto-card h3 {
    margin: 0 0 13px;
    color: #06245c;
    font-size: 23px;
    line-height: 1.25;
}

.crypto-card p {
    margin: 0 0 18px;
    color: #5f6d82;
    font-size: 15px;
    line-height: 1.7;
}

.crypto-card ul {
    width: 100%;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
    text-align: left;
}

.crypto-card li {
    position: relative;
    margin: 8px 0;
    padding-left: 24px;
    color: #34445e;
    font-size: 14px;
    line-height: 1.45;
}

.crypto-card li::before {
    position: absolute;
    top: 1px;
    left: 0;
    color: #0b83f6;
    font-weight: 900;
    content: "✓";
}

.crypto-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: auto;
    padding: 0 18px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    background: #0b83f6;
    border-radius: 10px;
    transition: background 0.2s ease;
}

.crypto-card:hover .crypto-link {
    background: #06245c;
}

/* Tablet */

@media (max-width: 1050px) {
    .crypto-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */

@media (max-width: 680px) {
    .crypto-section {
        padding: 60px 16px;
    }

    .crypto-heading {
        margin-bottom: 36px;
    }

    .crypto-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .crypto-card {
        padding: 28px 22px 24px;
    }

    .crypto-card img {
        width: 140px;
        height: 140px;
    }

    .crypto-card h3 {
        font-size: 21px;
    }
}

/* Games Tables RTP */

.cbc-table-wrap {
    width: 100%;
    margin: 28px 0;
    overflow-x: auto;
    border: 1px solid #dfe9f3;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(6, 36, 92, 0.06);
}

.cbc-table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    background: #ffffff;
}

.cbc-table caption {
    padding: 18px 22px;
    color: #06245c;
    font-size: 18px;
    font-weight: 800;
    text-align: left;
    background: #f7fbff;
    border-bottom: 1px solid #dfe9f3;
}

.cbc-table th,
.cbc-table td {
    padding: 16px 20px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e7eef5;
}

.cbc-table th {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    background: #0b83f6;
}

.cbc-table td {
    color: #34445e;
    font-size: 15px;
    line-height: 1.55;
}

.cbc-table tbody tr:nth-child(even) {
    background: #f8fbfe;
}

.cbc-table tbody tr:hover {
    background: #eef7ff;
}

.cbc-table tbody tr:last-child td {
    border-bottom: 0;
}

.cbc-table td:last-child,
.cbc-table th:last-child {
    text-align: right;
}

@media (max-width: 680px) {
    .cbc-table {
        min-width: 520px;
    }

    .cbc-table caption {
        padding: 16px 18px;
        font-size: 17px;
    }

    .cbc-table th,
    .cbc-table td {
        padding: 14px 16px;
        font-size: 14px;
    }
}



/* Footer button */

.section-footer {

    margin-top: 50px;

    text-align: center;

}

.btn-primary {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 52px;

    padding: 0 32px;

    border-radius: 12px;

    background: #0b83f6;

    color: #fff;

    font-weight: 700;

    text-decoration: none;

    transition: .25s ease;

}

.btn-primary:hover {

    background: #06245c;

    transform: translateY(-2px);

}

/* Responsive */

@media (max-width: 700px) {  

    .section-footer {

        margin-top: 35px;

    }

}

/* ==========================================
   Sports & Esports Betting
========================================== */

.sports-esports-section {
    padding: 5px 20px;
    background: #ffffff;
}

.sports-esports-section *,
.sports-esports-section *::before,
.sports-esports-section *::after {
    box-sizing: border-box;
}

.sports-esports-section .container {
    width: min(1280px, 100%);
    margin: 0 auto;
}

.sports-esports-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    margin-top: 50px;
}

.betting-group {
    min-width: 0;
}

.betting-group__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.betting-group__eyebrow {
    display: block;
    margin-bottom: 7px;
    color: #0b83f6;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.betting-group__heading h3 {
    margin: 0;
    color: #06245c;
    font-size: 28px;
    line-height: 1.2;
}

.betting-group__link {
    flex: 0 0 auto;
    color: #0b83f6;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.betting-group__link:hover {
    color: #06245c;
}

.betting-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.betting-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding: 28px 22px 24px;
    border: 1px solid #e1ebf4;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(6, 36, 92, 0.06);
    color: inherit;
    text-align: center;
    text-decoration: none;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.betting-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #086ff0, #27c9f2);
    content: "";
}

.betting-card:hover {
    border-color: #0b83f6;
    box-shadow: 0 20px 42px rgba(6, 36, 92, 0.13);
    transform: translateY(-7px);
}

.betting-card:focus-visible {
    outline: 3px solid rgba(11, 131, 246, 0.35);
    outline-offset: 4px;
}

.betting-card img {
    width: 145px;
    height: 145px;
    margin-bottom: 20px;
    object-fit: contain;
    transition: transform 0.25s ease;
}

.betting-card:hover img {
    transform: scale(1.04);
}

.betting-card h4 {
    margin: 0 0 12px;
    color: #06245c;
    font-size: 21px;
    line-height: 1.3;
}

.betting-card p {
    margin: 0 0 17px;
    color: #5f6d82;
    font-size: 14px;
    line-height: 1.65;
}

.betting-card ul {
    width: 100%;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
    text-align: left;
}

.betting-card li {
    position: relative;
    margin: 8px 0;
    padding-left: 23px;
    color: #34445e;
    font-size: 13px;
    line-height: 1.45;
}

.betting-card li::before {
    position: absolute;
    top: 1px;
    left: 0;
    color: #0b83f6;
    content: "✓";
    font-weight: 900;
}

.betting-card__link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 0 16px;
    border-radius: 10px;
    background: #0b83f6;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    transition: background 0.2s ease;
}

.betting-card:hover .betting-card__link {
    background: #06245c;
}

/* Tablet */

@media (max-width: 1050px) {
    .sports-esports-wrapper {
        grid-template-columns: 1fr;
        gap: 52px;
    }

    .betting-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Smaller tablet */

@media (max-width: 900px) {
    .betting-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */


@media (max-width: 620px) {
    .sports-esports-section {
        padding: 60px 16px;
    }

    .betting-group__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .betting-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .betting-card {
        padding: 27px 22px 23px;
    }

    .betting-card img {
        width: 130px;
        height: 130px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .betting-card,
    .betting-card img {
        transition: none;
    }
}

/* Section footer */

.section-footer {
    display: flex;
    justify-content: center;
    margin-top: 44px;
    text-align: center;
}

/* Primary footer button */

.section-footer .btn-primary {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    border: 1px solid #0b83f6;
    border-radius: 12px;
    background: #0b83f6;
    box-shadow: 0 8px 20px rgba(11, 131, 246, 0.18);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.section-footer .btn-primary:hover {
    border-color: #06245c;
    background: #06245c;
    box-shadow: 0 12px 26px rgba(6, 36, 92, 0.2);
    color: #ffffff;
    transform: translateY(-2px);
}

.section-footer .btn-primary:focus-visible {
    outline: 3px solid rgba(39, 201, 242, 0.4);
    outline-offset: 4px;
}

.section-footer .btn-primary:active {
    transform: translateY(0);
}

@media (max-width: 680px) {
    .section-footer {
        margin-top: 34px;
    }

    .section-footer .btn-primary {
        width: 100%;
        max-width: 360px;
        padding: 13px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .section-footer .btn-primary {
        transition: none;
    }
}

/* ==========================================
   Crypto Roulette Variants Table
========================================== */

.cbc-table-wrap {
    width: 100%;
    margin: 28px 0;
    overflow-x: auto;
    border: 1px solid #dfe9f3;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(6, 36, 92, 0.06);
}

.cbc-table {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
    background: #ffffff;
}

.cbc-table caption {
    padding: 18px 22px;
    border-bottom: 1px solid #dfe9f3;
    background: #f7fbff;
    color: #06245c;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
}

.cbc-table th,
.cbc-table td {
    padding: 16px 20px;
    border-bottom: 1px solid #e7eef5;
    text-align: left;
    vertical-align: top;
}

.cbc-table th {
    background: #0b83f6;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
}

.cbc-table td {
    color: #34445e;
    font-size: 15px;
    line-height: 1.6;
}

.cbc-table td:first-child {
    width: 32%;
    color: #06245c;
    font-weight: 700;
}

.cbc-table tbody tr:nth-child(even) {
    background: #f8fbfe;
}

.cbc-table tbody tr:hover {
    background: #eef7ff;
}

.cbc-table tbody tr:last-child td {
    border-bottom: 0;
}

/* Mobile */

@media (max-width: 680px) {
    .cbc-table-wrap {
        margin: 22px 0;
        border-radius: 12px;
    }

    .cbc-table {
        min-width: 560px;
    }

    .cbc-table caption {
        padding: 16px 18px;
        font-size: 17px;
    }

    .cbc-table th,
    .cbc-table td {
        padding: 14px 16px;
        font-size: 14px;
    }
}


/* ==========================================
   Review CTA Button
========================================== */

.cbc-review-button {
    margin: 28px 0 32px;
    text-align: center;
}

.cbc-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: 12px;
    background: linear-gradient(135deg, #0b83f6, #27c9f2);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(11, 131, 246, 0.22);
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.cbc-btn-primary:hover {
    background: linear-gradient(135deg, #0868d3, #16b5dd);
    box-shadow: 0 14px 30px rgba(11, 131, 246, 0.3);
    transform: translateY(-2px);
    color: #fff;
}

.cbc-btn-primary span {
    font-size: 18px;
    transition: transform .2s ease;
}

.cbc-btn-primary:hover span {
    transform: translateX(4px);
}

.cbc-btn-primary:focus-visible {
    outline: 3px solid rgba(39, 201, 242, .4);
    outline-offset: 4px;
}

@media (max-width: 640px) {

    .cbc-btn-primary {
        width: 100%;
        padding: 15px 20px;
    }

}


.crypto-provider-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin: 24px 0 30px;
}

.crypto-provider-card {
	background: #fff;
	border: 1px solid #e3e7ef;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}

.crypto-provider-card h4 {
	margin: 0 0 8px;
	font-size: 19px;
}

.crypto-provider-card p {
	margin: 0 0 12px;
	line-height: 1.6;
}

.crypto-provider-card strong {
	display: block;
	margin-bottom: 4px;
}

.crypto-provider-card span {
	display: block;
	line-height: 1.55;
}

@media (max-width: 700px) {
	.crypto-provider-grid {
		grid-template-columns: 1fr;
	}
}

/* =========================
   BONUS OFFERS
   ========================= */

.bonus-offer {
	display: grid;
	grid-template-columns: 150px 1fr;
	grid-template-areas:
		"image title"
		"image text";
	gap: 8px 22px;
	align-items: start;

	background: #ffffff;
	border: 1px solid #e3e7ef;
	border-radius: 12px;
	padding: 20px;
	margin: 0 0 22px;

	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bonus-offer:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}


/* IMAGE */

.bonus-offer > a:first-child {
	grid-area: image;
	display: block;
}

.bonus-offer img {
	display: block;
	width: 150px;
	height: 150px;
	max-width: 100%;
	object-fit: cover;
	border-radius: 10px;
}


/* BONUS TITLE */

.bonus-offer h2 {
	grid-area: title;
	margin: 0;
	padding: 0;

	font-size: 22px;
	line-height: 1.3;
	font-weight: 700;
}

.bonus-offer h2 a {
	color: #1b2354;
	text-decoration: none;
}

.bonus-offer h2 a:hover {
	text-decoration: underline;
}


/* BONUS DESCRIPTION */

.bonus-offer .more {
	grid-area: text;
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: #333333;
}


/* CLAIM BUTTON */

.bonus-offer .claim {
	display: inline-block;
	margin-top: 16px;
	padding: 11px 20px;

	background: #1b2354;
	color: #ffffff !important;

	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;

	border-radius: 7px;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.bonus-offer .claim:hover {
	transform: translateY(-1px);
	opacity: 0.9;
	text-decoration: none;
}


/* STRONG TEXT / BONUS CODE */

.bonus-offer strong {
	font-weight: 700;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 800px) {

	.bonus-offer {
		grid-template-columns: 120px 1fr;
		gap: 8px 18px;
	}

	.bonus-offer img {
		width: 120px;
		height: 120px;
	}

	.bonus-offer h2 {
		font-size: 20px;
	}
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 600px) {

	.bonus-offer {
		display: block;
		padding: 18px;
	}

	.bonus-offer > a:first-child {
		display: block;
		margin-bottom: 15px;
	}

	.bonus-offer img {
		width: 100%;
		height: auto;
		max-width: 180px;
		margin: 0 auto;
	}

	.bonus-offer h2 {
		margin-bottom: 12px;
		font-size: 20px;
		text-align: center;
	}

	.bonus-offer .more {
		font-size: 15px;
	}

	.bonus-offer .claim {
		display: block;
		width: 100%;
		margin-top: 18px;
		box-sizing: border-box;
	}
}

/* FIX GET BONUS BUTTON POSITION */

.bonus-offer .more {
	display: block;
	overflow: hidden;
}

.bonus-offer .claim {
	position: static !important;
	float: none !important;
	clear: both;
	display: block;
	width: fit-content;
	margin: 18px 0 0 0 !important;
	padding: 11px 22px;

	background: #1b2354;
	color: #fff !important;

	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	border-radius: 7px;
}

.bonus-offer .claim:hover {
	opacity: 0.9;
	text-decoration: none;
}


/* MOBILE */

@media (max-width: 600px) {

	.bonus-offer .claim {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		margin-top: 18px !important;
	}
}

/* HOMEPAGE EXPANDABLE TEXT */

.home-more-content {
	display: none;
}

.home-more-content.is-open {
	display: block;
}

.home-more-toggle {
	display: inline-block;
	margin: 5px 0 10px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #1b2354;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.home-more-toggle::after {
	content: " +";
}

.home-more-toggle:hover {
	text-decoration: underline;
}

.home-more-toggle[aria-expanded="true"]::after {
	content: " −";
}



.review-link {
    display: inline-block;
    padding: 10px 18px;
    background: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.review-link:hover {
    background: #e7e7e7;
    border-color: #ccc;
}

.review-link strong {
    text-decoration: none;
}

.betgo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 22px;
    background: #111;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    border-radius: 6px;
    border: 1px solid #111;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12);
    transition: all 0.2s ease;
}

.betgo:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(0,0,0,0.18);
    text-decoration: none !important;
}

.betgo i {
    font-size: 13px;
    transition: transform 0.2s ease;
}

.betgo:hover i {
    transform: translateX(4px);
}

/* SweepsBuzz compliance action bar */
.sb-compliance-action-bar {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 25px 0 !important;
  padding: 12px 16px !important;

  background-color: #f7f8fa !important;
  border: 1px solid #e2e6ea !important;
  border-left: 4px solid #ffb300 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(20, 35, 50, 0.08) !important;
}

.sb-compliance-inner {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
}

/* Shared link styling */
.sb-comp-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  min-height: 46px !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  color: #344253 !important;
  background-color: #ffffff !important;
  border: 1px solid #dce2e8 !important;
  border-radius: 5px !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.35px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;

  box-shadow: 0 1px 3px rgba(20, 35, 50, 0.06) !important;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease !important;
}

/* Individual resting accents */
.sb-btn-disclosure {
  color: #8a6100 !important;
}

.sb-btn-independence {
  color: #344253 !important;
}

.sb-btn-gaming {
  color: #b42318 !important;
  background-color: #fff8f7 !important;
  border-color: #f3d4d1 !important;
}

/* Highlight all links on hover */
.sb-comp-btn:hover {
  color: #172b4d !important;
  background-color: #fff4cc !important;
  border-color: #ffb300 !important;
  box-shadow: 0 4px 12px rgba(20, 35, 50, 0.14) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transform: translateY(-2px) !important;
}

/* Accessible keyboard highlight */
.sb-comp-btn:focus-visible {
  color: #172b4d !important;
  background-color: #fff4cc !important;
  border-color: #ffb300 !important;
  outline: 3px solid rgba(255, 179, 0, 0.3) !important;
  outline-offset: 2px !important;
}

/* Prevent icon movement */
.sb-icon {
  flex: 0 0 auto !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Mobile layout */
@media (max-width: 800px) {
  .sb-compliance-action-bar {
    padding: 12px !important;
  }

  .sb-compliance-inner {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .sb-comp-btn {
    min-height: 48px !important;
    padding: 12px 10px !important;
    font-size: 13px !important;
  }
}
/* Keep all three compliance buttons equal */
.sb-compliance-inner {
  align-items: stretch !important;
}

.sb-comp-btn {
  width: 100% !important;
  height: 100% !important;
  min-height: 52px !important;
  flex-wrap: nowrap !important;
}

.sb-comp-btn .sb-text {
  white-space: nowrap !important;
}

/* Allow wrapping only when stacked on mobile */
@media (max-width: 800px) {
  .sb-comp-btn {
    height: auto !important;
  }

  .sb-comp-btn .sb-text {
    white-space: normal !important;
  }
}

/* ========================================
   SweepsBuzz Geofence Availability Matrix
   ======================================== */

.sb-matrix-scroll-container {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  box-sizing: border-box !important;

  background: #ffffff !important;
  border: 1px solid #dfe5eb !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 16px rgba(20, 35, 50, 0.08) !important;

  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #aab4bf #eef1f4;
}

.sb-matrix-scroll-container:focus-visible {
  outline: 3px solid rgba(255, 179, 0, 0.4) !important;
  outline-offset: 3px !important;
}

.sb-matrix-scroll-container::-webkit-scrollbar {
  height: 9px;
}

.sb-matrix-scroll-container::-webkit-scrollbar-track {
  background: #eef1f4;
}

.sb-matrix-scroll-container::-webkit-scrollbar-thumb {
  background: #aab4bf;
  border: 2px solid #eef1f4;
  border-radius: 10px;
}

/* Table foundation */
.sb-geofence-matrix-table {
  width: 100% !important;
  min-width: 820px !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;

  color: #263442 !important;
  background: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* Accessible table title */
.sb-geofence-matrix-table caption {
  padding: 18px 20px !important;
  color: #172b4d !important;
  background: #ffffff !important;
  border-bottom: 1px solid #dfe5eb !important;

  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

/* Column widths */
.sb-geofence-matrix-table th:first-child,
.sb-geofence-matrix-table td:first-child {
  width: 155px !important;
}

.sb-geofence-matrix-table th:not(:first-child),
.sb-geofence-matrix-table td:not(:first-child) {
  width: 165px !important;
}

/* Header */
.sb-geofence-matrix-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;

  padding: 14px 12px !important;
  color: #ffffff !important;
  background: #172b4d !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-bottom: 3px solid #ffb300 !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

.sb-geofence-matrix-table thead th:first-child {
  left: 0 !important;
  z-index: 5 !important;
  text-align: left !important;
}

/* Body cells */
.sb-geofence-matrix-table tbody td {
  padding: 12px !important;
  color: #344253 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-right: 1px solid #edf0f3 !important;
  border-bottom: 1px solid #e6eaee !important;

  text-align: center !important;
  vertical-align: middle !important;
}

.sb-geofence-matrix-table tbody tr:nth-child(even) td {
  background: #f8fafc !important;
}

.sb-geofence-matrix-table tbody tr:hover td {
  background: #fff8e6 !important;
}

/* Sticky state column */
.sb-geofence-matrix-table .sb-state-name {
  position: sticky !important;
  left: 0 !important;
  z-index: 2 !important;

  color: #172b4d !important;
  background: #ffffff !important;
  border-right: 2px solid #dfe5eb !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.sb-geofence-matrix-table tbody tr:nth-child(even) .sb-state-name {
  background: #f8fafc !important;
}

.sb-geofence-matrix-table tbody tr:hover .sb-state-name {
  background: #fff8e6 !important;
}

/* Status badges */
.sb-geofence-matrix-table .sb-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;

  min-width: 112px !important;
  padding: 6px 9px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.sb-geofence-matrix-table .sb-status-ok {
  color: #17633a !important;
  background: #eaf8f0 !important;
  border-color: #bce5cc !important;
}

.sb-geofence-matrix-table .sb-status-no {
  color: #a1261d !important;
  background: #fff0ef !important;
  border-color: #f2c6c2 !important;
}

/* Remove the final borders */
.sb-geofence-matrix-table th:last-child,
.sb-geofence-matrix-table td:last-child {
  border-right: 0 !important;
}

.sb-geofence-matrix-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* Mobile treatment */
@media (max-width: 800px) {
  .sb-matrix-scroll-container {
    margin: 18px 0 !important;
    border-radius: 8px !important;
  }

  /* Visible mobile swipe instruction */
  .sb-matrix-scroll-container::before {
    content: "Swipe left to compare casinos →";
    position: sticky;
    left: 0;
    display: block;
    width: calc(100vw - 48px);
    box-sizing: border-box;
    padding: 9px 12px;

    color: #596879;
    background: #f7f8fa;
    border-bottom: 1px solid #dfe5eb;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
  }

  .sb-geofence-matrix-table {
    min-width: 735px !important;
    font-size: 13px !important;
  }

  .sb-geofence-matrix-table caption {
    padding: 14px !important;
    font-size: 16px !important;
  }

  .sb-geofence-matrix-table th:first-child,
  .sb-geofence-matrix-table td:first-child {
    width: 135px !important;
  }

  .sb-geofence-matrix-table th:not(:first-child),
  .sb-geofence-matrix-table td:not(:first-child) {
    width: 150px !important;
  }

  .sb-geofence-matrix-table thead th {
    padding: 11px 8px !important;
    font-size: 12px !important;
  }

  .sb-geofence-matrix-table tbody td {
    padding: 10px 8px !important;
  }

.sb-geofence-matrix-table .sb-status {
  min-width: 105px !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}

} /* closes the matrix mobile media query */

/* Compact compliance panel on mobile */
@media (max-width: 800px) {
  .sb-compliance-action-bar {
    margin: 12px 0 !important;
    padding: 6px !important;
    border-left-width: 3px !important;
  }

  .sb-compliance-inner {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  .sb-comp-btn {
    min-height: 36px !important;
    height: auto !important;
    padding: 6px 8px !important;
    gap: 6px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .sb-icon {
    font-size: 13px !important;
  }

  .sb-comp-btn .sb-text {
    white-space: normal !important;
  }
}

/* =================================
   EDITORIAL TRANSPARENCY AUTHOR BOX
   ================================= */

.author-box {
  margin: 12px 0;
  padding: 10px 12px;
  box-sizing: border-box;

  background: #f8fafb;
  border: 1px solid #dfe5ea;
  border-left: 4px solid #ffb300;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(20, 35, 50, 0.06);
}

.author-box .page-meta {
  margin: 0;
  padding: 0;
}

.author-box-title {
  margin: 0 0 8px;
  padding: 0 0 7px;

  color: #344253;
  border-bottom: 1px solid #e2e7eb;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.35px;
  text-transform: uppercase;
}

.author-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
}

.author-column {
  min-width: 0;
  margin: 0;
  padding: 8px 10px;

  background: #ffffff;
  border: 1px solid #e2e7eb;
  border-radius: 5px;
}

.author-label {
  margin: 0 0 2px;
  padding: 0;

  color: #6b7785;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.author-name {
  margin: 0;
  padding: 0;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.author-name a {
  display: inline;
  margin: 0;
  padding: 0;

  color: #234f7d;
  background: none;
  border: 0;

  font: inherit;
  line-height: inherit;
  text-decoration: none;
}

.author-name a:hover,
.author-name a:focus-visible {
  color: #9a6900;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fact-checked {
  margin: 8px 0 0;
  padding: 7px 0 0;

  color: #596979;
  border-top: 1px solid #e2e7eb;

  font-size: 11px;
  line-height: 1.3;
}

/* Mobile */
@media (max-width: 600px) {
  .author-box {
    margin: 10px 0;
    padding: 8px;
  }

  .author-box-title {
    margin-bottom: 6px;
    padding-bottom: 6px;
    font-size: 11px;
  }

  .author-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .author-column {
    padding: 6px;
  }

  .author-label {
    font-size: 9px;
  }

  .author-name {
    font-size: 11px;
    overflow-wrap: anywhere;
  }

  .fact-checked {
    margin-top: 6px;
    padding-top: 6px;
    font-size: 10px;
  }
}


/* Base table architecture */
.sb-state-matrix-table {
  width: 100%;
  border-collapse: collapse;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  color: #dddddd;
  text-align: left;
  min-width: 600px; /* Prevents text crushing on mobile dashboards */
}

/* Header design matching brand guidelines */
.sb-state-matrix-table th {
  background-color: #161616;
  color: #ffffff;
  font-weight: 700;
  padding: 14px 16px;
  border-bottom: 2px solid #222222;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Individual body rows configuration */
.sb-state-matrix-table td {
  padding: 14px 16px;
  border-bottom: 1px solid #222222;
  vertical-align: middle;
}

.sb-state-matrix-table tbody tr:nth-child(even) {
  background-color: #141414;
}

.sb-state-matrix-table tbody tr:hover {
  background-color: #1c1c1c;
}

/* Core data column styling tags */
.sb-brand-name {
  color: #ffffff;
  font-size: 15px;
}

.sb-matrix-data {
  font-weight: 500;
  color: #cccccc;
}

/* Pill statuses for clean geofence flags */
.sb-matrix-status {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
}

.sb-matrix-ok {
  background-color: rgba(40, 167, 69, 0.1);
  color: #28a745;
  border: 1px solid rgba(40, 167, 69, 0.15);
}

/* Internal link review navigation button */
.sb-matrix-btn {
  display: inline-block;
  color: #FFB300;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  padding: 6px 12px;
  border: 1px solid rgba(255, 179, 0, 0.2);
  border-radius: 4px;
  background-color: rgba(255, 179, 0, 0.03);
  transition: all 0.2s ease-in-out;
  text-align: center;
  white-space: nowrap;
}

.sb-matrix-btn:hover {
  background-color: #FFB300;
  color: #111111;
  border-color: #FFB300;
}

/* ==================================
   STATE OPERATOR AVAILABILITY MATRIX
   ================================== */

.sb-state-matrix-container {
  width: 100%;
  max-width: 100%;
  margin: 24px 0;
  overflow-x: auto;

  background: #ffffff;
  border: 1px solid #dfe5ea;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(20, 35, 50, 0.08);

  scrollbar-width: thin;
  scrollbar-color: #aeb8c2 #eef1f4;
  -webkit-overflow-scrolling: touch;
}

.sb-state-matrix-table {
  width: 100%;
  min-width: 900px;
  margin: 0;

  color: #344253;
  background: #ffffff;
  border: 0;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: auto;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 13px;
  line-height: 1.35;
  text-align: left;
}

.sb-state-matrix-table th {
  padding: 12px 14px;

  color: #344253;
  background: #f1f4f6;
  border: 0;
  border-right: 1px solid #dfe5ea;
  border-bottom: 3px solid #ffb300;

  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  white-space: nowrap;
}

.sb-state-matrix-table th:last-child {
  border-right: 0;
}

.sb-state-matrix-table td {
  padding: 11px 14px;

  color: #344253;
  background: #ffffff;
  border: 0;
  border-right: 1px solid #edf0f3;
  border-bottom: 1px solid #e5e9ed;

  line-height: 1.35;
  vertical-align: middle;
  white-space: nowrap;
}

.sb-state-matrix-table td:last-child {
  border-right: 0;
}

.sb-state-matrix-table tbody tr:nth-child(even) td {
  background: #f8fafb;
}

.sb-state-matrix-table tbody tr:hover td {
  background: #fff8e5;
}

.sb-state-matrix-table tbody tr:last-child td {
  border-bottom: 0;
}

.sb-state-matrix-table .sb-brand-name {
  padding: 11px 14px;
  color: #1f3042;
  font-size: 13px;
}

.sb-state-matrix-table .sb-matrix-data {
  padding: 11px 14px;
  color: #526171;
  font-size: 13px;
  font-weight: 500;
}

.sb-matrix-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  padding: 5px 9px;

  border: 1px solid transparent;
  border-radius: 999px;

  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}

.sb-matrix-ok {
  color: #17643a;
  background: #eaf7ef;
  border-color: #bce3ca;
}

.sb-matrix-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 6px 10px;

  color: #765100;
  background: #fff7dc;
  border: 1px solid #e5bd4a;
  border-radius: 5px;

  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
}

.sb-matrix-btn:hover,
.sb-matrix-btn:focus-visible {
  color: #172b4d;
  background: #ffedb3;
  border-color: #ffb300;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Mobile */
@media (max-width: 800px) {
  .sb-state-matrix-container {
    margin: 18px 0;
    border-radius: 7px;
  }

  .sb-state-matrix-container::before {
    content: "Swipe horizontally to compare operators →";
    position: sticky;
    left: 0;
    display: block;
    width: calc(100vw - 48px);
    max-width: 100%;
    padding: 8px 10px;
    box-sizing: border-box;

    color: #596979;
    background: #f7f8fa;
    border-bottom: 1px solid #dfe5ea;

    font-size: 11px;
    font-weight: 600;
    text-align: center;
  }

  .sb-state-matrix-table {
    min-width: 850px;
  }

  .sb-state-matrix-table th,
  .sb-state-matrix-table td,
  .sb-state-matrix-table .sb-brand-name,
  .sb-state-matrix-table .sb-matrix-data {
    padding: 9px 11px;
  }

  .sb-state-matrix-table th:first-child,
  .sb-state-matrix-table td:first-child {
    position: sticky;
    left: 0;
  }

  .sb-state-matrix-table th:first-child {
    z-index: 3;
    background: #f1f4f6;
  }

  .sb-state-matrix-table td:first-child {
    z-index: 2;
    background: #ffffff;
    box-shadow: 4px 0 8px rgba(20, 35, 50, 0.08);
  }

  .sb-state-matrix-table tbody tr:nth-child(even) td:first-child {
    background: #f8fafb;
  }
}
/* ==================================
   DESKTOP: FIT BOTH TABLES TO CONTENT
   ================================== */

@media (min-width: 801px) {

  /* Main US availability matrix */
  .sb-geofence-matrix-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  .sb-geofence-matrix-table th:first-child,
  .sb-geofence-matrix-table td:first-child {
    width: 16% !important;
  }

  .sb-geofence-matrix-table th:not(:first-child),
  .sb-geofence-matrix-table td:not(:first-child) {
    width: 21% !important;
  }

  .sb-geofence-matrix-table th,
  .sb-geofence-matrix-table td {
    padding: 10px 7px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  .sb-geofence-matrix-table .sb-status {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 5px 7px !important;
    white-space: nowrap !important;
  }


  /* Individual-state operator matrix */
  .sb-state-matrix-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  .sb-state-matrix-table th:nth-child(1),
  .sb-state-matrix-table td:nth-child(1) {
    width: 18% !important;
  }

  .sb-state-matrix-table th:nth-child(2),
  .sb-state-matrix-table td:nth-child(2) {
    width: 17% !important;
  }

  .sb-state-matrix-table th:nth-child(3),
  .sb-state-matrix-table td:nth-child(3) {
    width: 19% !important;
  }

  .sb-state-matrix-table th:nth-child(4),
  .sb-state-matrix-table td:nth-child(4) {
    width: 28% !important;
  }

  .sb-state-matrix-table th:nth-child(5),
  .sb-state-matrix-table td:nth-child(5) {
    width: 18% !important;
  }

  .sb-state-matrix-table th,
  .sb-state-matrix-table td,
  .sb-state-matrix-table .sb-brand-name,
  .sb-state-matrix-table .sb-matrix-data {
    padding: 10px 7px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  .sb-state-matrix-table .sb-matrix-status,
  .sb-state-matrix-table .sb-matrix-btn {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

/* ==================================================
   SITEMAP – RESPONSIVE BY-STATE DIRECTORY
   Page ID: 9801
   ================================================== */

.page-id-9801 .entry-content > ul > li:has(
  > a[href="https://www.sweepsbuzz.com/by-state/"]
) {
  margin: 20px 0 !important;
  padding: 18px !important;
  list-style: none !important;
  background: #f8fafb !important;
  border: 1px solid #dfe5ea !important;
  border-left: 4px solid #ffb300 !important;
  border-radius: 8px !important;
  box-shadow: 0 3px 10px rgba(20, 35, 50, 0.07) !important;
}

/* By State heading */
.page-id-9801 .entry-content > ul > li > a[href="https://www.sweepsbuzz.com/by-state/"] {
  display: block !important;
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  color: #273849 !important;
  border-bottom: 1px solid #dfe5ea !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

/* State grid */
.page-id-9801 .entry-content > ul > li > ul.children {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Individual state */
.page-id-9801 .entry-content > ul > li > ul.children > li {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* State link */
.page-id-9801 .entry-content > ul > li > ul.children > li > a {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 9px 11px !important;
  box-sizing: border-box !important;

  color: #344253 !important;
  background: #ffffff !important;
  border: 1px solid #e0e6eb !important;
  border-radius: 5px !important;

  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease !important;
}

.page-id-9801 .entry-content > ul > li > ul.children > li > a:hover,
.page-id-9801 .entry-content > ul > li > ul.children > li > a:focus-visible {
  color: #704d00 !important;
  background: #fff7dc !important;
  border-color: #ffb300 !important;
  box-shadow: 0 3px 8px rgba(20, 35, 50, 0.09) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

/* Tablet */
@media (max-width: 900px) {
  .page-id-9801 .entry-content > ul > li > ul.children {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .page-id-9801 .entry-content > ul > li:has(
    > a[href="https://www.sweepsbuzz.com/by-state/"]
  ) {
    margin: 14px 0 !important;
    padding: 10px !important;
  }

  .page-id-9801 .entry-content > ul > li > a[href="https://www.sweepsbuzz.com/by-state/"] {
    margin-bottom: 10px !important;
    padding-bottom: 9px !important;
    font-size: 17px !important;
  }

  .page-id-9801 .entry-content > ul > li > ul.children {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .page-id-9801 .entry-content > ul > li > ul.children > li > a {
    min-height: 38px !important;
    padding: 8px !important;
    font-size: 12px !important;
  }
}

/* Very narrow phones */
@media (max-width: 350px) {
  .page-id-9801 .entry-content > ul > li > ul.children {
    grid-template-columns: 1fr !important;
  }
}

/* ==================================================
   SWEEPSBUZZ STATE AVAILABILITY SELECTOR
   Desktop, tablet and mobile
   ================================================== */

.sb-state-widget {
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.sb-widget-heading {
  margin: 0 0 5px;
  padding: 0;
  color: #263849;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.sb-widget-description {
  margin: 0;
  padding: 0;
  color: #687684;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
}

.sb-widget-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.sb-widget-label {
  margin: 0;
  padding: 0;
  color: #425160;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.sb-dropdown-wrapper {
  position: relative;
  display: block;
  width: 240px;
  max-width: 100%;
  margin: 0;
}

.sb-dropdown-wrapper::after {
  content: "▾";
  position: absolute;
  top: 50%;
  right: 12px;
  color: #785300;
  font-size: 11px;
  line-height: 1;
  pointer-events: none;
  transform: translateY(-50%);
}

.sb-state-select {
  display: block;
  width: 100%;
  height: 38px;
  margin: 0;
  padding: 0 36px 0 12px;
  box-sizing: border-box;
  color: #263849;
  background-color: #ffffff;
  border: 1px solid #d6aa35;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(20, 35, 50, 0.08);
  outline: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.sb-state-select:hover {
  background-color: #fffdf7;
  border-color: #ffb300;
}

.sb-state-select:focus {
  border-color: #ffb300;
  box-shadow: 0 0 0 3px rgba(255, 179, 0, 0.18);
}

.sb-state-select option {
  color: #263849;
  background-color: #ffffff;
  font-size: 14px;
}

.sb-widget-status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 5px 0 0;
  padding: 0;
  color: #687684;
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}

.sb-status-dot {
  display: inline-block;
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.sb-status-dot.grey { background-color: #9199a1; }
.sb-status-dot.green { background-color: #2da65b; }
.sb-status-dot.red { background-color: #dc3545; }

.sb-status-guide-link {
  margin-left: 4px;
  color: #704d00;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}

.sb-status-guide-link:hover,
.sb-status-guide-link:focus-visible {
  color: #172b4d;
}

.sb-header-widget,
.sb-mobile-widget {
  display: none;
}

/* Desktop and tablet */
@media (min-width: 768px) {
  .sb-header-widget {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100px;
    min-height: 100px;
    margin: 0;
    padding: 5px 18px;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    box-shadow: none;
    text-align: center;
  }

  .sb-header-widget .sb-widget-description {
    display: none;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .sb-header-widget { padding: 5px 10px; }
  .sb-header-widget .sb-widget-heading { font-size: 13px; }
  .sb-header-widget .sb-dropdown-wrapper { width: 205px; }
  .sb-header-widget .sb-state-select { height: 36px; font-size: 12px; }
  .sb-header-widget .sb-widget-label { font-size: 11px; }
  .sb-header-widget .sb-widget-status { font-size: 9px; }
}

/* Mobile */
@media (max-width: 767px) {
  .sb-header-widget {
    display: none !important;
  }

  .sb-mobile-widget {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: calc(100% - 24px);
    max-width: 540px;
    margin: 12px auto 16px;
    padding: 13px;
    box-sizing: border-box;
    background: #fffaf0;
    border: 1px solid #eadba9;
    border-left: 4px solid #ffb300;
    border-radius: 7px;
    box-shadow: 0 3px 9px rgba(20, 35, 50, 0.07);
  }

  .sb-mobile-widget .sb-widget-heading {
    font-size: 15px;
    text-align: left;
  }

  .sb-mobile-widget .sb-widget-description {
    margin: 0 0 10px;
    font-size: 11px;
    text-align: left;
  }

  .sb-mobile-widget .sb-widget-row {
    display: block;
    width: 100%;
  }

  .sb-mobile-widget .sb-widget-label {
    display: block;
    margin-bottom: 5px;
  }

  .sb-mobile-widget .sb-dropdown-wrapper {
    width: 100%;
  }

  .sb-mobile-widget .sb-state-select {
    width: 100%;
    height: 46px;
    font-size: 16px;
  }

  .sb-mobile-widget .sb-widget-status {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 8px;
    font-size: 11px;
    text-align: left;
  }
}

/* ==================================================
   SIDE MENU
   ================================================== */

#sidemenu .nav .inner {
  top: 0 !important;
  margin-top: 165px !important;
  padding-bottom: 40px !important;
  height: calc(100vh - 165px) !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

#sidelogo {
  top: 18px !important;
  height: 125px !important;
  text-align: center !important;
}

#sidelogo img {
  display: block !important;
  width: auto !important;
  max-width: 200px !important;
  max-height: 125px !important;
  margin: 0 auto !important;
}

/* ==================================================
   PLAYER TRANSPARENCY NOTICE
   ================================================== */

.sb-amoe-text {
  margin: 16px 0 !important;
  padding: 12px 15px !important;
  color: #425466 !important;
  background: #fffaf0 !important;
  border: 1px solid #eadba9 !important;
  border-left: 4px solid #ffb300 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 7px rgba(20, 35, 50, 0.06) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.sb-amoe-text strong {
  display: block !important;
  margin: 0 0 4px !important;
  color: #263442 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.sb-amoe-link {
  color: #765100 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.sb-amoe-link:hover,
.sb-amoe-link:focus-visible {
  color: #172b4d !important;
}

@media (max-width: 600px) {
  .sb-amoe-text {
    margin: 12px 0 !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .sb-amoe-text strong {
    font-size: 12px !important;
  }
}

/* ==================================================
   RESPONSIVE VISIBILITY UTILITIES
   ================================================== */

@media screen and (max-width: 782px) {
  .sb-hide-on-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 783px) {
  .sb-hide-on-desktop {
    display: none !important;
  }
}

/* Larger desktop selector positioned toward the logo */
@media (min-width: 1025px) {
  .sb-header-widget {
    padding-left: 18px !important;
    padding-right: 150px !important;
  }

  .sb-header-widget .sb-widget-heading {
    margin-bottom: 7px !important;
    font-size: 18px !important;
  }

  .sb-header-widget .sb-widget-label {
    font-size: 14px !important;
  }

  .sb-header-widget .sb-dropdown-wrapper {
    width: 285px !important;
  }

  .sb-header-widget .sb-state-select {
    width: 100% !important;
    height: 42px !important;
    padding-left: 14px !important;
    font-size: 14px !important;
  }

  .sb-header-widget .sb-widget-status {
    margin-top: 8px !important;
    font-size: 11px !important;
  }
}
@media (min-width: 1025px) {
  .sb-header-widget {
    transform: translateY(6px) !important;
  }
}

/* Larger state availability result on every device */
.sb-state-widget .sb-widget-status {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.sb-state-widget .sb-status-dot {
  flex-basis: 9px !important;
  width: 9px !important;
  height: 9px !important;
}

.sb-state-widget .sb-status-guide-link {
  font-size: inherit !important;
}

/* Mobile result */
@media (max-width: 767px) {
  .sb-state-widget .sb-widget-status {
    font-size: 14px !important;
  }
}

/* ==================================================
   SWEEPSBUZZ STATE AVAILABILITY SELECTOR
   Desktop, tablet and mobile - END
   ================================================== */
/* ==================================================
   STATE MATRIX — TOP CHOICE AND ALIGNMENT
   ================================================== */

/* Highlighted Top Pick row */
.sb-state-matrix-table tbody tr.sb-top-choice {
  position: static !important;
}

/* Apply an opaque background to every highlighted cell */
.sb-state-matrix-table tbody tr.sb-top-choice > td {
  vertical-align: middle !important;
  background: #fffaf0 !important;
  border-top: 2px solid #e8bd4f !important;
  border-bottom: 2px solid #e8bd4f !important;
}

/* Strong gold edge */
.sb-state-matrix-table tbody tr.sb-top-choice > td:first-child {
  border-left: 4px solid #ffb300 !important;
}

.sb-state-matrix-table tbody tr.sb-top-choice > td:last-child {
  border-right: 1px solid #e8bd4f !important;
}

/* Top Pick badge */
.sb-top-choice-badge {
  display: inline-block !important;
  margin: 0 7px 4px 0 !important;
  padding: 3px 7px !important;

  color: #5f4300 !important;
  background: #ffdf75 !important;
  border: 1px solid #e5b83e !important;
  border-radius: 999px !important;

  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.35px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* ==================================================
   STATUS AND BUTTON COLUMN ALIGNMENT
   ================================================== */

/* Center status and action boxes within their cells */
.sb-state-matrix-table tbody td:nth-child(2),
.sb-state-matrix-table tbody td:last-child {
  vertical-align: middle !important;
  text-align: center !important;
}

/* Legal & Open / Restricted status box */
.sb-state-matrix-table tbody td .sb-matrix-status {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: max-content !important;
  max-width: 100% !important;
  min-width: 112px !important;
  height: 38px !important;
  min-height: 38px !important;

  margin: auto !important;
  padding: 0 9px !important;
  box-sizing: border-box !important;

  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

/* Every Play Free button */
.sb-state-matrix-table tbody td .sb-matrix-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: max-content !important;
  max-width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;

  margin: auto !important;
  padding: 0 11px !important;
  box-sizing: border-box !important;

  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

/* Stronger button on the Top Pick row */
.sb-state-matrix-table .sb-top-choice .sb-matrix-btn {
  color: #ffffff !important;
  background: #9a6800 !important;
  border-color: #805700 !important;
  box-shadow: 0 2px 6px rgba(112, 77, 0, 0.18) !important;
}

.sb-state-matrix-table .sb-top-choice .sb-matrix-btn:hover,
.sb-state-matrix-table .sb-top-choice .sb-matrix-btn:focus-visible {
  color: #ffffff !important;
  background: #704d00 !important;
}

/* ==================================================
   MOBILE HORIZONTAL-SCROLL FIX
   ================================================== */

@media (max-width: 700px) {
  /* Keep the first header above scrolling columns */
  .sb-state-matrix-table thead th:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 20 !important;
    background: #eef2f5 !important;
    box-shadow: 3px 0 5px rgba(20, 35, 50, 0.08) !important;
  }

  /* Keep ordinary first-column cells above scrolling content */
  .sb-state-matrix-table tbody td:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 9 !important;
    background: #ffffff !important;
    box-shadow: 3px 0 5px rgba(20, 35, 50, 0.08) !important;
  }

  /* Top Pick first cell requires its own opaque background */
  .sb-state-matrix-table tbody tr.sb-top-choice > td:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 10 !important;

    background: #fff3c7 !important;
    border-left: 4px solid #ffb300 !important;
    box-shadow: 3px 0 6px rgba(20, 35, 50, 0.12) !important;
  }

  .sb-top-choice-badge {
    display: table !important;
    margin: 0 0 5px !important;
    font-size: 9px !important;
  }

  /* Keep text in the middle on mobile */
  .sb-state-matrix-table tbody td .sb-matrix-status,
  .sb-state-matrix-table tbody td .sb-matrix-btn {
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
}

/* Reduce indentation of main article lists */
.box > ul,
.box > ol,
.faq-item > ul,
.faq-item > ol {
  margin: 0 0 20px 0 !important;
  padding-left: 24px !important;
  box-sizing: border-box !important;
}

.box > ul > li,
.box > ol > li,
.faq-item > ul > li,
.faq-item > ol > li {
  margin-left: 0 !important;
  padding-left: 2px !important;
}

/* Tighter indentation on mobile */
@media (max-width: 600px) {
  .box > ul,
  .box > ol,
  .faq-item > ul,
  .faq-item > ol {
    margin-left: 0 !important;
    padding-left: 19px !important;
  }

  .box > ul > li,
  .box > ol > li,
  .faq-item > ul > li,
  .faq-item > ol > li {
    padding-left: 1px !important;
  }
}
/* Reduce indentation of main article lists END */