/*
Theme Name: Sports Casino Betting
Theme URI: https://sportscasinobetting.com/
Author: Sports Casino Betting
Author URI: https://sportscasinobetting.com/
Description: A premium dark-mode WordPress theme built for Sports, Casino, Betting, Games, Poker, Bitcoin and Gambling publishers. Includes a paid guest post / editorial outreach system, package pricing tables, category landing templates, review-ready article layouts, responsible-gambling compliance blocks and a floating WhatsApp outreach button. Fully responsive, SEO-ready with schema.org output, and translation ready.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scbetting
Tags: blog, news, two-columns, right-sidebar, custom-menu, custom-logo, featured-images, dark-mode, translation-ready, block-styles, wide-blocks, threaded-comments, footer-widgets
*/

/* ==========================================================================
   TABLE OF CONTENTS
   01. Design tokens
   02. Reset & base
   03. Typography
   04. Layout & grid
   05. Buttons, pills & badges
   06. Cards
   07. Header & navigation
   08. Hero & stat strip
   09. Post grid & archive
   10. Single post
   11. Pricing packages
   12. Guest post form & intake
   13. Sidebar & widgets
   14. Tables, quotes, callouts
   15. FAQ / accordion
   16. Pagination & comments
   17. Footer & disclaimer
   18. WhatsApp float & utilities
   19. WordPress core classes
   20. Responsive
   ========================================================================== */

/* ==========================================================================
   01. DESIGN TOKENS
   ========================================================================== */

:root {
	/* Surfaces */
	--scb-bg: #0a0d0c;
	--scb-bg-alt: #0e1312;
	--scb-surface: #111817;
	--scb-surface-2: #16201e;
	--scb-surface-3: #1b2523;
	--scb-line: #22302c;
	--scb-line: #22302c;
	--scb-line-soft: #1a2422;

	/* Brand */
	--scb-gold: #f5a623;
	--scb-gold-soft: #ffc861;
	--scb-gold-deep: #c47f10;
	--scb-mint: #3ddc97;
	--scb-mint-deep: #1f9c66;
	--scb-cyan: #45c8e0;
	--scb-red: #e8556d;
	--scb-purple: #9b7bf0;

	/* Text */
	--scb-text: #e9f0ee;
	--scb-text-soft: #b6c4c0;
	--scb-text-mute: #7e8f8a;
	--scb-text-dim: #5f6e6a;
	--scb-on-gold: #1a1204;

	/* Effects */
	--scb-radius: 14px;
	--scb-radius-sm: 9px;
	--scb-radius-lg: 22px;
	--scb-radius-pill: 999px;
	--scb-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .7);
	--scb-shadow-lg: 0 24px 60px -24px rgba(0, 0, 0, .85);
	--scb-glow-gold: 0 0 0 1px rgba(245, 166, 35, .28), 0 10px 34px -16px rgba(245, 166, 35, .45);
	--scb-glow-mint: 0 0 0 1px rgba(61, 220, 151, .26), 0 10px 34px -16px rgba(61, 220, 151, .4);

	/* Type */
	--scb-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--scb-font-head: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--scb-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

	/* Metrics */
	--scb-wrap: 1220px;
	--scb-wrap-narrow: 880px;
	--scb-gap: 28px;
	--scb-header-h: 68px;
}

/* Optional light palette (activated by the Customizer colour-scheme option) */
body.scb-scheme-light {
	--scb-bg: #f6f8f7;
	--scb-bg-alt: #ffffff;
	--scb-surface: #ffffff;
	--scb-surface-2: #f2f5f4;
	--scb-surface-3: #e9efed;
	--scb-line: #dde5e2;
	--scb-line-soft: #e8eeec;
	--scb-text: #101917;
	--scb-text-soft: #3c4a46;
	--scb-text-mute: #64736e;
	--scb-text-dim: #8b9a95;
	--scb-shadow: 0 1px 2px rgba(16, 25, 23, .06), 0 10px 30px -18px rgba(16, 25, 23, .22);
	--scb-shadow-lg: 0 30px 70px -34px rgba(16, 25, 23, .28);
}

/* ==========================================================================
   02. RESET & BASE
   ========================================================================== */

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

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--scb-header-h) + 20px);
}

body {
	margin: 0;
	background: var(--scb-bg);
	color: var(--scb-text);
	font-family: var(--scb-font);
	font-size: 16px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

body::before {
	content: "";
	position: fixed;
	inset: 0 0 auto 0;
	height: 520px;
	pointer-events: none;
	z-index: 0;
	background:
		radial-gradient(900px 420px at 18% -8%, rgba(245, 166, 35, .12), transparent 70%),
		radial-gradient(760px 380px at 86% -14%, rgba(61, 220, 151, .1), transparent 72%);
}

body.scb-scheme-light::before {
	background:
		radial-gradient(900px 420px at 18% -8%, rgba(245, 166, 35, .16), transparent 70%),
		radial-gradient(760px 380px at 86% -14%, rgba(61, 220, 151, .14), transparent 72%);
}

#scb-page {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#scb-content {
	flex: 1 0 auto;
}

img,
svg,
video,
iframe,
embed,
object {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

img {
	border-radius: var(--scb-radius-sm);
}

a {
	color: var(--scb-gold);
	text-decoration: none;
	transition: color .18s ease, opacity .18s ease;
}

a:hover,
a:focus {
	color: var(--scb-gold-soft);
}

:focus-visible {
	outline: 2px solid var(--scb-mint);
	outline-offset: 3px;
	border-radius: 4px;
}

hr,
.wp-block-separator {
	border: 0;
	height: 1px;
	background: var(--scb-line);
	margin: 34px 0;
}

::selection {
	background: rgba(245, 166, 35, .3);
	color: var(--scb-text);
}

/* ==========================================================================
   03. TYPOGRAPHY
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--scb-font-head);
	color: var(--scb-text);
	line-height: 1.22;
	margin: 0 0 .5em;
	font-weight: 700;
	letter-spacing: -.02em;
	/* Long keywords and URLs in iGaming headlines break the layout otherwise. */
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* Same safety net for body copy that may carry long tracking URLs. */
.scb-entry,
.scb-post-card__title,
.scb-post-card__excerpt,
.scb-mini__title { overflow-wrap: break-word; }

h1 { font-size: clamp(1.95rem, 1.35rem + 2.4vw, 3.1rem); }
h2 { font-size: clamp(1.55rem, 1.2rem + 1.5vw, 2.25rem); }
h3 { font-size: clamp(1.25rem, 1.1rem + .7vw, 1.6rem); }
h4 { font-size: 1.15rem; }
h5 { font-size: 1.02rem; }
h6 { font-size: .93rem; text-transform: uppercase; letter-spacing: .1em; color: var(--scb-text-mute); }

p { margin: 0 0 1.15em; }

p:last-child,
ul:last-child,
ol:last-child { margin-bottom: 0; }

strong, b { color: var(--scb-text); font-weight: 650; }

small { font-size: .84em; color: var(--scb-text-mute); }

code, kbd, pre, samp {
	font-family: var(--scb-font-mono);
	font-size: .9em;
}

code {
	background: var(--scb-surface-2);
	border: 1px solid var(--scb-line);
	border-radius: 6px;
	padding: .12em .42em;
	color: var(--scb-mint);
}

pre {
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	padding: 18px 20px;
	overflow-x: auto;
	line-height: 1.6;
}

pre code {
	background: none;
	border: 0;
	padding: 0;
	color: var(--scb-text-soft);
}

/* Section eyebrow label, as used across the reference layouts */
.scb-eyebrow {
	display: block;
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--scb-gold);
	margin-bottom: 10px;
}

.scb-eyebrow--mint { color: var(--scb-mint); }

.scb-section-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 26px;
}

.scb-section-head__text { max-width: 720px; }

.scb-section-head h2 { margin-bottom: 6px; }

.scb-section-head p {
	color: var(--scb-text-mute);
	margin: 0;
	font-size: .96rem;
}

.scb-lede {
	font-size: 1.08rem;
	color: var(--scb-text-soft);
}

.scb-text-gold { color: var(--scb-gold); }
.scb-text-mint { color: var(--scb-mint); }
.scb-text-mute { color: var(--scb-text-mute); }

