/*
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
--------------------------------------------------------------*/
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: " −";
}

/* =====================================================
   COMPACT EDITORIAL TRANSPARENCY BOX
   CryptoBetCasino
   ===================================================== */

.author-box {
  width: 100% !important;
  margin: 12px 0 !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;

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

.author-box .page-meta {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Main title */
.author-box .author-box-title {
  margin: 0 0 8px !important;
  padding: 0 0 7px !important;

  color: #344253 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e7eb !important;

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

/* Two-column author layout */
.author-box .author-columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Individual author cards */
.author-box .author-column {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;

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

/* Author role */
.author-box .author-label {
  margin: 0 0 2px !important;
  padding: 0 !important;

  color: #6b7785 !important;
  background: transparent !important;

  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
}

/* Author name */
.author-box .author-name {
  margin: 0 !important;
  padding: 0 !important;

  color: #404040 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere;
}

/* Author links */
.author-box .author-name a {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #304ac8 !important;
  background: transparent !important;
  border: 0 !important;

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

.author-box .author-name a:hover,
.author-box .author-name a:focus-visible {
  color: #1e318f !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* Last fact-checked row */
.author-box .fact-checked {
  margin: 8px 0 0 !important;
  padding: 7px 0 0 !important;

  color: #596979 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #e2e7eb !important;

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

.author-box .fact-checked strong {
  color: #344253 !important;
}

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

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

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

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

  .author-box .author-column {
    padding: 6px !important;
  }

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

  .author-box .author-name {
    font-size: 11px !important;
  }

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

/* Very narrow phones */
@media (max-width: 380px) {
  .author-box .author-columns {
    grid-template-columns: 1fr !important;
  }
}

/* =====================================================
   COMPACT EDITORIAL TRANSPARENCY BOX END
   CryptoBetCasino
   ===================================================== */

.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);
}

/* CryptoBetCasino expert quote */
.cbc-expert-quote {
  position: relative;
  margin: 24px 0;
  padding: 22px 25px 20px 29px;
  overflow: hidden;

  color: #303030;
  background: linear-gradient(135deg, #fffdf5 0%, #ffffff 70%);
  border: 1px solid #e5dfca;
  border-left: 5px solid #e5ad00;
  border-radius: 8px;
  box-shadow: 0 5px 18px rgba(25, 25, 25, 0.08);
}

/* Decorative quotation mark */
.cbc-expert-quote::before {
  content: "\201C";
  position: absolute;
  top: 5px;
  right: 18px;

  color: rgba(229, 173, 0, 0.14);
  font-family: Georgia, serif;
  font-size: 92px;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
}

.cbc-quote-label {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0 0 12px;
  padding: 5px 10px;

  color: #191919;
  background: #f4c430;
  border-radius: 4px;

  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.cbc-expert-quote blockquote {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

.cbc-expert-quote blockquote p {
  margin: 0 !important;
  padding: 0 !important;

  color: #303030 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px !important;
  font-style: italic;
  font-weight: 500;
  line-height: 1.65 !important;
}

.cbc-expert-quote figcaption {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 15px;
  padding-top: 13px;

  color: #666666;
  border-top: 1px solid #e9e3d2;
  font-size: 13px;
  line-height: 1.3;
}

.cbc-expert-quote figcaption strong {
  color: #222222;
  font-size: 14px;
}

.cbc-expert-quote figcaption span::before {
  content: "•";
  margin-right: 8px;
  color: #e5ad00;
}

/* Mobile */
@media (max-width: 600px) {
  .cbc-expert-quote {
    margin: 18px 0;
    padding: 18px 17px 17px 20px;
  }

  .cbc-expert-quote::before {
    top: 8px;
    right: 9px;
    font-size: 68px;
  }

  .cbc-expert-quote blockquote p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .cbc-expert-quote figcaption {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .cbc-expert-quote figcaption span::before {
    display: none;
  }
}

/* CryptoBetCasino brand colours */
.cbc-expert-quote {
  background: linear-gradient(135deg, #f4f6ff 0%, #ffffff 70%);
  border-color: #dce2ff;
  border-left-color: #3d59e3;
}

.cbc-expert-quote::before {
  color: rgba(61, 89, 227, 0.12);
}

.cbc-quote-label {
  color: #ffffff;
  background: #3d59e3;
}

.cbc-expert-quote figcaption {
  border-top-color: #dce2ff;
}

.cbc-expert-quote figcaption span::before {
  color: #3d59e3;
}

/* CryptoBetCasino expert quote END */
/* BiggerZ account activation image cards */
.cbc-activation-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 20px;
  width: 100%;
  margin: 22px 0 30px;
}

.cbc-activation-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0 !important;
  overflow: hidden;

  background: #ffffff;
  border: 1px solid #dce1f5;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(34, 49, 110, 0.1);
}

.cbc-activation-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 330px;
  padding: 18px;

  background: linear-gradient(145deg, #f6f8ff, #eef1ff);
  border-bottom: 3px solid #3d59e3;
}

.cbc-activation-image img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 300px;
  margin: 0 auto !important;

  border: 1px solid #d6d9e8;
  border-radius: 6px;
  box-shadow: 0 4px 13px rgba(25, 31, 65, 0.14);
  object-fit: contain;
}

.cbc-activation-card figcaption {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 5px;
  padding: 15px 17px 17px;

  color: #626879;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
}

.cbc-activation-card figcaption strong {
  color: #253baf;
  font-size: 15px;
  line-height: 1.3;
}

/* Mobile */
@media (max-width: 600px) {
  .cbc-activation-images {
    grid-template-columns: 1fr;
    gap: 15px;
    margin: 18px 0 24px;
  }

  .cbc-activation-image {
    min-height: auto;
    padding: 14px;
  }

  .cbc-activation-image img {
    max-height: 340px;
  }

  .cbc-activation-card figcaption {
    padding: 13px 14px 15px;
  }
}
/* BiggerZ account activation image cards END */

/* Three-stage cryptocurrency transaction gallery */
.cbc-transaction-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
  width: 100%;
  margin: 24px 0 30px;
}

.cbc-transaction-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0 !important;
  overflow: hidden;

  background: #ffffff;
  border: 1px solid #dce1f5;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(34, 49, 110, 0.1);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.cbc-transaction-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(34, 49, 110, 0.15);
}

/* Numbered step */
.cbc-transaction-step {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;

  color: #ffffff;
  background: #3d59e3;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 7px rgba(28, 43, 116, 0.25);

  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.cbc-transaction-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 275px;
  padding: 16px;

  background: linear-gradient(145deg, #f7f8ff, #eef1ff);
  border-bottom: 3px solid #3d59e3;
}

.cbc-transaction-image img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 245px;
  margin: 0 auto !important;

  object-fit: contain;
  border: 1px solid #d6d9e8;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(25, 31, 65, 0.13);
}

.cbc-transaction-card figcaption {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 5px;
  padding: 14px 13px 16px;

  color: #626879;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

.cbc-transaction-card figcaption strong {
  color: #253baf;
  font-size: 14px;
  line-height: 1.3;
}

/* Tablet: keep three cards but reduce spacing */
@media (max-width: 900px) {
  .cbc-transaction-gallery {
    gap: 10px;
  }

  .cbc-transaction-image {
    min-height: 230px;
    padding: 10px;
  }

  .cbc-transaction-image img {
    max-height: 210px;
  }

  .cbc-transaction-card figcaption {
    padding: 12px 9px 14px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .cbc-transaction-gallery {
    grid-template-columns: 1fr;
    gap: 15px;
    margin: 18px 0 24px;
  }

  .cbc-transaction-image {
    min-height: auto;
    padding: 14px;
  }

  .cbc-transaction-image img {
    max-height: 360px;
  }

  .cbc-transaction-card figcaption {
    padding: 13px 14px 15px;
    font-size: 13px;
  }
}
/* Three-stage cryptocurrency transaction gallery END */

/* Cashier Transaction Framework */
.cbc-cashier-framework {
  margin: 25px 0 30px;
  overflow: hidden;

  background: #ffffff;
  border: 1px solid #dce1f5;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(34, 49, 110, 0.09);
}

.cbc-cashier-heading {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px 20px;

  color: #ffffff;
  background: linear-gradient(135deg, #304ac8 0%, #3d59e3 100%);
}

.cbc-cashier-icon {
  display: flex;
  flex: 0 0 39px;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;

  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 8px;

  font-size: 20px;
  line-height: 1;
}

.cbc-cashier-heading h3 {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;

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

.cbc-cashier-heading p {
  margin: 3px 0 0 !important;
  padding: 0 !important;

  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Desktop table */
.cbc-cashier-table-wrap {
  width: 100%;
  overflow: hidden;
}

.cbc-cashier-table {
  width: 100% !important;
  margin: 0 !important;

  border: 0 !important;
  border-collapse: collapse !important;
  table-layout: fixed;
}

.cbc-cashier-table thead th {
  padding: 13px 15px !important;

  color: #26326b !important;
  background: #eef1ff !important;
  border: 0 !important;
  border-bottom: 2px solid #d7ddfa !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-transform: uppercase;
  letter-spacing: 0.35px;
}

.cbc-cashier-table thead th:nth-child(1) {
  width: 29%;
}

.cbc-cashier-table thead th:nth-child(2) {
  width: 26%;
}

.cbc-cashier-table thead th:nth-child(3) {
  width: 45%;
}

.cbc-cashier-table tbody th,
.cbc-cashier-table tbody td {
  padding: 15px !important;
  vertical-align: middle !important;

  color: #4b5060 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #e7e9f2 !important;

  font-size: 13px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

.cbc-cashier-table tbody th {
  color: #292f45 !important;
  font-weight: 700 !important;
}

.cbc-cashier-table tbody tr:nth-child(even) th,
.cbc-cashier-table tbody tr:nth-child(even) td {
  background: #fafbff !important;
}

.cbc-cashier-table tbody tr:last-child th,
.cbc-cashier-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.cbc-cashier-table tbody tr {
  transition: background-color 0.18s ease;
}

.cbc-cashier-table tbody tr:hover th,
.cbc-cashier-table tbody tr:hover td {
  background: #f2f5ff !important;
}

/* Verified value badge */
.cbc-limit-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 5px 9px;

  color: #263fb6;
  background: #edf1ff;
  border: 1px solid #ccd5ff;
  border-radius: 5px;

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
}

/* Mobile card presentation */
@media (max-width: 700px) {
  .cbc-cashier-framework {
    margin: 20px 0 25px;
    border-radius: 8px;
  }

  .cbc-cashier-heading {
    align-items: flex-start;
    padding: 14px;
  }

  .cbc-cashier-heading h3 {
    font-size: 16px !important;
  }

  .cbc-cashier-table-wrap {
    padding: 10px;
    box-sizing: border-box;
  }

  .cbc-cashier-table,
  .cbc-cashier-table tbody,
  .cbc-cashier-table tr,
  .cbc-cashier-table th,
  .cbc-cashier-table td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }

  .cbc-cashier-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .cbc-cashier-table tbody tr {
    margin-bottom: 10px;
    overflow: hidden;

    background: #ffffff;
    border: 1px solid #dce1f5;
    border-radius: 7px;
  }

  .cbc-cashier-table tbody tr:last-child {
    margin-bottom: 0;
  }

  .cbc-cashier-table tbody th {
    padding: 11px 12px !important;

    color: #ffffff !important;
    background: #3d59e3 !important;
    border-bottom: 0 !important;

    font-size: 13px !important;
  }

  .cbc-cashier-table tbody td {
    padding: 11px 12px !important;
    background: #ffffff !important;
  }

  .cbc-cashier-table tbody td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 5px;

    color: #71788d;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
  }

  .cbc-cashier-table tbody tr:hover th {
    color: #ffffff !important;
    background: #3d59e3 !important;
  }

  .cbc-limit-badge {
    justify-content: flex-start;
    width: auto;
    min-height: 0;
  }
}
/* Cashier Transaction Framework END */
/* BiggerZ tested gameplay screenshot */
.cbc-gameplay-evidence {
  width: 100%;
  max-width: 580px;
  margin: 25px auto 30px !important;
  overflow: hidden;

  background: #ffffff;
  border: 1px solid #dce1f5;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(34, 49, 110, 0.12);
}

.cbc-gameplay-label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 15px;

  color: #ffffff;
  background: linear-gradient(135deg, #304ac8, #3d59e3);

  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.65px;
  text-transform: uppercase;
}

.cbc-gameplay-label span {
  font-size: 16px;
  line-height: 1;
}

.cbc-gameplay-image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;

  background: linear-gradient(145deg, #f7f8ff, #eef1ff);
  border-bottom: 3px solid #3d59e3;
}

.cbc-gameplay-image img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;

  border: 1px solid #cfd5ec;
  border-radius: 7px;
  box-shadow: 0 4px 14px rgba(26, 34, 78, 0.18);
}

.cbc-gameplay-evidence figcaption {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 13px 16px 15px;

  color: #666d80;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

.cbc-gameplay-evidence figcaption strong {
  color: #253baf;
  font-size: 14px;
  line-height: 1.3;
}

/* Mobile */
@media (max-width: 600px) {
  .cbc-gameplay-evidence {
    width: auto;
    margin: 19px 0 24px !important;
    border-radius: 8px;
  }

  .cbc-gameplay-image {
    padding: 8px;
  }

  .cbc-gameplay-evidence figcaption {
    padding: 12px;
  }
}
/* BiggerZ tested gameplay screenshot END*/
/* Wider evidence card for the prediction-markets screenshot */
.cbc-gameplay-evidence.cbc-wide-evidence {
  max-width: 800px;
}

.cbc-wide-evidence .cbc-gameplay-image {
  padding: 16px;
}

.cbc-wide-evidence .cbc-gameplay-image img {
  width: 100% !important;
  max-width: 768px !important;
  height: auto !important;
}

/* Mobile */
@media (max-width: 600px) {
  .cbc-gameplay-evidence.cbc-wide-evidence {
    max-width: 100%;
  }

  .cbc-wide-evidence .cbc-gameplay-image {
    padding: 8px;
  }
}
/* Wider evidence card for the prediction-markets screenshot END*/
/* =====================================================
   CryptoBetCasino Global YMYL & FTC Compliance Panel
   ===================================================== */

.cbc-compliance-bar {
  display: block !important;
  width: 100% !important;
  margin: 20px 0 !important;
  padding: 12px !important;
  box-sizing: border-box !important;

  background: linear-gradient(135deg, #263da9 0%, #3d59e3 100%) !important;
  border: 1px solid #2f49c5 !important;
  border-radius: 9px !important;
  box-shadow: 0 5px 16px rgba(32, 50, 135, 0.16) !important;
}

.cbc-compliance-inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}

/* Policy links */
.cbc-compliance-link {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  min-width: 0 !important;
  min-height: 62px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;

  color: #25305f !important;
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 7px !important;

  text-align: left !important;
  text-decoration: none !important;

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

/* Icon */
.cbc-compliance-icon {
  display: flex !important;
  flex: 0 0 34px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;

  background: #edf1ff !important;
  border: 1px solid #d8dfff !important;
  border-radius: 7px !important;

  font-size: 17px !important;
  line-height: 1 !important;
}

/* Text container */
.cbc-compliance-content {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.cbc-compliance-content strong {
  color: #26398f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.25px !important;
  text-transform: uppercase !important;
}

.cbc-compliance-content small {
  color: #69718a !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

/* Hover and keyboard focus */
.cbc-compliance-link:hover,
.cbc-compliance-link:focus-visible {
  color: #1f339a !important;
  background: #f3f6ff !important;
  border-color: #bfcaff !important;
  box-shadow: 0 5px 13px rgba(18, 31, 94, 0.17) !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

.cbc-compliance-link:hover .cbc-compliance-icon,
.cbc-compliance-link:focus-visible .cbc-compliance-icon {
  background: #dfe6ff !important;
  border-color: #b8c4ff !important;
}

.cbc-compliance-link:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.7) !important;
  outline-offset: 2px !important;
}

/* Responsible-play distinction */
.cbc-compliance-responsible .cbc-compliance-content strong {
  color: #96343b !important;
}

.cbc-compliance-responsible .cbc-compliance-icon {
  background: #fff0f1 !important;
  border-color: #f4d2d5 !important;
}

/* Tablet */
@media (max-width: 900px) {
  .cbc-compliance-bar {
    padding: 9px !important;
  }

  .cbc-compliance-inner {
    gap: 7px !important;
  }

  .cbc-compliance-link {
    gap: 7px !important;
    min-height: 58px !important;
    padding: 8px !important;
  }

  .cbc-compliance-icon {
    flex-basis: 29px !important;
    width: 29px !important;
    height: 29px !important;
    font-size: 15px !important;
  }

  .cbc-compliance-content strong {
    font-size: 10px !important;
  }

  .cbc-compliance-content small {
    font-size: 9px !important;
  }
}

/* Mobile */
@media (max-width: 650px) {
  .cbc-compliance-bar {
    margin: 14px 0 !important;
    padding: 8px !important;
    border-radius: 7px !important;
  }

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

  .cbc-compliance-link {
    min-height: 52px !important;
    padding: 8px 10px !important;
  }

  .cbc-compliance-icon {
    flex-basis: 32px !important;
    width: 32px !important;
    height: 32px !important;
  }

  .cbc-compliance-content strong {
    font-size: 11px !important;
  }

  .cbc-compliance-content small {
    font-size: 9px !important;
  }
}
/* =====================================================
   CryptoBetCasino Global YMYL & FTC Compliance Panel END
   ===================================================== */
/* =====================================================
   MetaWin five-stage wallet connection gallery
   ===================================================== */

.cbc-metawin-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
  width: 100%;
  margin: 24px 0 30px;
}

.cbc-metawin-card {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0 !important;
  overflow: hidden;

  background: #ffffff;
  border: 1px solid #dce1f5;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(34, 49, 110, 0.1);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

/* First two screenshots form the wider top row */
.cbc-metawin-card-wide {
  grid-column: span 3;
}

.cbc-metawin-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(34, 49, 110, 0.16);
}

/* Equal image presentation area */
.cbc-metawin-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 370px;
  padding: 16px;
  box-sizing: border-box;

  background: linear-gradient(145deg, #f7f8ff, #edf1ff);
  border-bottom: 3px solid #3d59e3;
}

.cbc-metawin-card-wide .cbc-metawin-image {
  height: 390px;
}

/* Number badges */
.cbc-metawin-number {
  position: absolute;
  z-index: 2;
  top: 11px;
  left: 11px;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;

  color: #ffffff;
  background: #3d59e3;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(30, 48, 136, 0.25);

  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

/* Screenshots */
.cbc-metawin-image img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 338px;
  margin: 0 auto !important;

  object-fit: contain;
  background: #ffffff;
  border: 1px solid #cfd5ec;
  border-radius: 7px;
  box-shadow: 0 4px 14px rgba(25, 31, 65, 0.16);
}

.cbc-metawin-card-wide .cbc-metawin-image img {
  max-height: 355px;
}

/* Captions */
.cbc-metawin-card figcaption {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 5px;
  padding: 14px 15px 16px;

  color: #666d80;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

.cbc-metawin-card figcaption strong {
  color: #253baf;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}

/* Tablet */
@media (max-width: 850px) {
  .cbc-metawin-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
  }

  .cbc-metawin-card,
  .cbc-metawin-card-wide {
    grid-column: span 1;
  }

  /* Centre the final card */
  .cbc-metawin-card:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 7px);
    justify-self: center;
  }

  .cbc-metawin-image,
  .cbc-metawin-card-wide .cbc-metawin-image {
    height: 370px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .cbc-metawin-steps {
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 18px 0 24px;
  }

  .cbc-metawin-card,
  .cbc-metawin-card-wide,
  .cbc-metawin-card:last-child {
    grid-column: auto;
    width: 100%;
  }

  .cbc-metawin-image,
  .cbc-metawin-card-wide .cbc-metawin-image {
    height: auto;
    min-height: 290px;
    padding: 14px;
  }

  .cbc-metawin-image img,
  .cbc-metawin-card-wide .cbc-metawin-image img {
    max-height: 440px;
  }

  .cbc-metawin-card figcaption {
    padding: 13px 14px 15px;
    font-size: 13px;
  }
}
/* =====================================================
   MetaWin five-stage wallet connection gallery END
   ===================================================== */
/* =====================================================
   GLOBAL CASINO RATING SCORECARDS
   Applies to every .rating-scorecard
   ===================================================== */

.rating-scorecard {
  width: 100%;
  margin: 24px 0 30px;
  overflow: hidden;
  box-sizing: border-box;

  background: #ffffff;
  border: 1px solid #dce1f5;
  border-radius: 10px;
  box-shadow: 0 7px 22px rgba(34, 49, 110, 0.1);
}

/* Scorecard heading */
.rating-scorecard > h2 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  margin: 0 !important;
  padding: 16px 19px !important;

  color: #ffffff !important;
  background: linear-gradient(135deg, #304ac8 0%, #3d59e3 100%) !important;
  border: 0 !important;

  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

/* Overall rating */
.rating-scorecard .overall-rating {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 5px !important;

  margin: 0 !important;
  padding: 18px !important;

  color: #343b54 !important;
  background: linear-gradient(135deg, #f4f6ff, #ffffff) !important;
  border: 0 !important;
  border-bottom: 1px solid #dce1f5 !important;

  font-size: 14px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.rating-scorecard .overall-rating strong {
  color: #343b54 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}

.rating-scorecard .overall-rating .score {
  color: #304ac8 !important;
  font-size: 35px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.rating-scorecard .overall-rating .out-of {
  color: #68718b !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* Table wrapper */
.rating-scorecard .table-wrap {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Main scorecard table */
.rating-scorecard .scorecard-table {
  width: 100% !important;
  margin: 0 !important;

  border: 0 !important;
  border-spacing: 0 !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

/* Desktop column widths */
.rating-scorecard .scorecard-table thead th:nth-child(1) {
  width: 29% !important;
}

.rating-scorecard .scorecard-table thead th:nth-child(2) {
  width: 16% !important;
}

.rating-scorecard .scorecard-table thead th:nth-child(3) {
  width: 55% !important;
}

/* Column headings */
.rating-scorecard .scorecard-table thead th {
  padding: 12px 14px !important;

  color: #26326b !important;
  background: #edf1ff !important;
  border: 0 !important;
  border-bottom: 2px solid #d3daf8 !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  letter-spacing: 0.45px !important;
}

.rating-scorecard .scorecard-table thead th:nth-child(2) {
  text-align: center !important;
}

/* Table cells */
.rating-scorecard .scorecard-table tbody td {
  padding: 14px !important;
  vertical-align: middle !important;

  color: #505668 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e9f3 !important;

  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: left !important;

  overflow-wrap: break-word !important;
  word-break: normal !important;
}

/* Category column */
.rating-scorecard .scorecard-table tbody td:first-child {
  color: #30374d !important;
  font-weight: 700 !important;
}

/* Score column */
.rating-scorecard .scorecard-table tbody td:nth-child(2) {
  text-align: center !important;
}

.rating-scorecard .scorecard-table tbody td:nth-child(2) strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 76px !important;
  min-height: 30px !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;

  color: #263fb6 !important;
  background: #edf1ff !important;
  border: 1px solid #ccd5ff !important;
  border-radius: 5px !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Alternating table rows */
.rating-scorecard .scorecard-table tbody tr:nth-child(even) td {
  background: #fafbff !important;
}

/* Remove bottom border from final row */
.rating-scorecard .scorecard-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* Desktop row hover */
.rating-scorecard .scorecard-table tbody tr {
  transition: background-color 0.18s ease !important;
}

.rating-scorecard .scorecard-table tbody tr:hover td {
  background: #f1f4ff !important;
}

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

@media (max-width: 850px) and (min-width: 701px) {
  .rating-scorecard .scorecard-table thead th,
  .rating-scorecard .scorecard-table tbody td {
    padding: 11px 10px !important;
  }

  .rating-scorecard .scorecard-table thead th:nth-child(1) {
    width: 31% !important;
  }

  .rating-scorecard .scorecard-table thead th:nth-child(2) {
    width: 18% !important;
  }

  .rating-scorecard .scorecard-table thead th:nth-child(3) {
    width: 51% !important;
  }
}

/* =====================================================
   MOBILE CARD LAYOUT
   ===================================================== */

@media (max-width: 700px) {
  .rating-scorecard {
    margin: 18px 0 24px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
  }

  /* Mobile heading */
  .rating-scorecard > h2 {
    padding: 14px !important;
    font-size: 17px !important;
  }

  /* Mobile overall score */
  .rating-scorecard .overall-rating {
    padding: 14px !important;
  }

  .rating-scorecard .overall-rating strong {
    font-size: 12px !important;
  }

  .rating-scorecard .overall-rating .score {
    font-size: 31px !important;
  }

  .rating-scorecard .overall-rating .out-of {
    font-size: 14px !important;
  }

  /* Remove horizontal table scrolling */
  .rating-scorecard .table-wrap {
    padding: 10px !important;
    overflow: visible !important;
  }

  .rating-scorecard .scorecard-table,
  .rating-scorecard .scorecard-table tbody,
  .rating-scorecard .scorecard-table tr,
  .rating-scorecard .scorecard-table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Hide desktop table headings accessibly */
  .rating-scorecard .scorecard-table thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;

    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  /* Each rating row becomes a card */
  .rating-scorecard .scorecard-table tbody tr {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    overflow: hidden !important;

    background: #ffffff !important;
    border: 1px solid #dce1f5 !important;
    border-radius: 7px !important;
    box-shadow: 0 3px 9px rgba(34, 49, 110, 0.06) !important;
  }

  .rating-scorecard .scorecard-table tbody tr:last-child {
    margin-bottom: 0 !important;
  }

  /* Category becomes card heading */
  .rating-scorecard .scorecard-table tbody td:first-child {
    padding: 11px 12px !important;

    color: #ffffff !important;
    background: #3d59e3 !important;
    border: 0 !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
  }

  /* Score and notes */
  .rating-scorecard .scorecard-table tbody td:nth-child(2),
  .rating-scorecard .scorecard-table tbody td:nth-child(3) {
    padding: 10px 12px !important;

    color: #505668 !important;
    background: #ffffff !important;
    border: 0 !important;

    font-size: 12px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }

  .rating-scorecard .scorecard-table tbody td:nth-child(2) {
    border-bottom: 1px solid #e9ebf3 !important;
  }

  /* Automatic mobile labels */
  .rating-scorecard .scorecard-table tbody td:nth-child(2)::before,
  .rating-scorecard .scorecard-table tbody td:nth-child(3)::before {
    display: block !important;
    margin: 0 0 5px !important;

    color: #737b91 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.45px !important;
    text-transform: uppercase !important;
  }

  .rating-scorecard .scorecard-table tbody td:nth-child(2)::before {
    content: "Verified score";
  }

  .rating-scorecard .scorecard-table tbody td:nth-child(3)::before {
    content: "Assessment notes";
  }

  /* Mobile score badge */
  .rating-scorecard .scorecard-table tbody td:nth-child(2) strong {
    min-width: 82px !important;
    min-height: 29px !important;
    padding: 4px 8px !important;
  }

  /* Keep mobile card heading blue on hover */
  .rating-scorecard .scorecard-table tbody tr:hover td:first-child {
    color: #ffffff !important;
    background: #3d59e3 !important;
  }

  .rating-scorecard .scorecard-table tbody tr:hover td:nth-child(2),
  .rating-scorecard .scorecard-table tbody tr:hover td:nth-child(3) {
    background: #ffffff !important;
  }
}

/* Very narrow phones */
@media (max-width: 380px) {
  .rating-scorecard > h2 {
    padding: 12px !important;
    font-size: 15px !important;
  }

  .rating-scorecard .overall-rating {
    flex-wrap: wrap !important;
    padding: 12px !important;
  }

  .rating-scorecard .table-wrap {
    padding: 7px !important;
  }

  .rating-scorecard .scorecard-table tbody td:first-child,
  .rating-scorecard .scorecard-table tbody td:nth-child(2),
  .rating-scorecard .scorecard-table tbody td:nth-child(3) {
    padding: 9px 10px !important;
  }
}
/* =====================================================
   GLOBAL CASINO RATING SCORECARDS
   Applies to every .rating-scorecard END
   ===================================================== */
* =====================================================
   METAWIN ETHEREUM TRANSACTION AUDIT GALLERY
   ===================================================== */

.cbc-eth-audit-gallery {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
  width: 100%;
  margin: 24px 0 30px;
}

/* Standard cards occupy one-third of the row */
.cbc-eth-audit-card {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0 !important;
  overflow: hidden;

  background: #ffffff;
  border: 1px solid #dce1f5;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(34, 49, 110, 0.1);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

/* First two cards create a balanced two-column first row */
.cbc-eth-audit-card.cbc-eth-audit-wide {
  grid-column: span 3;
}

.cbc-eth-audit-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(34, 49, 110, 0.16);
}

/* Image presentation area */
.cbc-eth-audit-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 430px;
  padding: 17px;
  box-sizing: border-box;

  background: linear-gradient(145deg, #f7f8ff 0%, #edf1ff 100%);
  border-bottom: 3px solid #3d59e3;
}

/* Number badge */
.cbc-eth-step {
  position: absolute;
  z-index: 3;
  top: 11px;
  left: 11px;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;

  color: #ffffff;
  background: #3d59e3;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(30, 48, 136, 0.25);

  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

/* Final verification badge */
.cbc-eth-verified {
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 11px;
  padding: 5px 8px;

  color: #17653b;
  background: #e2f8eb;
  border: 1px solid #a8dfbd;
  border-radius: 999px;

  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

/* Screenshots */
.cbc-eth-audit-image img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 394px;
  margin: 0 auto !important;

  object-fit: contain;
  background: #ffffff;
  border: 1px solid #cfd5ec;
  border-radius: 7px;
  box-shadow: 0 4px 14px rgba(25, 31, 65, 0.16);
}

/* Captions */
.cbc-eth-audit-card figcaption {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 5px;
  padding: 14px 15px 16px;

  color: #666d80;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

.cbc-eth-audit-card figcaption strong {
  color: #253baf;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}

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

@media (max-width: 850px) {
  .cbc-eth-audit-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
  }

  .cbc-eth-audit-card,
  .cbc-eth-audit-card.cbc-eth-audit-wide {
    grid-column: span 1;
  }

  /* Centre the fifth card */
  .cbc-eth-audit-card:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 7px);
    justify-self: center;
  }

  .cbc-eth-audit-image {
    height: 410px;
    padding: 14px;
  }

  .cbc-eth-audit-image img {
    max-height: 378px;
  }
}

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

@media (max-width: 600px) {
  .cbc-eth-audit-gallery {
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 18px 0 24px;
  }

  .cbc-eth-audit-card,
  .cbc-eth-audit-card.cbc-eth-audit-wide,
  .cbc-eth-audit-card:last-child {
    grid-column: auto;
    width: 100%;
  }

  .cbc-eth-audit-image {
    height: auto;
    min-height: 310px;
    padding: 14px;
  }

  .cbc-eth-audit-image img {
    max-height: 500px;
  }

  .cbc-eth-audit-card figcaption {
    padding: 13px 14px 15px;
    font-size: 13px;
  }
}

/* Desktop: two cards above, three cards below */
.cbc-eth-audit-gallery {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 16px !important;

  width: 100% !important;
  margin: 24px 0 30px !important;
}

/* Images 1 and 2: half-width */
.cbc-eth-audit-card:nth-child(1),
.cbc-eth-audit-card:nth-child(2) {
  grid-column: span 3 !important;
}

/* Images 3, 4 and 5: one-third width */
.cbc-eth-audit-card:nth-child(3),
.cbc-eth-audit-card:nth-child(4),
.cbc-eth-audit-card:nth-child(5) {
  grid-column: span 2 !important;
}

/* Keep cards the same height within each row */
.cbc-eth-audit-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
}

.cbc-eth-audit-card figcaption {
  flex: 1 !important;
}

/* Tablet: two columns, with the final card centred */
@media (max-width: 850px) {
  .cbc-eth-audit-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 13px !important;
  }

  .cbc-eth-audit-card:nth-child(1),
  .cbc-eth-audit-card:nth-child(2),
  .cbc-eth-audit-card:nth-child(3),
  .cbc-eth-audit-card:nth-child(4) {
    grid-column: span 1 !important;
    width: auto !important;
  }

  .cbc-eth-audit-card:nth-child(5) {
    grid-column: 1 / -1 !important;
    width: calc(50% - 7px) !important;
    justify-self: center !important;
  }
}

/* Mobile: stack all five */
@media (max-width: 600px) {
  .cbc-eth-audit-gallery {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin: 18px 0 24px !important;
  }

  .cbc-eth-audit-card:nth-child(1),
  .cbc-eth-audit-card:nth-child(2),
  .cbc-eth-audit-card:nth-child(3),
  .cbc-eth-audit-card:nth-child(4),
  .cbc-eth-audit-card:nth-child(5) {
    grid-column: 1 !important;
    width: 100% !important;
    justify-self: stretch !important;
  }
}
* =====================================================
   METAWIN ETHEREUM TRANSACTION AUDIT GALLERY END
   ===================================================== */
/* =====================================================
   CRYPTO CASINO MINI-REVIEW CARDS
   ===================================================== */

.cbc-mini-reviews {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  width: 100%;
  margin: 24px 0 32px;
}

/* Individual review */
.cbc-mini-review {
  position: relative;
  margin: 0 !important;
  padding: 0 20px 19px;
  overflow: hidden;

  color: #474d5e;
  background: #ffffff;
  border: 1px solid #dce1ed;
  border-left: 4px solid #9ba6d2;
  border-radius: 9px;
  box-shadow: 0 4px 15px rgba(31, 43, 91, 0.07);

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

/* Slightly stronger treatment for the top-ranked review */
.cbc-mini-review-first {
  border-left-color: #3d59e3;
  box-shadow: 0 5px 18px rgba(31, 52, 151, 0.1);
}

.cbc-mini-review:hover {
  border-color: #c5cdec;
  border-left-color: #3d59e3;
  box-shadow: 0 8px 22px rgba(31, 43, 91, 0.12);
  transform: translateY(-2px);
}

/* Review heading */
.cbc-mini-review > h2 {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;

  min-height: 76px !important;
  margin: 0 -20px 17px !important;
  padding: 10px 18px !important;
  box-sizing: border-box !important;

  color: #273574 !important;
  background: linear-gradient(135deg, #f2f5ff, #fafbff) !important;
  border: 0 !important;
  border-bottom: 1px solid #dce2f5 !important;

  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

/* Override existing inline image sizes and floats */
.cbc-mini-review > h2 img {
  display: block !important;
  flex: 0 0 60px !important;
  float: none !important;

  width: 60px !important;
  height: 60px !important;
  margin: 0 !important;

  object-fit: contain !important;
}

/* Lists */
.cbc-mini-review > ul {
  margin: 0 0 16px 20px !important;
  padding: 0 !important;
}

.cbc-mini-review > ul li {
  margin: 0 0 8px !important;
  padding-left: 3px !important;

  color: #4d5363;
  font-size: 14px;
  line-height: 1.55;
}

.cbc-mini-review > ul li:last-child {
  margin-bottom: 0 !important;
}

/* Internal subheadings */
.cbc-mini-review > p {
  color: #515768;
  font-size: 14px;
  line-height: 1.55;
}

.cbc-mini-review > p > strong:first-child {
  color: #303a70;
}

/* Full-review button */
.cbc-mini-review-action {
  margin: 18px 0 0 !important;
  padding: 15px 0 0 !important;
  border-top: 1px solid #e5e8f1;
}

.cbc-mini-review-action a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  min-height: 39px !important;
  padding: 8px 14px !important;
  box-sizing: border-box !important;

  color: #ffffff !important;
  background: #3d59e3 !important;
  border: 1px solid #3049c5 !important;
  border-radius: 6px !important;
  box-shadow: 0 3px 9px rgba(39, 61, 170, 0.16) !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;

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

.cbc-mini-review-action a:hover,
.cbc-mini-review-action a:focus-visible {
  color: #ffffff !important;
  background: #293fae !important;
  box-shadow: 0 5px 13px rgba(39, 61, 170, 0.23) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

.cbc-mini-review-action a:focus-visible {
  outline: 3px solid rgba(61, 89, 227, 0.25) !important;
  outline-offset: 2px !important;
}

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

@media (max-width: 600px) {
  .cbc-mini-reviews {
    gap: 15px;
    margin: 18px 0 25px;
  }

  .cbc-mini-review {
    padding: 0 14px 15px;
    border-left-width: 3px;
    border-radius: 7px;
  }

  .cbc-mini-review > h2 {
    gap: 10px !important;
    min-height: 66px !important;
    margin: 0 -14px 14px !important;
    padding: 9px 12px !important;
    font-size: 17px !important;
  }

  .cbc-mini-review > h2 img {
    flex-basis: 48px !important;
    width: 48px !important;
    height: 48px !important;
  }

  .cbc-mini-review > ul {
    margin-left: 17px !important;
    margin-bottom: 14px !important;
  }

  .cbc-mini-review > ul li,
  .cbc-mini-review > p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .cbc-mini-review-action a {
    width: 100% !important;
    min-height: 42px !important;
    padding: 9px 12px !important;
    text-align: center !important;
  }
}
/* =====================================================
   CRYPTO CASINO MINI-REVIEW CARDS END
   ===================================================== */
/* Fix mobile menu appearing behind the cryptocurrency ticker */
@media (max-width: 767px) {

  #sidemenu {
    z-index: 2147483000 !important;
  }

  #nav-toggle {
    z-index: 2147483001 !important;
  }

  /* Space below the close/menu control */
  #sidemenu .nav {
    padding-top: 55px !important;
    box-sizing: border-box !important;
  }
}
/* Fix mobile menu appearing behind the cryptocurrency ticker END*/
/* 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 */
/* Mobile footer fix */
@media screen and (max-width: 700px) {

	#colophon {
		padding: 20px 15px;
		overflow: hidden;
	}

	#colophon > .container {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	#colophon .crypto-disclaimer {
		width: 100%;
		font-size: 12px !important;
		line-height: 1.6;
		overflow-wrap: anywhere;
	}

	#colophon .per25 {
		float: none;
		width: 100%;
		padding: 10px 0;
		text-align: left;
	}

	#colophon h4 {
		margin: 0 0 8px;
		font-size: 18px;
		line-height: 1.3;
	}

	#colophon ul {
		margin: 0;
		padding: 0;
	}

	#colophon ul li {
		display: block;
		margin-bottom: 6px;
		line-height: 1.5;
	}

	#colophon ul li a {
		display: inline-block;
		overflow-wrap: anywhere;
	}

	#colophon .otherlinks {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
}
/* Mobile footer fix END */
/* Homepage H1 */
.home #primary .box > h1:first-child {
	max-width: 100%;
	margin: 10px 0 18px;
	font-size: clamp(24px, 4vw, 34px);
	line-height: 1.18;
	letter-spacing: -0.02em;
	overflow-wrap: break-word;
	text-wrap: balance;
}

/* Mobile homepage H1 */
@media screen and (max-width: 600px) {
	.home #primary .box > h1:first-child {
		padding: 0 4px;
		font-size: clamp(24px, 7vw, 28px);
		line-height: 1.2;
		text-align: center;
	}
}
/* Homepage H1 END*/
/* Pop-out menu logo visibility */
[class*="menu"] img[src*="logo"],
[class*="menu"] img[src*="Logo"],
[class*="nav"] img[src*="logo"],
[class*="drawer"] img,
[class*="offcanvas"] img {
	background: #fff !important;
	padding: 8px 12px !important;
	border-radius: 7px !important;
	filter: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}
/* Pop-out menu logo visibility END */
/* PredictionBuzz exchange comparison */
.pb-comparison-scroll {
    width: 100%;
    margin: 24px 0;
    overflow-x: auto;
    border: 1px solid #dce3ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(15, 23, 42, 0.06);
    -webkit-overflow-scrolling: touch;
}

.pb-comparison-table {
    width: 100%;
    min-width: 620px;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 15px;
    line-height: 1.6;
    color: #334155;
}

.pb-comparison-table th,
.pb-comparison-table td {
    padding: 16px 20px !important;
    border: 0 !important;
    border-bottom: 1px solid #e5eaf1 !important;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.pb-comparison-table thead th {
    background: #17243b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.pb-comparison-table th:first-child {
    width: 26%;
}

.pb-comparison-table tbody tr:nth-child(even) {
    background: #f7f9fc;
}

.pb-comparison-table tbody td:first-child {
    color: #17243b;
    font-weight: 700;
}

.pb-comparison-table tbody tr:first-child td:not(:first-child) {
    color: #17243b;
    font-size: 17px;
}

.pb-comparison-table tbody tr:last-child td {
    background: #eef3f9;
    border-bottom: 0 !important;
    color: #17243b;
}

.pb-comparison-table a {
    color: #175ab5;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.pb-comparison-table a:hover {
    color: #103e80;
}

@media (max-width: 600px) {
    .pb-comparison-table {
        font-size: 14px;
    }

    .pb-comparison-table th,
    .pb-comparison-table td {
        padding: 12px 14px !important;
    }
}

.pb-comparison-table thead th {
    vertical-align: top !important;
    text-align: left !important;
    line-height: 1.4 !important;
    padding: 16px 20px !important;
}

.pb-comparison-table thead th strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
/* PredictionBuzz exchange comparison END */