/* ==========================================================================
   04. LAYOUT & GRID
   ========================================================================== */

.scb-wrap {
	width: 100%;
	max-width: var(--scb-wrap);
	margin: 0 auto;
	padding: 0 20px;
}

.scb-wrap--narrow { max-width: var(--scb-wrap-narrow); }

.scb-section { padding: 54px 0; }
.scb-section--tight { padding: 34px 0; }
.scb-section--flush { padding-top: 0; }

.scb-section--alt {
	background: var(--scb-bg-alt);
	border-top: 1px solid var(--scb-line-soft);
	border-bottom: 1px solid var(--scb-line-soft);
}

.scb-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 38px;
	padding: 40px 0 64px;
	align-items: start;
}

.scb-shell--full { grid-template-columns: minmax(0, 1fr); }

.scb-grid {
	display: grid;
	gap: var(--scb-gap);
}

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

.scb-grid--tight { gap: 18px; }

/* ==========================================================================
   05. BUTTONS, PILLS & BADGES
   ========================================================================== */

.scb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 12px 24px;
	border: 1px solid transparent;
	border-radius: var(--scb-radius-pill);
	font-size: .93rem;
	font-weight: 650;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	transition: transform .16s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
	font-family: inherit;
	white-space: nowrap;
}

.scb-btn:hover { transform: translateY(-1px); }
.scb-btn:active { transform: translateY(0); }

.scb-btn--gold {
	background: linear-gradient(135deg, var(--scb-gold-soft), var(--scb-gold));
	color: var(--scb-on-gold);
	box-shadow: 0 8px 26px -12px rgba(245, 166, 35, .8);
}

.scb-btn--gold:hover,
.scb-btn--gold:focus {
	color: var(--scb-on-gold);
	box-shadow: 0 12px 32px -12px rgba(245, 166, 35, .95);
}

.scb-btn--mint {
	background: linear-gradient(135deg, #4ff0a8, var(--scb-mint));
	color: #062017;
	box-shadow: 0 8px 26px -12px rgba(61, 220, 151, .75);
}

.scb-btn--mint:hover,
.scb-btn--mint:focus { color: #062017; }

.scb-btn--ghost {
	background: var(--scb-surface-2);
	border-color: var(--scb-line);
	color: var(--scb-text);
}

.scb-btn--ghost:hover,
.scb-btn--ghost:focus {
	border-color: var(--scb-gold);
	color: var(--scb-gold);
}

.scb-btn--outline {
	background: transparent;
	border-color: rgba(245, 166, 35, .5);
	color: var(--scb-gold);
}

.scb-btn--outline:hover,
.scb-btn--outline:focus {
	background: rgba(245, 166, 35, .1);
	color: var(--scb-gold-soft);
}

.scb-btn--sm { padding: 8px 16px; font-size: .82rem; }
.scb-btn--lg { padding: 15px 32px; font-size: 1rem; }
.scb-btn--block { width: 100%; }

.scb-btn-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

/* Pills / chips / tags */
.scb-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	border-radius: var(--scb-radius-pill);
	font-size: .72rem;
	font-weight: 650;
	letter-spacing: .04em;
	text-transform: uppercase;
	background: var(--scb-surface-3);
	border: 1px solid var(--scb-line);
	color: var(--scb-text-soft);
	line-height: 1.6;
}

.scb-pill--gold {
	background: rgba(245, 166, 35, .13);
	border-color: rgba(245, 166, 35, .32);
	color: var(--scb-gold);
}

.scb-pill--mint {
	background: rgba(61, 220, 151, .12);
	border-color: rgba(61, 220, 151, .3);
	color: var(--scb-mint);
}

.scb-pill--cyan {
	background: rgba(69, 200, 224, .12);
	border-color: rgba(69, 200, 224, .3);
	color: var(--scb-cyan);
}

.scb-pill--red {
	background: rgba(232, 85, 109, .12);
	border-color: rgba(232, 85, 109, .3);
	color: var(--scb-red);
}

.scb-pill--purple {
	background: rgba(155, 123, 240, .13);
	border-color: rgba(155, 123, 240, .32);
	color: var(--scb-purple);
}

.scb-pill-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.scb-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--scb-mint);
	box-shadow: 0 0 0 3px rgba(61, 220, 151, .18);
	flex: 0 0 auto;
}

.scb-dot--gold {
	background: var(--scb-gold);
	box-shadow: 0 0 0 3px rgba(245, 166, 35, .18);
}

.scb-dot--live { animation: scb-pulse 1.8s ease-in-out infinite; }

@keyframes scb-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: .55; transform: scale(.82); }
}

/* ==========================================================================
   06. CARDS
   ========================================================================== */

.scb-card {
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	box-shadow: var(--scb-shadow);
	position: relative;
}

.scb-card--pad { padding: 24px; }
.scb-card--pad-lg { padding: 30px; }

.scb-card--hover { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }

.scb-card--hover:hover {
	transform: translateY(-3px);
	border-color: rgba(245, 166, 35, .35);
	box-shadow: var(--scb-shadow-lg);
}

.scb-card--gold-edge { border-color: rgba(245, 166, 35, .35); }
.scb-card--mint-edge { border-color: rgba(61, 220, 151, .3); }

.scb-panel {
	background: var(--scb-surface-2);
	border: 1px solid var(--scb-line-soft);
	border-radius: var(--scb-radius-sm);
	padding: 16px 18px;
}

/* Feature icon tile */
.scb-icon-tile {
	width: 40px;
	height: 40px;
	border-radius: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(245, 166, 35, .12);
	border: 1px solid rgba(245, 166, 35, .26);
	color: var(--scb-gold);
	margin-bottom: 14px;
	flex: 0 0 auto;
}

.scb-icon-tile svg { width: 19px; height: 19px; }

.scb-icon-tile--mint {
	background: rgba(61, 220, 151, .12);
	border-color: rgba(61, 220, 151, .26);
	color: var(--scb-mint);
}

.scb-icon-tile--cyan {
	background: rgba(69, 200, 224, .12);
	border-color: rgba(69, 200, 224, .26);
	color: var(--scb-cyan);
}

.scb-icon-tile--purple {
	background: rgba(155, 123, 240, .13);
	border-color: rgba(155, 123, 240, .28);
	color: var(--scb-purple);
}

.scb-feature h3 {
	font-size: 1.03rem;
	margin-bottom: 7px;
}

.scb-feature p {
	font-size: .89rem;
	color: var(--scb-text-mute);
	margin: 0;
	line-height: 1.65;
}

/* Numbered step cards */
.scb-step__num {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: .82rem;
	font-weight: 700;
	background: rgba(245, 166, 35, .14);
	border: 1px solid rgba(245, 166, 35, .34);
	color: var(--scb-gold);
	margin-bottom: 14px;
}

/* ==========================================================================
   07. HEADER & NAVIGATION
   ========================================================================== */

.scb-topstrip {
	background: var(--scb-surface);
	border-bottom: 1px solid var(--scb-line-soft);
	font-size: .76rem;
	color: var(--scb-text-mute);
}

.scb-topstrip__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 34px;
	padding: 5px 20px;
	text-align: center;
	flex-wrap: wrap;
}

.scb-topstrip strong { color: var(--scb-mint); font-weight: 650; }

.scb-header {
	position: sticky;
	top: 0;
	z-index: 90;
	background: rgba(10, 13, 12, .88);
	backdrop-filter: saturate(160%) blur(14px);
	-webkit-backdrop-filter: saturate(160%) blur(14px);
	border-bottom: 1px solid var(--scb-line-soft);
}

body.scb-scheme-light .scb-header { background: rgba(255, 255, 255, .9); }

.scb-header.is-stuck { box-shadow: 0 14px 34px -22px rgba(0, 0, 0, .9); }

.scb-header__inner {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: var(--scb-header-h);
}

/* Brand */
.scb-brand {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	flex: 0 0 auto;
	margin-right: auto;
}

.scb-brand img,
.scb-brand svg {
	display: block;
	height: 38px;
	width: auto;
	max-width: 100%;
	border-radius: 0;
}

/* An uploaded custom logo can be any size — cap it so it never pushes the
   header wider than the viewport. Two classes, so these win against the
   `.scb-brand img` rule above. */
.scb-brand .custom-logo,
.scb-brand .scb-brand__img {
	max-width: min(342px, 50vw);
	object-fit: contain;
	object-position: left center;
}

.scb-brand .scb-brand__img--mark {
	display: none;
	height: 40px;
	width: 40px;
	max-width: 40px;
	border-radius: 11px;
}

.scb-brand__text {
	display: flex;
	flex-direction: column;
	line-height: 1.1;
}

.scb-brand__name {
	font-size: 1.02rem;
	font-weight: 750;
	color: var(--scb-text);
	letter-spacing: -.02em;
}

.scb-brand__tag {
	font-size: .66rem;
	text-transform: uppercase;
	letter-spacing: .13em;
	color: var(--scb-text-dim);
}

.scb-brand:hover .scb-brand__name { color: var(--scb-gold); }

/* Primary nav */
.scb-nav {
	flex: 1 1 auto;
	/* Without this a long menu sets a min-content floor and pushes the
	   header wider than the page. */
	min-width: 0;
}

.scb-nav > ul {
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.scb-nav > ul::-webkit-scrollbar { height: 0; }

.scb-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 2px;
}

.scb-nav li { position: relative; }

.scb-nav a {
	display: block;
	padding: 9px 11px;
	font-size: .855rem;
	font-weight: 550;
	color: var(--scb-text-soft);
	border-radius: var(--scb-radius-sm);
	white-space: nowrap;
}

.scb-nav a:hover,
.scb-nav a:focus,
.scb-nav .current-menu-item > a,
.scb-nav .current_page_item > a,
.scb-nav .current-menu-ancestor > a {
	color: var(--scb-text);
	background: var(--scb-surface-2);
}

.scb-nav .menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-left: 7px;
	border-right: 1.6px solid currentColor;
	border-bottom: 1.6px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	opacity: .65;
}

/* Sub menus */
.scb-nav ul ul {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	min-width: 218px;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	padding: 8px;
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	box-shadow: var(--scb-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s;
	z-index: 20;
}

.scb-nav li:hover > ul,
.scb-nav li:focus-within > ul {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.scb-nav ul ul ul { top: -9px; left: calc(100% + 6px); }

.scb-nav ul ul a { padding: 8px 12px; white-space: normal; }

/* Header actions */
.scb-header__actions {
	display: flex;
	align-items: center;
	gap: 9px;
	flex: 0 0 auto;
}

.scb-header__icon-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--scb-surface-2);
	border: 1px solid var(--scb-line);
	color: var(--scb-text-soft);
	cursor: pointer;
	padding: 0;
	transition: color .18s ease, border-color .18s ease;
}

.scb-header__icon-btn:hover,
.scb-header__icon-btn:focus {
	color: var(--scb-gold);
	border-color: rgba(245, 166, 35, .45);
}

.scb-header__icon-btn svg { width: 17px; height: 17px; }

/* Mobile toggle */
.scb-burger {
	display: none;
	width: 40px;
	height: 38px;
	border-radius: var(--scb-radius-sm);
	background: var(--scb-surface-2);
	border: 1px solid var(--scb-line);
	cursor: pointer;
	padding: 0;
	position: relative;
}

.scb-burger span,
.scb-burger span::before,
.scb-burger span::after {
	position: absolute;
	left: 50%;
	width: 17px;
	height: 1.8px;
	background: var(--scb-text);
	border-radius: 2px;
	transform: translateX(-50%);
	transition: transform .22s ease, opacity .18s ease, background .2s ease;
	content: "";
}

.scb-burger span { top: 50%; margin-top: -.9px; }
.scb-burger span::before { top: -6px; left: 0; transform: none; }
.scb-burger span::after { top: 6px; left: 0; transform: none; }

.scb-burger[aria-expanded="true"] span { background: transparent; }
.scb-burger[aria-expanded="true"] span::before { transform: translateY(6px) rotate(45deg); }
.scb-burger[aria-expanded="true"] span::after { transform: translateY(-6px) rotate(-45deg); }

/* Search drawer */
.scb-search-drawer {
	display: none;
	border-top: 1px solid var(--scb-line-soft);
	background: var(--scb-surface);
	padding: 16px 0;
}

.scb-search-drawer.is-open { display: block; }

/* Ticker strip below the header (live editorial queue in the reference) */
.scb-ticker {
	background: var(--scb-surface);
	border-bottom: 1px solid var(--scb-line-soft);
	overflow: hidden;
}

.scb-ticker__inner {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 38px;
	font-size: .78rem;
	color: var(--scb-text-mute);
}

.scb-ticker__label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	flex: 0 0 auto;
	font-weight: 650;
	color: var(--scb-red);
	text-transform: uppercase;
	font-size: .7rem;
	letter-spacing: .1em;
}

.scb-ticker__track {
	flex: 1 1 auto;
	overflow: hidden;
	white-space: nowrap;
	mask-image: linear-gradient(90deg, transparent, #000 4%, #000 92%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 92%, transparent);
}

.scb-ticker__rail {
	display: inline-flex;
	gap: 34px;
	animation: scb-marquee 42s linear infinite;
	will-change: transform;
}

.scb-ticker__track:hover .scb-ticker__rail { animation-play-state: paused; }

.scb-ticker__rail a { color: var(--scb-text-soft); font-weight: 500; }
.scb-ticker__rail a:hover { color: var(--scb-gold); }

@keyframes scb-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.scb-ticker__rail { animation: none; }
	.scb-dot--live { animation: none; }
	html { scroll-behavior: auto; }
}

/* Breadcrumbs */
.scb-crumbs {
	font-size: .78rem;
	color: var(--scb-text-dim);
	padding: 14px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	align-items: center;
}

.scb-crumbs a { color: var(--scb-text-mute); }
.scb-crumbs a:hover { color: var(--scb-gold); }
.scb-crumbs__sep { opacity: .5; }

/* ==========================================================================
   08. HERO & STAT STRIP
   ========================================================================== */

.scb-hero {
	padding: 58px 0 42px;
	text-align: center;
	position: relative;
}

.scb-hero__inner { max-width: 880px; margin: 0 auto; }

.scb-hero h1 { margin-bottom: 16px; }

.scb-hero p {
	color: var(--scb-text-soft);
	font-size: 1.04rem;
	max-width: 720px;
	margin: 0 auto 26px;
}

.scb-hero .scb-btn-row { justify-content: center; }

.scb-hero--left { text-align: left; }
.scb-hero--left .scb-hero__inner { margin: 0; }
.scb-hero--left p { margin-left: 0; }
.scb-hero--left .scb-btn-row { justify-content: flex-start; }

.scb-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 18px;
}

/* Stat strip */
.scb-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 38px;
}

.scb-stat {
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	padding: 18px 20px;
	text-align: left;
}

.scb-stat__value {
	font-size: clamp(1.18rem, .95rem + .55vw, 1.5rem);
	font-weight: 750;
	letter-spacing: -.03em;
	color: var(--scb-text);
	line-height: 1.2;
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.scb-stat__value svg { width: 17px; height: 17px; color: var(--scb-gold); }

.scb-stat__label {
	font-size: .76rem;
	color: var(--scb-text-mute);
	margin-top: 3px;
}

/* Metric bars (SEO metric integrity panel in the reference) */
.scb-meter { margin-bottom: 14px; }

.scb-meter:last-child { margin-bottom: 0; }

.scb-meter__top {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: .8rem;
	margin-bottom: 6px;
}

.scb-meter__name { color: var(--scb-text-soft); }
.scb-meter__val { color: var(--scb-text); font-weight: 650; font-variant-numeric: tabular-nums; }

.scb-meter__track {
	height: 6px;
	border-radius: var(--scb-radius-pill);
	background: var(--scb-surface-3);
	overflow: hidden;
}

.scb-meter__fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--scb-gold), var(--scb-gold-soft));
}

.scb-meter--mint .scb-meter__fill { background: linear-gradient(90deg, var(--scb-mint-deep), var(--scb-mint)); }
.scb-meter--cyan .scb-meter__fill { background: linear-gradient(90deg, #2a90a6, var(--scb-cyan)); }

/* ==========================================================================
   09. POST GRID & ARCHIVE
   ========================================================================== */

.scb-posts {
	display: grid;
	gap: var(--scb-gap);
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.scb-posts--list { grid-template-columns: minmax(0, 1fr); gap: 20px; }

.scb-post-card {
	display: flex;
	flex-direction: column;
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	overflow: hidden;
	box-shadow: var(--scb-shadow);
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
	height: 100%;
}

.scb-post-card:hover {
	transform: translateY(-3px);
	border-color: rgba(245, 166, 35, .35);
	box-shadow: var(--scb-shadow-lg);
}

/* Wrapper keeps the category pill a sibling of the media link. */
.scb-post-card__media-wrap {
	position: relative;
	display: block;
	flex: 0 0 auto;
}

.scb-post-card__media {
	display: block;
	aspect-ratio: 16 / 9;
	background: var(--scb-surface-3);
	overflow: hidden;
}

.scb-post-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	transition: transform .4s ease;
}

.scb-post-card:hover .scb-post-card__media img { transform: scale(1.04); }

.scb-post-card__media--empty {
	display: flex;
	align-items: center;
	justify-content: center;
	background:
		radial-gradient(420px 180px at 30% 10%, rgba(245, 166, 35, .14), transparent 70%),
		radial-gradient(420px 180px at 80% 90%, rgba(61, 220, 151, .12), transparent 70%),
		var(--scb-surface-2);
}

.scb-post-card__media--empty svg { width: 42px; height: 42px; color: rgba(245, 166, 35, .4); }

.scb-post-card__cat {
	position: absolute;
	top: 11px;
	left: 11px;
	z-index: 2;
	max-width: calc(100% - 22px);
}

.scb-post-card__cat .scb-pill {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	display: inline-block;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.scb-post-card__body {
	padding: 17px 19px 19px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	gap: 9px;
}

.scb-post-card__title {
	font-size: 1.04rem;
	line-height: 1.38;
	margin: 0;
	font-weight: 650;
	letter-spacing: -.01em;
}

.scb-post-card__title a { color: var(--scb-text); }
.scb-post-card__title a:hover { color: var(--scb-gold); }

.scb-post-card__excerpt {
	font-size: .875rem;
	color: var(--scb-text-mute);
	margin: 0;
	line-height: 1.62;
}

.scb-post-card__foot {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid var(--scb-line-soft);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: .75rem;
	color: var(--scb-text-dim);
}

.scb-readmore {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: .78rem;
	font-weight: 650;
	color: var(--scb-gold);
}

.scb-readmore svg { width: 13px; height: 13px; transition: transform .18s ease; }
.scb-readmore:hover svg { transform: translateX(3px); }

/* Meta row */
.scb-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	font-size: .78rem;
	color: var(--scb-text-dim);
}

.scb-meta__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.scb-meta__item svg { width: 13px; height: 13px; opacity: .8; }
.scb-meta a { color: var(--scb-text-mute); }
.scb-meta a:hover { color: var(--scb-gold); }

.scb-avatar {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 auto;
}

/* Wide/featured variant */
.scb-post-card--wide {
	flex-direction: row;
	align-items: stretch;
}

.scb-post-card--wide .scb-post-card__media-wrap {
	flex: 0 0 38%;
	min-width: 150px;
}

.scb-post-card--wide .scb-post-card__media {
	aspect-ratio: auto;
	height: 100%;
	min-height: 168px;
}

.scb-post-card--wide .scb-post-card__body {
	flex: 1 1 auto;
	min-width: 0;
}

/* Compact list row (sidebar / related) */
.scb-mini {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 12px 0;
	border-bottom: 1px solid var(--scb-line-soft);
}

.scb-mini:first-child { padding-top: 0; }
.scb-mini:last-child { border-bottom: 0; padding-bottom: 0; }

.scb-mini__thumb {
	flex: 0 0 72px;
	width: 72px;
	height: 56px;
	border-radius: var(--scb-radius-sm);
	object-fit: cover;
	background: var(--scb-surface-3);
}

.scb-mini__title {
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.42;
	margin: 0 0 4px;
}

.scb-mini__title a { color: var(--scb-text); }
.scb-mini__title a:hover { color: var(--scb-gold); }

.scb-mini__meta { font-size: .72rem; color: var(--scb-text-dim); }

.scb-mini__num {
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .76rem;
	font-weight: 700;
	background: rgba(245, 166, 35, .12);
	border: 1px solid rgba(245, 166, 35, .28);
	color: var(--scb-gold);
}

/* Category tiles */
.scb-cat-tile {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 15px 17px;
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	transition: border-color .2s ease, transform .2s ease;
}

.scb-cat-tile:hover {
	border-color: rgba(245, 166, 35, .4);
	transform: translateY(-2px);
}

.scb-cat-tile__name {
	font-weight: 650;
	font-size: .95rem;
	color: var(--scb-text);
	display: block;
	line-height: 1.3;
}

.scb-cat-tile__count { font-size: .74rem; color: var(--scb-text-dim); }

/* ==========================================================================
   10. SINGLE POST
   ========================================================================== */

.scb-single__head { margin-bottom: 24px; }

.scb-single__head h1 { margin: 12px 0 14px; }

.scb-single__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	padding: 14px 0;
	border-top: 1px solid var(--scb-line-soft);
	border-bottom: 1px solid var(--scb-line-soft);
	font-size: .8rem;
	color: var(--scb-text-mute);
}

.scb-single__author {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-right: auto;
}

.scb-single__author-name {
	font-weight: 650;
	color: var(--scb-text);
	font-size: .88rem;
	display: block;
	line-height: 1.3;
}

.scb-single__author-role { font-size: .73rem; color: var(--scb-text-dim); }

.scb-single__thumb {
	margin: 24px 0;
	border-radius: var(--scb-radius);
	overflow: hidden;
	border: 1px solid var(--scb-line);
}

.scb-single__thumb img { width: 100%; border-radius: 0; display: block; }

.scb-single__thumb figcaption,
.wp-caption-text,
.wp-block-image figcaption {
	font-size: .76rem;
	color: var(--scb-text-dim);
	padding: 9px 14px;
	background: var(--scb-surface-2);
	margin: 0;
	text-align: left;
}

/* Article body typography */
.scb-entry { font-size: 1.005rem; color: var(--scb-text-soft); }

.scb-entry > * + * { margin-top: 1.1em; }

.scb-entry h2 {
	margin-top: 1.9em;
	padding-top: .2em;
	color: var(--scb-text);
}

.scb-entry h3,
.scb-entry h4 {
	margin-top: 1.55em;
	color: var(--scb-text);
}

.scb-entry a {
	color: var(--scb-gold);
	text-decoration: underline;
	text-decoration-color: rgba(245, 166, 35, .38);
	text-underline-offset: 3px;
}

.scb-entry a:hover { text-decoration-color: var(--scb-gold); }

.scb-entry ul,
.scb-entry ol { padding-left: 1.35em; }

.scb-entry li { margin-bottom: .5em; }

.scb-entry li::marker { color: var(--scb-gold); }

.scb-entry img { border-radius: var(--scb-radius); }

.scb-entry figure { margin: 1.6em 0; }

.scb-entry > h2:first-child,
.scb-entry > h3:first-child { margin-top: 0; }

/* Table of contents */
.scb-toc {
	background: var(--scb-surface-2);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	padding: 18px 22px;
	margin: 26px 0;
}

.scb-toc__title {
	font-size: .76rem;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--scb-gold);
	font-weight: 700;
	margin-bottom: 10px;
}

.scb-toc ol {
	margin: 0;
	padding-left: 1.2em;
	font-size: .9rem;
}

.scb-toc li { margin-bottom: 5px; }
.scb-toc a { color: var(--scb-text-soft); text-decoration: none; }
.scb-toc a:hover { color: var(--scb-gold); }

/* Author box */
.scb-authorbox {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	margin: 34px 0;
	padding: 22px;
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
}

.scb-authorbox img {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	flex: 0 0 auto;
	object-fit: cover;
}

.scb-authorbox h4 { margin: 0 0 4px; font-size: 1.02rem; }

.scb-authorbox p {
	margin: 0;
	font-size: .88rem;
	color: var(--scb-text-mute);
}

/* Share row */
.scb-share {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin: 28px 0;
	padding: 14px 0;
	border-top: 1px solid var(--scb-line-soft);
	border-bottom: 1px solid var(--scb-line-soft);
}

.scb-share__label {
	font-size: .74rem;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--scb-text-dim);
	font-weight: 650;
	margin-right: auto;
}

.scb-share a {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--scb-surface-2);
	border: 1px solid var(--scb-line);
	color: var(--scb-text-soft);
}

.scb-share a:hover {
	color: var(--scb-gold);
	border-color: rgba(245, 166, 35, .45);
}

.scb-share a svg { width: 15px; height: 15px; }

/* Post navigation */
.scb-postnav {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 30px 0;
}

.scb-postnav__item {
	padding: 16px 18px;
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
}

.scb-postnav__item:hover { border-color: rgba(245, 166, 35, .35); }

.scb-postnav__dir {
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--scb-text-dim);
	display: block;
	margin-bottom: 6px;
}

.scb-postnav__title {
	font-size: .92rem;
	font-weight: 600;
	color: var(--scb-text);
	line-height: 1.4;
	display: block;
}

.scb-postnav__item:hover .scb-postnav__title { color: var(--scb-gold); }

.scb-postnav__item--next { text-align: right; }

/* ==========================================================================
   11. PRICING PACKAGES
   ========================================================================== */

.scb-pricing {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	align-items: start;
}

.scb-price-card {
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius-lg);
	padding: 26px 24px 28px;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.scb-price-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--scb-shadow-lg);
}

.scb-price-card--featured {
	border-color: rgba(245, 166, 35, .45);
	box-shadow: var(--scb-glow-gold);
	background:
		linear-gradient(180deg, rgba(245, 166, 35, .07), transparent 55%),
		var(--scb-surface);
}

.scb-price-card__flag {
	position: absolute;
	top: -11px;
	left: 24px;
}

.scb-price-card__kicker {
	font-size: .68rem;
	text-transform: uppercase;
	letter-spacing: .15em;
	color: var(--scb-text-dim);
	font-weight: 700;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.scb-price-card--featured .scb-price-card__kicker { color: var(--scb-gold); }

.scb-price-card__price {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 4px;
}

.scb-price-card__amount {
	font-size: 2.5rem;
	font-weight: 780;
	letter-spacing: -.045em;
	line-height: 1;
	color: var(--scb-text);
}

.scb-price-card--featured .scb-price-card__amount { color: var(--scb-gold); }

.scb-price-card__per { font-size: .8rem; color: var(--scb-text-dim); }

.scb-price-card__note {
	font-size: .84rem;
	color: var(--scb-text-mute);
	margin: 8px 0 18px;
	line-height: 1.6;
}

.scb-price-card__list {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	display: grid;
	gap: 10px;
}

.scb-price-card__list li {
	display: flex;
	gap: 9px;
	align-items: flex-start;
	font-size: .875rem;
	color: var(--scb-text-soft);
	line-height: 1.55;
}

.scb-price-card__list li svg {
	width: 15px;
	height: 15px;
	flex: 0 0 auto;
	margin-top: 3px;
	color: var(--scb-mint);
}

.scb-price-card__cta { margin-top: auto; }

.scb-price-card__alt {
	display: block;
	text-align: center;
	font-size: .76rem;
	color: var(--scb-text-dim);
	margin-top: 10px;
}

/* Comparison / spec table */
.scb-spec {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 10px 20px;
	font-size: .875rem;
}

.scb-spec__row {
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	gap: 18px;
	padding: 13px 0;
	border-bottom: 1px solid var(--scb-line-soft);
	align-items: start;
}

.scb-spec { display: block; }

.scb-spec__row:last-child { border-bottom: 0; }

.scb-spec__key {
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--scb-text-dim);
	font-weight: 650;
	padding-top: 2px;
}

.scb-spec__val { color: var(--scb-text-soft); font-size: .9rem; }

/* ==========================================================================
   12. GUEST POST FORM & INTAKE
   ========================================================================== */

.scb-form-card {
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius-lg);
	padding: 30px;
}

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

.scb-field { display: flex; flex-direction: column; gap: 7px; }

.scb-field--full { grid-column: 1 / -1; }

.scb-field label {
	font-size: .8rem;
	font-weight: 600;
	color: var(--scb-text-soft);
}

.scb-field label .scb-req { color: var(--scb-gold); }

.scb-field__hint { font-size: .74rem; color: var(--scb-text-dim); }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="password"],
input[type="date"],
select,
textarea {
	width: 100%;
	padding: 11px 14px;
	background: var(--scb-bg-alt);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius-sm);
	color: var(--scb-text);
	font-family: inherit;
	font-size: .9rem;
	line-height: 1.5;
	transition: border-color .18s ease, box-shadow .18s ease;
	-webkit-appearance: none;
	appearance: none;
}

select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5 6 8.5l4-4' fill='none' stroke='%237e8f8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 12px;
	padding-right: 34px;
}

textarea { min-height: 128px; resize: vertical; }

input::placeholder,
textarea::placeholder { color: var(--scb-text-dim); }

input:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: rgba(245, 166, 35, .55);
	box-shadow: 0 0 0 3px rgba(245, 166, 35, .12);
}

input[type="submit"],
button[type="submit"],
.wp-block-search__button {
	cursor: pointer;
	width: auto;
	-webkit-appearance: none;
}

.scb-check {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: .82rem;
	color: var(--scb-text-mute);
	line-height: 1.55;
}

.scb-check input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 3px 0 0;
	flex: 0 0 auto;
	accent-color: var(--scb-gold);
}

/* Form notices */
.scb-notice {
	border-radius: var(--scb-radius-sm);
	padding: 13px 16px;
	font-size: .88rem;
	margin-bottom: 20px;
	border: 1px solid transparent;
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.scb-notice svg { width: 17px; height: 17px; flex: 0 0 auto; margin-top: 2px; }

.scb-notice--ok {
	background: rgba(61, 220, 151, .1);
	border-color: rgba(61, 220, 151, .32);
	color: var(--scb-mint);
}

.scb-notice--err {
	background: rgba(232, 85, 109, .1);
	border-color: rgba(232, 85, 109, .32);
	color: var(--scb-red);
}

.scb-notice--info {
	background: rgba(69, 200, 224, .09);
	border-color: rgba(69, 200, 224, .28);
	color: var(--scb-cyan);
}

.scb-hp { position: absolute !important; left: -9999px !important; }

/* CTA banner */
.scb-cta {
	border-radius: var(--scb-radius-lg);
	border: 1px solid rgba(245, 166, 35, .3);
	background:
		radial-gradient(700px 240px at 12% 0%, rgba(245, 166, 35, .14), transparent 68%),
		radial-gradient(620px 240px at 88% 100%, rgba(61, 220, 151, .12), transparent 70%),
		var(--scb-surface);
	padding: 34px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
	justify-content: space-between;
}

.scb-cta__text { flex: 1 1 340px; }
.scb-cta h2 { margin-bottom: 8px; }

.scb-cta p {
	margin: 0;
	color: var(--scb-text-soft);
	font-size: .95rem;
	max-width: 640px;
}

.scb-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* ==========================================================================
   13. SIDEBAR & WIDGETS
   ========================================================================== */

.scb-sidebar {
	display: flex;
	flex-direction: column;
	gap: 22px;
	position: sticky;
	top: calc(var(--scb-header-h) + 18px);
}

.scb-widget {
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	padding: 20px;
	font-size: .9rem;
}

.scb-widget__title,
.scb-widget .widget-title,
.scb-widget .wp-block-heading {
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .13em;
	font-weight: 700;
	color: var(--scb-gold);
	margin: 0 0 15px;
	padding-bottom: 11px;
	border-bottom: 1px solid var(--scb-line-soft);
	display: flex;
	align-items: center;
	gap: 8px;
}

.scb-widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.scb-widget > ul > li,
.scb-widget .wp-block-categories li,
.scb-widget .wp-block-archives li,
.scb-widget .wp-block-page-list li {
	padding: 8px 0;
	border-bottom: 1px solid var(--scb-line-soft);
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: baseline;
}

.scb-widget > ul > li:last-child { border-bottom: 0; }

/* Buttons keep their own colours — the generic widget link rule would
   otherwise win on specificity and paint gold text on a gold button. */
.scb-widget a:not(.scb-btn) { color: var(--scb-text-soft); }
.scb-widget a:not(.scb-btn):hover { color: var(--scb-gold); }

.scb-widget ul ul { padding-left: 14px; width: 100%; }

.scb-widget select { margin-top: 4px; }

.scb-widget .post-date,
.scb-widget .rss-date {
	display: block;
	font-size: .73rem;
	color: var(--scb-text-dim);
}

/* Tag cloud */
.scb-widget .tagcloud,
.wp-block-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.scb-widget .tagcloud a,
.wp-block-tag-cloud a {
	font-size: .78rem !important;
	padding: 5px 12px;
	border-radius: var(--scb-radius-pill);
	background: var(--scb-surface-2);
	border: 1px solid var(--scb-line);
	color: var(--scb-text-soft);
	text-decoration: none;
}

.scb-widget .tagcloud a:hover,
.wp-block-tag-cloud a:hover {
	border-color: rgba(245, 166, 35, .45);
	color: var(--scb-gold);
}

/* Outreach widget (sidebar sales panel) */
.scb-outreach {
	border-color: rgba(245, 166, 35, .32);
	background:
		linear-gradient(180deg, rgba(245, 166, 35, .08), transparent 60%),
		var(--scb-surface);
}

.scb-outreach__price {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin: 6px 0 12px;
}

.scb-outreach__amount {
	font-size: 1.9rem;
	font-weight: 780;
	letter-spacing: -.04em;
	color: var(--scb-gold);
	line-height: 1;
}

.scb-outreach ul { display: grid; gap: 9px; margin-bottom: 16px; }

.scb-outreach ul li {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	/* Resets the space-between the generic widget list uses for counts. */
	justify-content: flex-start;
	font-size: .84rem;
	color: var(--scb-text-soft);
	border: 0;
	padding: 0;
	line-height: 1.55;
}

.scb-outreach ul li svg {
	width: 14px;
	height: 14px;
	margin-top: 3px;
	flex: 0 0 auto;
	color: var(--scb-mint);
}

/* Authority / metrics widget */
.scb-authority__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 10px 0;
	border-bottom: 1px solid var(--scb-line-soft);
	font-size: .85rem;
}

.scb-authority__row:last-child { border-bottom: 0; }
.scb-authority__label { color: var(--scb-text-mute); }

.scb-authority__value {
	font-weight: 700;
	color: var(--scb-text);
	font-variant-numeric: tabular-nums;
}

.scb-authority__value--mint { color: var(--scb-mint); }
.scb-authority__value--gold { color: var(--scb-gold); }

/* ==========================================================================
   14. TABLES, QUOTES, CALLOUTS
   ========================================================================== */

.scb-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	background: var(--scb-surface);
	margin: 26px 0;
	-webkit-overflow-scrolling: touch;
}

table {
	width: 100%;
	border-collapse: collapse;
	font-size: .885rem;
}

.scb-entry table,
.wp-block-table table {
	background: var(--scb-surface);
	border-radius: var(--scb-radius);
	overflow: hidden;
}

.wp-block-table { overflow-x: auto; }

th, td {
	padding: 12px 16px;
	text-align: left;
	border-bottom: 1px solid var(--scb-line-soft);
	vertical-align: top;
}

thead th {
	background: var(--scb-surface-2);
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--scb-text-dim);
	font-weight: 700;
	white-space: nowrap;
}

tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover td { background: rgba(255, 255, 255, .015); }

td strong { color: var(--scb-text); }

/* Blockquote / pull quote */
blockquote,
.wp-block-quote {
	margin: 28px 0;
	padding: 22px 26px;
	background: var(--scb-surface-2);
	border: 1px solid var(--scb-line);
	border-left: 3px solid var(--scb-gold);
	border-radius: var(--scb-radius);
	font-size: 1.04rem;
	color: var(--scb-text);
	font-style: normal;
}

blockquote p:last-of-type { margin-bottom: 0; }

blockquote cite,
.wp-block-quote cite {
	display: block;
	margin-top: 12px;
	font-size: .8rem;
	font-style: normal;
	color: var(--scb-text-dim);
}

/* Callout / disclosure boxes */
.scb-callout {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 18px 20px;
	border-radius: var(--scb-radius);
	border: 1px solid var(--scb-line);
	background: var(--scb-surface-2);
	margin: 26px 0;
	font-size: .88rem;
	color: var(--scb-text-soft);
	line-height: 1.62;
}

.scb-callout__icon {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(245, 166, 35, .13);
	border: 1px solid rgba(245, 166, 35, .3);
	color: var(--scb-gold);
}

.scb-callout__icon svg { width: 15px; height: 15px; }

.scb-callout h4 {
	margin: 0 0 5px;
	font-size: .93rem;
	color: var(--scb-text);
}

.scb-callout p { margin: 0; }

.scb-callout--gold { border-color: rgba(245, 166, 35, .3); }

.scb-callout--mint { border-color: rgba(61, 220, 151, .28); }

.scb-callout--mint .scb-callout__icon {
	background: rgba(61, 220, 151, .12);
	border-color: rgba(61, 220, 151, .3);
	color: var(--scb-mint);
}

.scb-callout--warn { border-color: rgba(232, 85, 109, .3); }

.scb-callout--warn .scb-callout__icon {
	background: rgba(232, 85, 109, .12);
	border-color: rgba(232, 85, 109, .3);
	color: var(--scb-red);
}

/* Sponsored / partner disclosure strip */
.scb-disclosure {
	font-size: .78rem;
	color: var(--scb-text-mute);
	background: var(--scb-surface-2);
	border: 1px dashed var(--scb-line);
	border-radius: var(--scb-radius-sm);
	padding: 12px 16px;
	margin: 22px 0;
	line-height: 1.6;
}

.scb-disclosure strong { color: var(--scb-text-soft); }

/* Rating stars */
.scb-rating {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	color: var(--scb-gold);
}

.scb-rating svg { width: 14px; height: 14px; }
.scb-rating__num { font-weight: 700; color: var(--scb-text); margin-left: 5px; font-size: .86rem; }

/* Review box (operator/brand card) */
.scb-review {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	align-items: center;
	padding: 22px;
	border-radius: var(--scb-radius);
	border: 1px solid rgba(245, 166, 35, .3);
	background:
		linear-gradient(180deg, rgba(245, 166, 35, .06), transparent 60%),
		var(--scb-surface);
	margin: 28px 0;
}

.scb-review__logo {
	width: 64px;
	height: 64px;
	border-radius: 14px;
	background: var(--scb-surface-3);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border: 1px solid var(--scb-line);
}

.scb-review__body { flex: 1 1 260px; }
.scb-review__body h4 { margin: 0 0 5px; }

.scb-review__body p {
	margin: 0;
	font-size: .86rem;
	color: var(--scb-text-mute);
}

.scb-review__cta { flex: 0 0 auto; }

/* ==========================================================================
   15. FAQ / ACCORDION
   ========================================================================== */

.scb-faq { display: grid; gap: 14px; }

.scb-faq__item {
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	overflow: hidden;
}

.scb-faq__item[open] { border-color: rgba(245, 166, 35, .35); }

.scb-faq__q {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px 20px;
	cursor: pointer;
	font-weight: 600;
	font-size: .95rem;
	color: var(--scb-text);
	list-style: none;
	line-height: 1.5;
}

.scb-faq__q::-webkit-details-marker { display: none; }

.scb-faq__q::after {
	content: "";
	margin-left: auto;
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	margin-top: 6px;
	border-right: 1.8px solid var(--scb-gold);
	border-bottom: 1.8px solid var(--scb-gold);
	transform: rotate(45deg);
	transition: transform .2s ease;
}

.scb-faq__item[open] .scb-faq__q::after { transform: rotate(-135deg); }

.scb-faq__q svg {
	width: 16px;
	height: 16px;
	color: var(--scb-gold);
	flex: 0 0 auto;
	margin-top: 3px;
}

.scb-faq__a {
	padding: 0 20px 18px 48px;
	font-size: .885rem;
	color: var(--scb-text-mute);
	line-height: 1.68;
}

.scb-faq__a p:last-child { margin-bottom: 0; }

/* ==========================================================================
   16. PAGINATION & COMMENTS
   ========================================================================== */

.scb-pagination {
	margin: 40px 0 8px;
	display: flex;
	justify-content: center;
}

.scb-pagination .nav-links,
.scb-pagination .page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.scb-pagination .page-numbers {
	min-width: 38px;
	height: 38px;
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--scb-radius-sm);
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	color: var(--scb-text-soft);
	font-size: .875rem;
	font-weight: 600;
}

.scb-pagination a.page-numbers:hover {
	border-color: rgba(245, 166, 35, .45);
	color: var(--scb-gold);
}

.scb-pagination .page-numbers.current {
	background: linear-gradient(135deg, var(--scb-gold-soft), var(--scb-gold));
	border-color: transparent;
	color: var(--scb-on-gold);
}

.scb-pagination .page-numbers.dots {
	background: none;
	border-color: transparent;
}

/* Comments */
.scb-comments {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid var(--scb-line);
}

.scb-comments__title { margin-bottom: 22px; }

.scb-comments ol.comment-list {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

.comment-list ol.children {
	list-style: none;
	margin: 0;
	padding-left: 26px;
	border-left: 1px solid var(--scb-line-soft);
}

.comment-body {
	padding: 18px 20px;
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius);
	margin-bottom: 16px;
}

.comment-meta {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 11px;
	font-size: .8rem;
	flex-wrap: wrap;
}

.comment-author { display: flex; align-items: center; gap: 10px; }

.comment-author img { width: 34px; height: 34px; border-radius: 50%; }

.comment-author .fn {
	font-weight: 650;
	color: var(--scb-text);
	font-style: normal;
}

.comment-metadata a { color: var(--scb-text-dim); font-size: .76rem; }

.comment-content { font-size: .92rem; color: var(--scb-text-soft); }

.comment-content p:last-child { margin-bottom: 0; }

.reply a {
	font-size: .78rem;
	font-weight: 650;
	color: var(--scb-gold);
}

.comment-respond {
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	border-radius: var(--scb-radius-lg);
	padding: 26px;
}

.comment-reply-title { margin-bottom: 8px; font-size: 1.2rem; }

.comment-notes,
.comment-form-cookies-consent label,
.logged-in-as {
	font-size: .82rem;
	color: var(--scb-text-mute);
}

.comment-form p { margin-bottom: 16px; }

.comment-form label {
	display: block;
	font-size: .8rem;
	font-weight: 600;
	color: var(--scb-text-soft);
	margin-bottom: 6px;
}

.comment-form-cookies-consent {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.comment-form-cookies-consent input { margin-top: 4px; accent-color: var(--scb-gold); }
.comment-form-cookies-consent label { margin: 0; font-weight: 400; }

.comment-form .submit,
.form-submit input[type="submit"] {
	display: inline-flex;
	padding: 12px 26px;
	border: 0;
	border-radius: var(--scb-radius-pill);
	background: linear-gradient(135deg, var(--scb-gold-soft), var(--scb-gold));
	color: var(--scb-on-gold);
	font-weight: 650;
	font-size: .92rem;
	font-family: inherit;
}

.no-comments,
.comment-awaiting-moderation {
	font-size: .85rem;
	color: var(--scb-text-dim);
}

/* ==========================================================================
   17. FOOTER & DISCLAIMER
   ========================================================================== */

.scb-footer {
	margin-top: 60px;
	background: var(--scb-bg-alt);
	border-top: 1px solid var(--scb-line);
	font-size: .875rem;
}

.scb-footer__main {
	display: grid;
	grid-template-columns: 1.5fr repeat(3, 1fr);
	gap: 36px;
	padding: 46px 0 34px;
}

.scb-footer__about p {
	color: var(--scb-text-mute);
	font-size: .86rem;
	margin: 14px 0 16px;
	max-width: 330px;
	line-height: 1.68;
}

.scb-footer__col h4 {
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: var(--scb-gold);
	margin: 0 0 14px;
	font-weight: 700;
}

.scb-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 9px;
}

.scb-footer__col a { color: var(--scb-text-mute); font-size: .86rem; }
.scb-footer__col a:hover { color: var(--scb-gold); }

.scb-footer .scb-brand img,
.scb-footer .scb-brand svg { height: 38px; }

.scb-footer__social {
	display: flex;
	gap: 9px;
	flex-wrap: wrap;
	margin-top: 4px;
}

.scb-footer__social a {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	color: var(--scb-text-mute);
}

.scb-footer__social a:hover {
	color: var(--scb-gold);
	border-color: rgba(245, 166, 35, .45);
}

.scb-footer__social svg { width: 15px; height: 15px; }

/* Footer widget area */
.scb-footer__widgets {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 30px;
	padding: 38px 0 6px;
	border-bottom: 1px solid var(--scb-line-soft);
}

.scb-footer__widgets .scb-widget {
	background: none;
	border: 0;
	padding: 0;
}

/* Responsible gambling disclaimer */
.scb-disclaimer {
	border-top: 1px solid var(--scb-line-soft);
	padding: 24px 0;
}

.scb-disclaimer__inner {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.scb-disclaimer__badge {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(232, 85, 109, .12);
	border: 1px solid rgba(232, 85, 109, .3);
	color: var(--scb-red);
}

.scb-disclaimer__badge svg { width: 17px; height: 17px; }

.scb-disclaimer h5 {
	margin: 0 0 6px;
	font-size: .85rem;
	color: var(--scb-red);
	text-transform: none;
	letter-spacing: 0;
}

.scb-disclaimer p {
	margin: 0;
	font-size: .79rem;
	color: var(--scb-text-dim);
	line-height: 1.68;
}

.scb-footer__bar {
	border-top: 1px solid var(--scb-line-soft);
	padding: 18px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
	font-size: .79rem;
	color: var(--scb-text-dim);
}

.scb-footer__bar nav ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin: 0;
	padding: 0;
}

.scb-footer__bar a { color: var(--scb-text-dim); }
.scb-footer__bar a:hover { color: var(--scb-gold); }

/* ==========================================================================
   18. WHATSAPP FLOAT & UTILITIES
   ========================================================================== */

.scb-wa {
	position: fixed;
	right: 20px;
	bottom: 22px;
	z-index: 120;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
}

.scb-wa__btn {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(145deg, #34d97a, #1faf5d);
	color: #fff;
	box-shadow: 0 10px 30px -8px rgba(37, 211, 102, .6), 0 2px 6px rgba(0, 0, 0, .35);
	position: relative;
	transition: transform .18s ease, box-shadow .2s ease;
}

.scb-wa__btn:hover,
.scb-wa__btn:focus {
	color: #fff;
	transform: scale(1.06);
	box-shadow: 0 14px 38px -8px rgba(37, 211, 102, .75);
}

.scb-wa__btn svg { width: 30px; height: 30px; }

.scb-wa__btn::after {
	content: "";
	position: absolute;
	inset: -6px;
	border-radius: 50%;
	border: 2px solid rgba(52, 217, 122, .5);
	animation: scb-ring 2.4s ease-out infinite;
	pointer-events: none;
}

@keyframes scb-ring {
	0% { transform: scale(.86); opacity: .9; }
	70% { transform: scale(1.25); opacity: 0; }
	100% { transform: scale(1.25); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.scb-wa__btn::after { animation: none; opacity: 0; }
}

.scb-wa__label {
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	color: var(--scb-text);
	border-radius: var(--scb-radius-pill);
	padding: 7px 15px;
	font-size: .8rem;
	font-weight: 600;
	box-shadow: var(--scb-shadow);
	white-space: nowrap;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity .2s ease, transform .2s ease;
	pointer-events: none;
}

.scb-wa:hover .scb-wa__label,
.scb-wa:focus-within .scb-wa__label {
	opacity: 1;
	transform: translateY(0);
}

/* Back to top */
.scb-totop {
	position: fixed;
	right: 24px;
	bottom: 92px;
	z-index: 110;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--scb-surface);
	border: 1px solid var(--scb-line);
	color: var(--scb-text-soft);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s, color .2s ease;
	padding: 0;
}

.scb-totop.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.scb-totop:hover { color: var(--scb-gold); border-color: rgba(245, 166, 35, .45); }
.scb-totop svg { width: 16px; height: 16px; }

/* Screen-reader text */
.screen-reader-text,
.scb-sr {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	position: absolute !important;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background: var(--scb-surface);
	border-radius: var(--scb-radius-sm);
	box-shadow: var(--scb-shadow-lg);
	clip: auto !important;
	clip-path: none;
	color: var(--scb-gold);
	display: block;
	font-size: .9rem;
	font-weight: 700;
	height: auto;
	left: 6px;
	line-height: normal;
	padding: 13px 22px;
	text-decoration: none;
	top: 6px;
	width: auto;
	z-index: 100000;
}

.scb-hidden { display: none !important; }

/* ==========================================================================
   19. WORDPRESS CORE CLASSES
   ========================================================================== */

.alignleft {
	float: left;
	margin: .4em 1.6em 1.2em 0;
	max-width: 50%;
}

.alignright {
	float: right;
	margin: .4em 0 1.2em 1.6em;
	max-width: 50%;
}

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

.alignwide { margin-left: -50px; margin-right: -50px; max-width: calc(100% + 100px); }
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; }

.wp-caption { max-width: 100%; }

.sticky .scb-post-card { border-color: rgba(245, 166, 35, .4); }

.gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 12px;
	margin: 24px 0;
}

.gallery-item { margin: 0; }
.gallery-caption { font-size: .76rem; color: var(--scb-text-dim); }

.bypostauthor > .comment-body { border-color: rgba(245, 166, 35, .3); }

.wp-block-button__link {
	border-radius: var(--scb-radius-pill);
	background: linear-gradient(135deg, var(--scb-gold-soft), var(--scb-gold));
	color: var(--scb-on-gold);
	padding: 12px 26px;
	font-weight: 650;
	text-decoration: none;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: none;
	border: 1px solid rgba(245, 166, 35, .5);
	color: var(--scb-gold);
}

.wp-block-pullquote {
	border-top: 1px solid var(--scb-line);
	border-bottom: 1px solid var(--scb-line);
	padding: 26px 0;
}

.wp-block-code { background: var(--scb-surface); }

.wp-block-embed iframe { border-radius: var(--scb-radius); }

.wp-block-calendar table caption { color: var(--scb-text-mute); }

.wp-block-search .wp-block-search__inside-wrapper { gap: 8px; }

.wp-block-search__button {
	border: 0;
	border-radius: var(--scb-radius-sm);
	background: linear-gradient(135deg, var(--scb-gold-soft), var(--scb-gold));
	color: var(--scb-on-gold);
	padding: 10px 18px;
	font-weight: 650;
}

.wp-block-latest-posts__post-date,
.wp-block-latest-comments__comment-date {
	color: var(--scb-text-dim);
	font-size: .74rem;
}

.post-password-form input[type="password"] { max-width: 280px; }

.scb-page-header { padding: 34px 0 6px; }

.scb-page-header h1 { margin-bottom: 10px; }

.scb-page-header p {
	color: var(--scb-text-mute);
	margin: 0;
	max-width: 760px;
	font-size: .96rem;
}

.scb-archive-count {
	font-size: .78rem;
	color: var(--scb-text-dim);
	margin-top: 8px;
}

/* 404 */
.scb-404 { text-align: center; padding: 70px 0; }

.scb-404__code {
	font-size: clamp(4rem, 12vw, 8rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.05em;
	background: linear-gradient(135deg, var(--scb-gold-soft), var(--scb-mint));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 12px;
}

/* ==========================================================================
   20. RESPONSIVE
   ========================================================================== */

@media (max-width: 1100px) {
	.scb-shell { grid-template-columns: minmax(0, 1fr); }

	.scb-sidebar {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.scb-footer__main { grid-template-columns: repeat(2, 1fr); gap: 30px; }
	.scb-footer__widgets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.alignwide { margin-left: 0; margin-right: 0; max-width: 100%; }
}

@media (max-width: 1120px) {
	:root { --scb-gap: 20px; }

	.scb-nav {
		position: fixed;
		inset: var(--scb-header-h) 0 auto 0;
		background: var(--scb-bg-alt);
		border-bottom: 1px solid var(--scb-line);
		padding: 14px 20px 22px;
		max-height: calc(100vh - var(--scb-header-h));
		overflow-y: auto;
		display: none;
		box-shadow: var(--scb-shadow-lg);
	}

	.scb-nav.is-open { display: block; }

	.scb-nav ul {
		flex-direction: column;
		align-items: stretch;
		gap: 2px;
	}

	.scb-nav a { padding: 11px 12px; font-size: .95rem; }

	.scb-nav ul ul {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		background: var(--scb-surface);
		margin: 4px 0 8px 12px;
		padding: 6px;
	}

	.scb-nav ul ul ul { left: 0; top: 0; }

	.scb-burger { display: inline-flex; }

	.scb-pricing { grid-template-columns: minmax(0, 1fr); max-width: 520px; margin: 0 auto; }
	.scb-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.scb-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.scb-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.scb-header__actions .scb-btn--gold { display: none; }
	.scb-nav > ul { overflow-x: visible; }
}

@media (max-width: 720px) {
	body { font-size: 15.5px; }

	.scb-section { padding: 38px 0; }
	.scb-hero { padding: 40px 0 30px; }
	.scb-shell { padding: 26px 0 44px; }

	.scb-sidebar { grid-template-columns: minmax(0, 1fr); }
	.scb-grid--2,
	.scb-grid--3,
	.scb-grid--4 { grid-template-columns: minmax(0, 1fr); }

	.scb-footer__main,
	.scb-footer__widgets { grid-template-columns: minmax(0, 1fr); gap: 26px; }

	.scb-post-card--wide { flex-direction: column; }
	.scb-post-card--wide .scb-post-card__media-wrap { flex: 0 0 auto; min-width: 0; }
	.scb-post-card--wide .scb-post-card__media { aspect-ratio: 16/9; height: auto; min-height: 0; }

	.scb-postnav { grid-template-columns: minmax(0, 1fr); }
	.scb-postnav__item--next { text-align: left; }

	.scb-form-grid { grid-template-columns: minmax(0, 1fr); }
	.scb-form-card,
	.scb-cta,
	.scb-card--pad-lg,
	.comment-respond { padding: 22px 18px; }

	.scb-spec__row { grid-template-columns: minmax(0, 1fr); gap: 5px; }

	.comment-list ol.children { padding-left: 14px; }

	.scb-single__meta { gap: 10px; }
	.scb-single__author { margin-right: 0; width: 100%; }

	.scb-wa { right: 14px; bottom: 16px; }
	.scb-wa__btn { width: 52px; height: 52px; }
	.scb-wa__btn svg { width: 27px; height: 27px; }
	.scb-wa__label { display: none; }
	.scb-totop { right: 17px; bottom: 80px; }

	.scb-stats { grid-template-columns: minmax(0, 1fr); }
	.alignleft, .alignright { float: none; margin: 1.2em 0; max-width: 100%; }
}

/* On phones a long button label cannot stay on one line without pushing the
   page sideways, so buttons in a row go full width and wrap their text. */
@media (max-width: 520px) {
	/* The dot orphans onto its own line once the strip text wraps. */
	.scb-topstrip__inner > .scb-dot { display: none; }
	.scb-topstrip__inner { padding: 7px 20px; }

	.scb-btn {
		white-space: normal;
		max-width: 100%;
	}

	.scb-btn-row > .scb-btn,
	.scb-btn-row > form { flex: 1 1 100%; }

	.scb-hero .scb-btn-row,
	.scb-cta__actions { width: 100%; }
}

/* Swap the horizontal lock-up for the square mark once the header
   runs out of room. */
@media (max-width: 620px) {
	.scb-brand .scb-brand__img--full { display: none; }
	.scb-brand .scb-brand__img--mark { display: block; }
}

@media (max-width: 420px) {
	.scb-brand__tag { display: none; }
	.scb-btn { padding: 11px 18px; }
	.scb-header__actions { gap: 7px; }
}

@media print {
	.scb-header, .scb-footer, .scb-sidebar, .scb-wa, .scb-totop,
	.scb-ticker, .scb-topstrip, .scb-share, .scb-comments, .scb-cta { display: none !important; }

	body { background: #fff; color: #000; }
	body::before { display: none; }
	.scb-shell { grid-template-columns: 1fr; }
	a { color: #000; text-decoration: underline; }
}