/* Barlow Condensed loaded via wp_enqueue_style in functions.php — no @import chain */

:root {
  --sbc-red: #c53030;
  --sbc-red-soft: rgba(180,30,30,0.72);
  --sbc-gold: #f6c000;
  --sbc-emerald: #10b981;
  --sbc-emerald-glow: rgba(16,185,129,0.25);
  --ticker-speed: 65s;
}

body:not(.single-sportsbook_review):not(.single) .font-display {
  font-family: 'Barlow Condensed','Outfit',sans-serif !important;
}
body:not(.single-sportsbook_review):not(.single) h1.font-display,
body:not(.single-sportsbook_review):not(.single) h2.font-display {
  letter-spacing: -0.01em;
}
body:not(.single-sportsbook_review):not(.single) .sbc-home-news-sidebar h3.font-display {
  font-family: 'Barlow Condensed',sans-serif !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.01em !important;
}

body { animation: sbc-page-in 0.35s ease both; }
@keyframes sbc-page-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.sbc-progress-bar {
  position: fixed;
  top: 0; left: 0;
  width: 0%; height: 3px;
  background: linear-gradient(90deg, #10b981, #34d399);
  z-index: 9999;
  transition: width 0.08s linear;
  box-shadow: 0 0 8px rgba(16,185,129,0.4);
  pointer-events: none;
  border-radius: 0 2px 2px 0;
}

.sbc-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.52s cubic-bezier(0.22,1,0.36,1),
              transform 0.52s cubic-bezier(0.22,1,0.36,1);
}
.sbc-reveal.sbc-visible { opacity: 1; transform: translateY(0); }
.sbc-reveal:nth-child(2) { transition-delay: 0.07s; }
.sbc-reveal:nth-child(3) { transition-delay: 0.14s; }
.sbc-reveal:nth-child(4) { transition-delay: 0.21s; }
.sbc-reveal:nth-child(5) { transition-delay: 0.28s; }
.sbc-reveal:nth-child(6) { transition-delay: 0.35s; }

.glass-card {
  box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset,
              0 4px 24px rgba(0,0,0,0.2) !important;
  transition: box-shadow 0.3s ease,
              border-color 0.3s ease,
              transform 0.3s cubic-bezier(0.22,1,0.36,1) !important;
}
.glass-card:hover {
  box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset,
              0 8px 40px rgba(0,0,0,0.28),
              0 0 0 1px rgba(16,185,129,0.1) !important;
  transform: translateY(-2px) !important;
}
.sbc-home-news-sidebar .glass-card:hover,
.sbc-review-sidebar .glass-card:hover { transform: translateY(-1px) !important; }

button.bg-emerald-500.w-full,
.glass-card button.bg-emerald-500,
.glass-card a.bg-emerald-500 {
  position: relative; overflow: hidden;
}
button.bg-emerald-500.w-full::after,
.glass-card button.bg-emerald-500::after,
.glass-card a.bg-emerald-500::after {
  content: '';
  position: absolute;
  top: 0; left: -120%; bottom: 0; width: 60%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transform: skewX(-12deg);
  animation: sbc-shimmer 4s ease-in-out 2.5s infinite;
  pointer-events: none;
}
@keyframes sbc-shimmer {
  0%   { left: -120%; }
  40%  { left: 160%; }
  100% { left: 160%; }
}

.sbc-primary-nav-link { position: relative; padding-bottom: 2px; white-space: nowrap; flex-shrink: 0; }
.sbc-primary-nav-link::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 0; height: 2px;
  background: #10b981;
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(16,185,129,0.4);
  transition: width 0.25s cubic-bezier(0.4,0,0.2,1);
}
.sbc-primary-nav-link:hover::after,
.sbc-primary-nav-link.sbc-nav-active::after { width: 100%; }
.sbc-primary-nav-link.sbc-nav-active { color: #10b981 !important; }

.sbc-live-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-family: 'Barlow Condensed',sans-serif;
  font-size: 9px; font-weight: 800; letter-spacing: 0.14em;
  color: #c53030; text-transform: uppercase;
  background: rgba(197,48,48,0.1);
  border: 1px solid rgba(197,48,48,0.22);
  border-radius: 4px; padding: 2px 6px;
}
.sbc-live-badge-dot {
  width: 5px; height: 5px; background: #c53030;
  border-radius: 50%; animation: sbc-blink 1s ease infinite;
}
@keyframes sbc-blink {
  0%,100% { opacity: 1; } 50% { opacity: 0.15; }
}

.sbc-ticker-wrap {
  position: sticky; top: 64px; z-index: 49;
  width: 100%;
  background: rgba(185,85,85,0.82);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  overflow: hidden; height: 34px;
  display: flex; align-items: center;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}
.sbc-ticker-label {
  flex-shrink: 0; display: flex; align-items: center; gap: 7px;
  padding: 0 18px 0 16px; height: 100%;
  background: rgba(155,60,60,0.75);
  font-family: 'Barlow Condensed',sans-serif;
  font-size: 11px; font-weight: 800; letter-spacing: 0.18em;
  color: #fff; text-transform: uppercase; white-space: nowrap;
  position: relative; z-index: 2;
}
.sbc-ticker-label::after {
  content: '';
  position: absolute; right: -12px; top: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 12px solid rgba(140,20,20,0.75);
}
.sbc-ticker-dot {
  width: 6px; height: 6px; background: #fff;
  border-radius: 50%; animation: sbc-blink 1.2s ease infinite; flex-shrink: 0;
}
.sbc-ticker-track {
  flex: 1; overflow: hidden; height: 100%;
  display: flex; align-items: center;
  mask-image: linear-gradient(to right, transparent 0%, black 3%, black 97%, transparent 100%);
}
.sbc-ticker-inner {
  display: flex; white-space: nowrap;
  animation: sbc-ticker var(--ticker-speed) linear infinite;
  will-change: transform;
}
.sbc-ticker-inner:hover { animation-play-state: paused; }
@keyframes sbc-ticker {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.sbc-ticker-item {
  display: inline-flex; align-items: center; gap: 10px; padding: 0 28px;
  font-family: 'Barlow Condensed',sans-serif;
  font-size: 15px; font-weight: 700;
  color: rgba(255,255,255,0.92); letter-spacing: 0.03em;
}
.sbc-ticker-item::after { content: '◆'; font-size: 6px; opacity: 0.4; }
.sbc-ticker-item a { color: inherit; text-decoration: none; }
.sbc-ticker-item a:hover { color: #fff; text-decoration: underline; }

.hero-overlay-content h1 {
  font-family: 'Barlow Condensed',sans-serif !important;
  font-size: clamp(2rem,5vw,4.5rem) !important;
  line-height: 0.92 !important;
  text-shadow: 0 4px 30px rgba(0,0,0,0.6);
  animation: sbc-hero-in 0.65s cubic-bezier(0.22,1,0.36,1) both;
}
@keyframes sbc-hero-in {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

.sbc-home-news-sidebar .glass-card.bg-gradient-to-br {
  border: 1px solid rgba(16,185,129,0.28) !important;
  background: linear-gradient(135deg,rgba(16,185,129,0.1),rgba(16,185,129,0.03)) !important;
  box-shadow: 0 0 28px rgba(16,185,129,0.1),inset 0 1px 0 rgba(16,185,129,0.12);
}
.sbc-home-news-sidebar button.bg-white {
  background: linear-gradient(135deg,#10b981,#059669) !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(16,185,129,0.32) !important;
  transition: all 0.3s ease !important;
}
.sbc-home-news-sidebar button.bg-white:hover {
  box-shadow: 0 6px 26px rgba(16,185,129,0.48) !important;
  transform: translateY(-1px);
}

.sbc-rank-badge {
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; border-radius: 50%;
  font-family: 'Barlow Condensed',sans-serif;
  font-size: 10px; font-weight: 900; flex-shrink: 0;
}
.sbc-rank-badge.rank-1 { background: #f6c000; color: #000; box-shadow: 0 0 8px rgba(246,192,0,0.38); }
.sbc-rank-badge.rank-2 { background: rgba(192,192,192,0.15); color: rgba(255,255,255,0.6); border: 1px solid rgba(192,192,192,0.28); }
.sbc-rank-badge.rank-3 { background: rgba(205,127,50,0.12); color: rgba(205,127,50,0.75); border: 1px solid rgba(205,127,50,0.28); }

.sbc-top-pick-ribbon {
  position: absolute; top: -1px; right: 14px;
  background: #f6c000; color: #000;
  font-family: 'Barlow Condensed',sans-serif;
  font-size: 9px; font-weight: 900; letter-spacing: 0.14em;
  text-transform: uppercase; padding: 3px 10px 4px;
  border-radius: 0 0 6px 6px; z-index: 10;
  box-shadow: 0 4px 10px rgba(246,192,0,0.28);
}
.glass-card.sbc-top-book {
  border-top: 2px solid #f6c000 !important;
  position: relative;
}

.sbc-urgency-strip {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 10px 24px;
  background: rgba(246,192,0,0.07);
  border: 1px solid rgba(246,192,0,0.18);
  border-radius: 12px;
  margin: 0 auto 32px;
  font-family: 'Barlow Condensed',sans-serif;
  font-size: 13px; font-weight: 700; letter-spacing: 0.08em;
  color: #f6c000; text-transform: uppercase;
  white-space: nowrap;
  max-width: 100%;

  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.sbc-particle {
  position: absolute; border-radius: 50%; pointer-events: none;
  animation: sbc-float linear infinite;
}
@keyframes sbc-float {
  0%   { transform: translateY(100vh) scale(0); opacity: 0; }
  5%   { opacity: 1; } 95% { opacity: 0.4; }
  100% { transform: translateY(-100px) scale(1.5); opacity: 0; }
}

footer { position: relative; }
footer::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg,transparent,#10b981 30%,#059669 70%,transparent);
  opacity: 0.65;
}
footer a[aria-label="Twitter"]:hover  { color: #1da1f2 !important; border-color: rgba(29,161,242,0.35) !important; }
footer a[aria-label="Instagram"]:hover { color: #e1306c !important; border-color: rgba(225,48,108,0.35) !important; }
footer a[aria-label="Youtube"]:hover   { color: #ff0000 !important; border-color: rgba(255,0,0,0.35) !important; }
footer a[aria-label="Facebook"]:hover  { color: #1877f2 !important; border-color: rgba(24,119,242,0.35) !important; }

.sbc-trust-bar {
  background: rgba(255,255,255,0.025);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: 11px 0;
}
.sbc-trust-bar-inner {
  max-width: 1280px; margin: 0 auto; padding: 0 1rem;
  display: flex; align-items: center; justify-content: center;
  gap: 28px; flex-wrap: wrap;
}
.sbc-trust-item {
  display: flex; align-items: center; gap: 7px;
  font-family: 'Barlow Condensed',sans-serif;
  font-size: 12px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.45);
}
.sbc-trust-item svg { width: 14px; height: 14px; color: #10b981; flex-shrink: 0; }
.sbc-trust-item strong { color: rgba(255,255,255,0.78); }

.single-sportsbook_review h1.font-display {
  font-size: clamp(1.8rem,4vw,3rem) !important;
  line-height: 1.0 !important;
  letter-spacing: -0.01em !important;
}

.single-sportsbook_review section.relative > .absolute.inset-0.bg-gradient-to-t {
  background: linear-gradient(to top,
    rgba(10,10,10,1) 0%,
    rgba(10,10,10,0.72) 38%,
    rgba(10,10,10,0.18) 78%,
    transparent 100%) !important;
}

.sbc-review-specs-card .grid > div {
  transition: background 0.2s ease;
}
.sbc-review-specs-card .grid > div:hover {
  background: rgba(16,185,129,0.06) !important;
}
.sbc-review-specs-card .grid > div:nth-child(even) {
  background: rgba(255,255,255,0.016);
}

.sbc-review-specs-header h2 {
  font-size: 1rem !important; letter-spacing: 0.04em !important;
}

.sbc-review-specs-card span.px-4.py-2 {
  background: rgba(16,185,129,0.08) !important;
  border-color: rgba(16,185,129,0.2) !important;
  transition: all 0.2s ease;
}
.sbc-review-specs-card span.px-4.py-2:hover {
  background: rgba(16,185,129,0.15) !important;
  border-color: rgba(16,185,129,0.32) !important;
}

.sbc-review-expert-section h2,
.single-sportsbook_review .space-y-6 > h2 {
  font-size: clamp(1.5rem,3vw,2rem) !important;
  letter-spacing: -0.01em !important;
}

.sbc-review-expert-card li {
  padding: 5px 0 5px 10px;
  border-left: 2px solid rgba(16,185,129,0.15);
  margin-left: -4px;
  transition: border-color 0.2s ease;
}
.sbc-review-expert-card li:hover { border-left-color: rgba(16,185,129,0.5); }

.single-sportsbook_review .glass-card.border-l-4 {
  transition: box-shadow 0.25s ease !important;
}
.single-sportsbook_review .glass-card.border-l-4:hover {
  box-shadow: -4px 0 20px rgba(16,185,129,0.14),
              0 8px 32px rgba(0,0,0,0.28) !important;
}

.sbc-review-ready-card { position: relative; }
.sbc-review-ready-card::after {
  content: '';
  position: absolute; inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(16,185,129,0.4);
  animation: sbc-ready-pulse 2.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes sbc-ready-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(16,185,129,0.15); border-color: rgba(16,185,129,0.4); }
  50%     { box-shadow: 0 0 18px 4px rgba(16,185,129,0.12); border-color: rgba(16,185,129,0.65); }
}
.sbc-review-ready-card h3 { font-size: 1.4rem !important; }

.sbc-sponsored-card {
  border: 1px solid rgba(16,185,129,0.15) !important;
}
.sbc-sponsored-card button.bg-white,
.sbc-sponsored-card a.bg-white {
  background: linear-gradient(135deg,#10b981,#059669) !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(16,185,129,0.3) !important;
}
.sbc-sponsored-card button.bg-white:hover,
.sbc-sponsored-card a.bg-white:hover {
  background: linear-gradient(135deg,#34d399,#10b981) !important;
  box-shadow: 0 6px 24px rgba(16,185,129,0.45) !important;
}

.single-post h1.font-display,
.single h1.font-display {
  font-size: clamp(1.9rem,4.5vw,3.4rem) !important;
  line-height: 1.0 !important;
  letter-spacing: -0.01em !important;
}

.single-post p.italic.border-l-4,
.single p.italic.border-l-4 {
  border-left-width: 3px !important;
  border-left-color: #10b981 !important;
  background: rgba(16,185,129,0.05);
  padding: 16px 20px !important;
  border-radius: 0 8px 8px 0;
  font-size: 1.05rem !important;
  color: rgba(255,255,255,0.85) !important;
}

.single-post .h-\[1px\].flex-grow,
.single .h-\[1px\].flex-grow {
  background: linear-gradient(to right,rgba(16,185,129,0.3),transparent) !important;
}

.single-post .border-y.border-white\/10,
.single .border-y.border-white\/10 {
  background: rgba(255,255,255,0.02);
  padding: 16px 0 !important;
}

.single-post .aspect-video,
.single .aspect-video {
  border-radius: 16px !important;
  box-shadow: 0 12px 48px rgba(0,0,0,0.4) !important;
}

.sbc-share-wrap { position: relative; display: inline-block; }
.sbc-share-tip {
  position: absolute;
  bottom: calc(100% + 6px); left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.85); color: #fff;
  font-size: 9px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; padding: 3px 7px;
  border-radius: 4px; white-space: nowrap;
  opacity: 0; pointer-events: none;
  transition: opacity 0.15s ease;
}
.sbc-share-wrap:hover .sbc-share-tip { opacity: 1; }

.sbc-trending-item {
  display: flex; gap: 12px; align-items: flex-start;
}
.sbc-trending-thumb {
  width: 50px; height: 50px;
  border-radius: 8px; object-fit: cover; flex-shrink: 0;
  border: 1px solid rgba(255,255,255,0.07);
}
.sbc-trending-text { flex: 1; min-width: 0; }

.archive .border-b.border-white\/10.pb-4,
.blog .border-b.border-white\/10.pb-4 {
  position: relative;
}
.archive .border-b.border-white\/10.pb-4::after,
.blog .border-b.border-white\/10.pb-4::after {
  content: '';
  position: absolute; bottom: -1px; left: 0;
  width: 56px; height: 2px;
  background: #10b981;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(16,185,129,0.4);
}

.archive a.bg-emerald-500.rounded-full,
.blog a.bg-emerald-500.rounded-full {
  box-shadow: 0 2px 12px rgba(16,185,129,0.3);
}

.sbc-clear-filters {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 12px;
  background: rgba(197,48,48,0.1);
  border: 1px solid rgba(197,48,48,0.25);
  border-radius: 20px;
  color: rgba(229,62,62,0.8);
  font-family: 'Barlow Condensed',sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease;
}
.sbc-clear-filters:hover { background: rgba(197,48,48,0.18); color: #e53e3e; }

.sbc-rating-bar-wrap {
  margin-top: 6px; height: 3px;
  background: rgba(255,255,255,0.08); border-radius: 2px; overflow: hidden;
}
.sbc-rating-bar-fill {
  height: 100%;
  background: linear-gradient(90deg,#10b981,#34d399);
  border-radius: 2px;
  transition: width 1.1s cubic-bezier(0.22,1,0.36,1);
}

:root.light .sbc-trust-bar {
  background: rgba(0,0,0,0.02);
  border-bottom-color: rgba(0,0,0,0.06);
}
:root.light .sbc-trust-item { color: rgba(0,0,0,0.45); }
:root.light .sbc-trust-item strong { color: rgba(0,0,0,0.75); }
:root.light .single-post p.italic.border-l-4,
:root.light .single p.italic.border-l-4 {
  background: rgba(5,150,105,0.05); color: rgba(0,0,0,0.75) !important;
}
:root.light footer::before {
  background: linear-gradient(90deg,transparent,#059669 30%,#10b981 70%,transparent);
}
:root.light .sbc-review-expert-card li {
  border-left-color: rgba(5,150,105,0.2);
}

@media (max-width: 768px) {
  .sbc-ticker-wrap { top: 64px; }
  .hero-overlay-content h1 { font-size: 1.8rem !important; }
  .single-sportsbook_review h1.font-display { font-size: 1.6rem !important; }
  .single-post h1.font-display,.single h1.font-display { font-size: 1.75rem !important; }
  .sbc-trust-bar-inner { gap: 16px; }
}

.sbc-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0%;
  background: linear-gradient(90deg, #10b981, #34d399);
  z-index: 9999;
  transition: width 0.1s linear;
  box-shadow: 0 0 8px rgba(16,185,129,0.6);
  pointer-events: none;
}

body {
  animation: sbc-page-fadein 0.35s ease both;
}

@keyframes sbc-page-fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.single-sportsbook_review section.relative.overflow-hidden img {
  transform-origin: center;
  transition: transform 0.1s linear;
  will-change: transform;

}

.single-sportsbook_review h1.font-display {
  font-size: clamp(1.8rem, 4vw, 3.5rem) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 3px 20px rgba(0,0,0,0.5);
}

.sbc-trust-bar {
  background: rgba(16,185,129,0.06);
  border-top: 1px solid rgba(16,185,129,0.15);
  border-bottom: 1px solid rgba(16,185,129,0.1);
}

.sbc-trust-bar-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 12px 16px;
  flex-wrap: wrap;
}

.sbc-trust-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
}

.sbc-trust-item svg {
  color: #10b981;
  flex-shrink: 0;
}

:root.light .sbc-trust-item {
  color: rgba(0,0,0,0.45);
}

.sbc-review-specs-card .grid > div:nth-child(odd) {
  background: rgba(255,255,255,0.025) !important;
}

.sbc-review-specs-card .grid > div {
  transition: background 0.2s ease;
  cursor: default;
}

.sbc-review-specs-card .grid > div:hover {
  background: rgba(16,185,129,0.07) !important;
}

.sbc-review-specs-card .grid > div {
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity 0.4s ease, transform 0.4s ease, background 0.2s ease;
}

.sbc-review-specs-card.sbc-specs-visible .grid > div {
  opacity: 1;
  transform: translateX(0);
}

.sbc-review-specs-card.sbc-specs-visible .grid > div:nth-child(1)  { transition-delay: 0.04s; }
.sbc-review-specs-card.sbc-specs-visible .grid > div:nth-child(2)  { transition-delay: 0.08s; }
.sbc-review-specs-card.sbc-specs-visible .grid > div:nth-child(3)  { transition-delay: 0.12s; }
.sbc-review-specs-card.sbc-specs-visible .grid > div:nth-child(4)  { transition-delay: 0.16s; }
.sbc-review-specs-card.sbc-specs-visible .grid > div:nth-child(5)  { transition-delay: 0.20s; }
.sbc-review-specs-card.sbc-specs-visible .grid > div:nth-child(6)  { transition-delay: 0.24s; }
.sbc-review-specs-card.sbc-specs-visible .grid > div:nth-child(7)  { transition-delay: 0.28s; }
.sbc-review-specs-card.sbc-specs-visible .grid > div:nth-child(8)  { transition-delay: 0.32s; }

.sbc-review-specs-card .flex.flex-wrap.gap-3 span {
  border-radius: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 6px 14px;
  background: rgba(16,185,129,0.08) !important;
  border-color: rgba(16,185,129,0.2) !important;
  color: rgba(255,255,255,0.75);
  transition: all 0.2s ease;
  cursor: default;
}

.sbc-review-specs-card .flex.flex-wrap.gap-3 span:hover {
  background: rgba(16,185,129,0.15) !important;
  border-color: rgba(16,185,129,0.4) !important;
  color: #fff;
}

:root.light .sbc-review-specs-card .flex.flex-wrap.gap-3 span {
  color: rgba(0,0,0,0.65);
}

.sbc-review-expert-card .grid > div > ul > li {
  position: relative;
  padding-left: 4px;
  border-left: 2px solid transparent;
  transition: border-color 0.2s ease, padding-left 0.2s ease;
  border-radius: 0 4px 4px 0;
  padding: 4px 4px 4px 8px;
  margin-left: -8px;
}

.sbc-review-expert-card .grid > div > ul > li:hover {
  border-left-color: rgba(16,185,129,0.5);
  background: rgba(16,185,129,0.04);
}

.single-sportsbook_review .glass-card.border-l-4 {
  transition: box-shadow 0.3s ease, border-left-color 0.3s ease !important;
}

.single-sportsbook_review .glass-card.border-l-4:hover {
  border-left-color: #10b981 !important;
  box-shadow: -4px 0 20px rgba(16,185,129,0.15), 0 4px 24px rgba(0,0,0,0.2) !important;
}

.sbc-review-ready-card {
  position: relative;
  overflow: hidden;
}

.sbc-review-ready-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(16,185,129,0.6), rgba(16,185,129,0.1), rgba(16,185,129,0.6));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: sbc-border-rotate 4s linear infinite;
  pointer-events: none;
}

@keyframes sbc-border-rotate {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.sbc-review-ready-card button {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  box-shadow: 0 6px 24px rgba(16,185,129,0.35) !important;
  transition: all 0.3s ease !important;
}

.sbc-review-ready-card button:hover {
  box-shadow: 0 8px 32px rgba(16,185,129,0.5) !important;
  transform: translateY(-1px) !important;
}

.sbc-review-ready-card p.text-sm {
  font-size: 0.7rem !important;
  opacity: 0.45 !important;
  line-height: 1.5 !important;
}

.sbc-review-trending-card .text-emerald-500 {
  font-size: 9px !important;
  letter-spacing: 0.2em !important;
}

.single-sportsbook_review .glass-card.bg-black\/40 {
  border-left: 3px solid rgba(16,185,129,0.3) !important;
  transition: border-left-color 0.3s ease !important;
}

.single-sportsbook_review .glass-card.bg-black\/40:hover {
  border-left-color: rgba(16,185,129,0.7) !important;
}

.single-post h1.font-display,
.single h1.font-display {
  font-size: clamp(1.75rem, 4vw, 3.5rem) !important;
  line-height: 0.93 !important;
  letter-spacing: -0.01em !important;
}

.single-post .border-l-4.border-emerald-500,
.single .border-l-4.border-emerald-500 {
  border-left-width: 3px !important;
  border-left-color: #10b981 !important;
  background: rgba(16,185,129,0.05) !important;
  border-radius: 0 8px 8px 0;
  padding: 16px 20px !important;
}

.sbc-sponsored-card button.bg-white {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  color: #fff !important;
  box-shadow: 0 4px 20px rgba(16,185,129,0.35) !important;
}

.sbc-sponsored-card button.bg-white:hover {
  box-shadow: 0 6px 28px rgba(16,185,129,0.5) !important;
  transform: translateY(-1px) !important;
}

.sbc-sponsored-card {
  border: 1px solid rgba(16,185,129,0.15) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.sbc-sponsored-card:hover {
  border-color: rgba(16,185,129,0.35) !important;
  box-shadow: 0 0 30px rgba(16,185,129,0.1) !important;
}

.sbc-share-wrap {
  position: relative;
}

.sbc-share-wrap [data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.85);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.sbc-share-wrap [data-tip]:hover::after {
  opacity: 1;
}

.single-post .sbc-review-expert-content p,
.single .sbc-review-expert-content p {
  line-height: 1.9 !important;
  margin-bottom: 1.4rem !important;
}

.sbc-cat-pill {
  position: relative;
  transition: all 0.22s cubic-bezier(0.4,0,0.2,1) !important;
}

.sbc-cat-pill.active {
  box-shadow: 0 0 16px rgba(16,185,129,0.3) !important;
}

.sbc-section-heading-bar {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sbc-section-heading-bar::before {
  content: '';
  display: block;
  width: 4px;
  height: 100%;
  min-height: 32px;
  background: linear-gradient(180deg, #10b981, rgba(16,185,129,0.2));
  border-radius: 4px;
  flex-shrink: 0;
}

.space-y-20 > section {
  position: relative;
}

.space-y-20 > section + section::before {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06) 30%, rgba(255,255,255,0.06) 70%, transparent);
  margin-bottom: 40px;
}

.sbc-news-section-grid > *:first-child {
  grid-column: span 2;
}

.sbc-news-section-grid > *:first-child .glass-card {
  height: 100%;
}

.sbc-news-section-grid > *:first-child .aspect-\[16\/10\] {
  aspect-ratio: 16/7 !important;
}

@media (max-width: 640px) {
  .sbc-news-section-grid > *:first-child {
    grid-column: span 1;
  }
}

.sbc-rating-bar-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.sbc-rating-bar-track {
  flex: 1;
  height: 3px;
  background: rgba(255,255,255,0.08);
  border-radius: 3px;
  overflow: hidden;
}

.sbc-rating-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #10b981, #34d399);
  border-radius: 3px;
  width: 0;
  transition: width 1s cubic-bezier(0.22,1,0.36,1);
}

.sbc-rating-bar-label {
  font-size: 9px;
  font-weight: 900;
  color: #10b981;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}

.sbc-clear-filters {
  display: none;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  padding: 6px 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.sbc-clear-filters:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.3);
}

.sbc-clear-filters.visible {
  display: inline-flex;
}

.glass-card .grid.grid-cols-2 span.text-xs.font-bold {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em;
}

.glass-card .grid.grid-cols-2 span.text-xs.font-mono {
  font-size: 13px !important;
  font-weight: 900 !important;
}

.sbc-odds-positive {
  color: #10b981 !important;
}

.sbc-odds-negative {
  color: rgba(255,255,255,0.7) !important;
}

.glass-card .grid.grid-cols-2 > div {
  transition: all 0.15s ease !important;
}

.glass-card .grid.grid-cols-2 > div:hover {
  background: rgba(16,185,129,0.1) !important;
  border-color: rgba(16,185,129,0.3) !important;
  transform: scale(1.02);
}

.glass-card button.w-full.mt-4 {
  opacity: 0.4;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding-top: 12px;
  margin-top: 12px !important;
  transition: opacity 0.2s ease, color 0.2s ease !important;
}

.glass-card button.w-full.mt-4:hover {
  opacity: 1 !important;
  color: #10b981 !important;
}

.glass-card .text-\[10px\].font-mono {
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
}

html {
  scroll-padding-top: 110px;
}

:root.light .sbc-trust-bar {
  background: rgba(5,150,105,0.04);
  border-color: rgba(5,150,105,0.12);
}

:root.light .sbc-review-specs-card .grid > div:nth-child(odd) {
  background: rgba(0,0,0,0.018) !important;
}

:root.light .sbc-review-specs-card .grid > div:hover {
  background: rgba(5,150,105,0.05) !important;
}

:root.light .sbc-review-specs-card .flex.flex-wrap.gap-3 span {
  background: rgba(5,150,105,0.08) !important;
  border-color: rgba(5,150,105,0.2) !important;
  color: rgba(0,0,0,0.6);
}

:root.light .sbc-rating-bar-track {
  background: rgba(0,0,0,0.08);
}

:root.light .sbc-clear-filters {
  color: rgba(0,0,0,0.4);
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.1);
}

:root.light .sbc-clear-filters:hover {
  color: #000;
}

:root.light .sbc-trust-item {
  color: rgba(0,0,0,0.45);
}

@media (max-width: 768px) {
  .sbc-trust-bar-inner { gap: 14px; flex-wrap: wrap; justify-content: center; }
  .sbc-news-section-grid > *:first-child { grid-column: span 1; }
  .single-sportsbook_review h1.font-display { font-size: 1.6rem !important; }
  .single-post h1.font-display, .single h1.font-display { font-size: 1.65rem !important; }
}

.single-sportsbook_review section.relative.overflow-hidden {
  height: 520px !important;
  min-height: 420px;
}

@media (min-width: 1024px) {
  .single-sportsbook_review section.relative.overflow-hidden {
    height: 580px !important;
  }
}

.single-sportsbook_review section.relative.overflow-hidden > img {
  opacity: 0.08 !important;
  filter: grayscale(80%) blur(2px) !important;
  transform: scale(1.08) !important;
  object-position: center 30% !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
}

.single-sportsbook_review section.relative.overflow-hidden::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 120% 80% at 60% 0%, rgba(16,185,129,0.08) 0%, transparent 60%),
    linear-gradient(160deg, #0d1f1a 0%, #0a0a0a 50%, #0a1510 100%);
  z-index: 1;
}

.single-sportsbook_review section.relative.overflow-hidden::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(16,185,129,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
  z-index: 2;
  pointer-events: none;
}

.single-sportsbook_review section.relative.overflow-hidden > .absolute.inset-0.bg-gradient-to-t {
  background: linear-gradient(
    to top,
    rgba(10,10,10,1) 0%,
    rgba(10,10,10,0.9) 30%,
    rgba(10,10,10,0.4) 65%,
    transparent 100%
  ) !important;
  z-index: 3;
}

.single-sportsbook_review section.relative.overflow-hidden > .absolute.inset-0:last-child {
  z-index: 4;
}

.sbc-hero-orb {
  position: absolute;
  top: -80px;
  right: -80px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(16,185,129,0.12) 0%, transparent 65%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
  animation: sbc-orb-pulse 6s ease-in-out infinite;
}

@keyframes sbc-orb-pulse {
  0%, 100% { opacity: 0.7; transform: scale(1); }
  50%       { opacity: 1;   transform: scale(1.08); }
}

.sbc-hero-orb-2 {
  position: absolute;
  bottom: -60px;
  left: -60px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(16,185,129,0.06) 0%, transparent 65%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
  animation: sbc-orb-pulse 8s ease-in-out 2s infinite;
}

.sbc-hero-diagonal {
  position: absolute;
  top: 0;
  right: 25%;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, transparent, rgba(16,185,129,0.2) 40%, rgba(16,185,129,0.1) 70%, transparent);
  z-index: 2;
  pointer-events: none;
  transform: skewX(-8deg);
}

.single-sportsbook_review .w-24.h-24,
.single-sportsbook_review .lg\:w-32.lg\:h-32 {
  box-shadow: 0 8px 40px rgba(0,0,0,0.6), 0 0 0 1px rgba(16,185,129,0.15) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.single-sportsbook_review .w-24.h-24:hover,
.single-sportsbook_review .lg\:w-32.lg\:h-32:hover {
  transform: scale(1.04) !important;
  box-shadow: 0 12px 48px rgba(0,0,0,0.7), 0 0 0 2px rgba(16,185,129,0.3) !important;
}

.single-sportsbook_review h1.font-display {
  text-shadow: 0 2px 20px rgba(0,0,0,0.8) !important;
}

.single-sportsbook_review .lg\:w-72 button {
  font-size: 1rem !important;
  letter-spacing: 0.06em !important;
  background: linear-gradient(135deg, #10b981, #059669) !important;
  box-shadow: 0 6px 32px rgba(16,185,129,0.4) !important;
  border: 1px solid rgba(16,185,129,0.3) !important;
}

.single-sportsbook_review .lg\:w-72 button:hover {
  box-shadow: 0 8px 40px rgba(16,185,129,0.55) !important;
  transform: translateY(-2px) !important;
}

.single-sportsbook_review .flex.items-center.gap-1 i[data-lucide="star"] {
  width: 20px !important;
  height: 20px !important;
}

.single-sportsbook_review .bg-emerald-500\/20.text-emerald-500 {
  background: rgba(16,185,129,0.15) !important;
  border-color: rgba(16,185,129,0.35) !important;
  font-size: 9px !important;
  letter-spacing: 0.2em !important;
  padding: 4px 10px !important;
}

.sbc-trust-bar {
  position: relative;
  z-index: 10;
}

@media (min-width: 1024px) {
  .sbc-review-sidebar {
    position: sticky;
    top: 110px;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    scrollbar-width: none;
  }
  .sbc-review-sidebar::-webkit-scrollbar { display: none; }
}

.sbc-review-ready-card {
  background: linear-gradient(145deg, rgba(16,185,129,0.12), rgba(16,185,129,0.04)) !important;
}

.sbc-compare-metric-row.sbc-winner dd {
  color: #10b981 !important;
  font-weight: 900 !important;
  position: relative;
}
.sbc-compare-metric-row.sbc-winner dd::after {
  content: '★';
  font-size: 8px;
  color: #10b981;
  margin-left: 3px;
  opacity: 0.7;
}
.sbc-compare-metric-row.sbc-winner {
  background: rgba(16,185,129,0.05);
  border-radius: 4px;
  padding-left: 4px;
  margin-left: -4px;
}

.sbc-compare-visit-btn {
  display: block;
  width: 100%;
  text-align: center;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 10px 16px;
  border-radius: 10px;
  margin-top: 8px;
  transition: all 0.25s ease;
  box-shadow: 0 4px 16px rgba(16,185,129,0.3);
  text-decoration: none !important;
}
.sbc-compare-visit-btn:hover {
  box-shadow: 0 6px 24px rgba(16,185,129,0.5);
  transform: translateY(-1px);
}

.sbc-compare-stat-value {
  transition: color 0.3s ease;
}
.sbc-compare-stat-value.sbc-counting {
  color: #10b981 !important;
}

.sbc-compare-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  padding: 6px 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 12px;
}
.sbc-compare-share-btn:hover {
  color: #10b981;
  border-color: rgba(16,185,129,0.3);
  background: rgba(16,185,129,0.06);
  transform: scale(1.04);
}
.sbc-compare-share-btn.copied {
  color: #10b981;
  border-color: rgba(16,185,129,0.4);
}

:root.light .sbc-compare-share-btn {
  color: #059669;
  background: rgba(5,150,105,0.08);
  border-color: rgba(5,150,105,0.25);
}
:root.light .sbc-compare-share-btn:hover {
  color: #047857;
  background: rgba(5,150,105,0.14);
  border-color: rgba(5,150,105,0.4);
  transform: scale(1.06);
}

.sbc-compare-stat-denom {
  font-size: 0.55em;
  font-weight: 700;
  color: rgba(255,255,255,0.3);
  vertical-align: super;
  margin-left: 1px;
}
:root.light .sbc-compare-stat-denom { color: rgba(0,0,0,0.35); }

.sbc-odds-bet-link {
  display: inline-flex;
  align-items: center;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #10b981;
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  text-decoration: none;
  transform: translateX(-4px);
}
.glass-card .border-b:hover .sbc-odds-bet-link,
.glass-card div:hover > .sbc-odds-bet-link {
  opacity: 1;
  transform: translateX(0);
}

.glass-card .sbc-odds-row {
  cursor: pointer;
  transition: background 0.15s ease;
  border-radius: 6px;
  padding: 2px 4px;
  margin: -2px -4px;
}
.glass-card .sbc-odds-row:hover {
  background: rgba(16,185,129,0.06);
}

.sbc-province-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 48;
  background: rgba(10,10,10,0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid rgba(16,185,129,0.2);
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.22,1,0.36,1);
  box-shadow: 0 -4px 30px rgba(0,0,0,0.4);
}
.sbc-province-bar.visible {
  transform: translateY(0);
}
.sbc-province-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 20px;
  max-width: 1280px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.sbc-province-bar-text {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,0.75);
  letter-spacing: 0.04em;
}
.sbc-province-bar-dot {
  width: 7px; height: 7px;
  background: #10b981;
  border-radius: 50%;
  animation: sbc-blink 1.2s ease infinite;
  flex-shrink: 0;
}
.sbc-province-bar strong {
  color: #10b981;
  font-weight: 900;
}
.sbc-province-bar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sbc-province-bar-cta {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #000;
  background: #10b981;
  border-radius: 20px;
  padding: 7px 16px;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.sbc-province-bar-cta:hover {
  background: #34d399;
  box-shadow: 0 4px 16px rgba(16,185,129,0.4);
}
.sbc-province-bar-dismiss {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 50%;
  width: 26px; height: 26px;
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.3);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;
}
.sbc-province-bar-dismiss:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.3);
}

.sbc-lander-page ~ .sbc-province-bar,
.page-template-lander .sbc-province-bar { display: none !important; }

.sbc-best-for-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 5px;
  background: rgba(246,192,0,0.12);
  color: #f6c000;
  border: 1px solid rgba(246,192,0,0.25);
  white-space: nowrap;
  margin-top: 4px;
}

.sbc-toc {
  position: sticky;
  top: 110px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;
  padding: 20px;
  font-size: 12px;
}
.sbc-toc-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #10b981;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.sbc-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  space-y: 4px;
}
.sbc-toc-list li { margin: 0; }
.sbc-toc-link {
  display: block;
  padding: 5px 8px;
  border-radius: 6px;
  color: var(--muted-text);
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  border-left: 2px solid transparent;
  transition: all 0.2s ease;
  line-height: 1.4;
}
.sbc-toc-link:hover {
  color: var(--text-main);
  background: rgba(16,185,129,0.06);
  border-left-color: rgba(16,185,129,0.4);
}
.sbc-toc-link.active {
  color: #10b981;
  background: rgba(16,185,129,0.08);
  border-left-color: #10b981;
}
.sbc-toc-link.sbc-toc-h3 {
  padding-left: 18px;
  font-size: 10px;
  opacity: 0.8;
}

.sbc-how-to-with-toc {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 32px;
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  .sbc-how-to-with-toc {
    grid-template-columns: 1fr;
  }
  .sbc-toc { position: static; margin-bottom: 24px; }
}

.sbc-byline-readtime {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,0.35);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.sbc-404-wrap {
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 20px;
  position: relative;
}
.sbc-404-number {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(6rem, 20vw, 16rem);
  font-weight: 900;
  font-style: italic;
  line-height: 0.85;
  letter-spacing: -0.04em;
  color: transparent;
  -webkit-text-stroke: 2px rgba(16,185,129,0.25);
  position: relative;
  z-index: 1;
  user-select: none;
}
.sbc-404-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(16,185,129,0.08) 0%, transparent 65%);
  border-radius: 50%;
  pointer-events: none;
}
.sbc-404-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin: 8px 0 16px;
}
.sbc-404-sub {
  color: rgba(255,255,255,0.45);
  font-size: 15px;
  max-width: 420px;
  margin: 0 auto 32px;
  line-height: 1.6;
}
.sbc-404-links {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
.sbc-404-btn-primary {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 12px 24px;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 4px 20px rgba(16,185,129,0.35);
}
.sbc-404-btn-primary:hover {
  box-shadow: 0 6px 28px rgba(16,185,129,0.5);
  transform: translateY(-2px);
}
.sbc-404-btn-secondary {
  color: rgba(255,255,255,0.6);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 12px 24px;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  transition: all 0.25s ease;
}
.sbc-404-btn-secondary:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.25);
}

.sbc-search-hero {
  padding: 48px 0 32px;
}
.sbc-search-hero h1 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: clamp(2rem, 5vw, 4rem) !important;
  font-weight: 900 !important;
  font-style: italic !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
  line-height: 0.92 !important;
}
.sbc-search-count {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #10b981;
  margin-bottom: 8px;
  display: block;
}

.sbc-compare-stat-value[data-count-target] {
  display: inline-block;
}

.sbc-newsletter-proof {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.sbc-newsletter-avatars {
  display: flex;
}
.sbc-newsletter-avatar {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid rgba(10,10,10,0.8);
  background: linear-gradient(135deg, #10b981, #059669);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 900;
  color: #fff;
  margin-left: -7px;
  flex-shrink: 0;
}
.sbc-newsletter-avatars .sbc-newsletter-avatar:first-child { margin-left: 0; }
.sbc-newsletter-proof-text {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}
.sbc-newsletter-proof-text strong {
  color: rgba(255,255,255,0.7);
}

@media (max-width: 768px) {
  .sbc-province-bar-text { font-size: 11px; }
  .sbc-province-bar-inner { padding: 8px 14px; gap: 8px; }
}

.sbc-404-search {
  margin-top: 40px;
  width: 100%;
  max-width: 420px;
}
.sbc-404-search-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 10px;
}
.sbc-404-search .search-form {
  display: flex;
  gap: 8px;
}
.sbc-404-search .search-field {
  flex: 1;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 10px 16px;
  font-size: 13px;
  color: #fff;
  outline: none;
  transition: border-color 0.2s;
}
.sbc-404-search .search-field:focus {
  border-color: rgba(16,185,129,0.5);
}
.sbc-404-search .search-submit {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 10px 18px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.sbc-404-search .search-submit:hover {
  box-shadow: 0 4px 16px rgba(16,185,129,0.4);
}

.sbc-search-page .search-form {
  display: flex;
  gap: 8px;
}
.sbc-search-page .search-field {
  flex: 1;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 12px 18px;
  font-size: 14px;
  color: #fff;
  outline: none;
  transition: border-color 0.2s;
}
.sbc-search-page .search-field:focus { border-color: rgba(16,185,129,0.5); }
.sbc-search-page .search-submit {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 20px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s;
}
.sbc-search-page .search-submit:hover {
  box-shadow: 0 4px 20px rgba(16,185,129,0.4);
}

.sbc-how-to-guide-page.in-toc-wrapper {
  max-width: none !important;
}

.sbc-archive-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: start;
}
@media (min-width: 1024px) {
  .sbc-archive-layout {
    grid-template-columns: 1fr 300px;
  }
}

.sbc-archive-section-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  margin-bottom: 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
}
.sbc-archive-count {
  font-size: 10px;
  color: rgba(255,255,255,0.25);
  font-weight: 700;
}

.sbc-ranked-card {
  display: grid;
  grid-template-columns: 28px 96px 1fr auto auto;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;
  margin-bottom: 10px;
  position: relative;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.sbc-ranked-card:hover {
  border-color: rgba(16,185,129,0.25);
  background: rgba(16,185,129,0.03);
}
.sbc-ranked-card--top {
  border-color: rgba(246,192,0,0.3);
  background: linear-gradient(135deg, rgba(246,192,0,0.04), var(--card-bg));
}
.sbc-ranked-card--top:hover {
  border-color: rgba(246,192,0,0.5);
}

.sbc-ranked-top-badge {
  position: absolute;
  top: -1px;
  right: 20px;
  background: linear-gradient(135deg, #f6c000, #e5a800);
  color: #000;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 0 0 8px 8px;
}

.sbc-ranked-rank {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 900;
  font-style: italic;
  color: rgba(255,255,255,0.2);
  text-align: center;
  line-height: 1;
}
.sbc-ranked-card--top .sbc-ranked-rank {
  color: #f6c000;
}

.sbc-ranked-logo {
  width: 72px;
  height: 52px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 6px;
  flex-shrink: 0;
}

.sbc-ranked-info {
  min-width: 0;
}
.sbc-ranked-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.sbc-ranked-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
}
.sbc-ranked-stars {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 6px;
}
.sbc-ranked-score {
  font-size: 10px;
  font-weight: 800;
  color: rgba(255,255,255,0.45);
  margin-left: 4px;
}
.sbc-ranked-pros {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.sbc-ranked-pro {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.sbc-ranked-specs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 90px;
}
.sbc-ranked-spec {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.sbc-ranked-spec span {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
}
.sbc-ranked-spec strong {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-main);
}

.sbc-ranked-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 100px;
}
.sbc-ranked-visit-btn {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 9px 14px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 3px 12px rgba(16,185,129,0.35);
  white-space: nowrap;
}
.sbc-ranked-visit-btn:hover {
  box-shadow: 0 5px 20px rgba(16,185,129,0.5);
  transform: translateY(-1px);
}
.sbc-ranked-review-btn {
  display: block;
  text-align: center;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.6);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 7px 14px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.sbc-ranked-review-btn:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.08);
}

@media (max-width: 767px) {
  .sbc-ranked-card {
    grid-template-columns: 28px 56px 1fr;
    grid-template-rows: auto auto auto;
    padding: 14px;
    gap: 10px;
  }
  .sbc-ranked-specs { display: none; }
  .sbc-ranked-actions {
    grid-column: 1 / -1;
    flex-direction: row;
  }
  .sbc-ranked-visit-btn,
  .sbc-ranked-review-btn { flex: 1; }
}

.sbc-archive-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1024px) {
  .sbc-archive-sidebar {
    position: sticky;
    top: 110px;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    scrollbar-width: none;
  }
  .sbc-archive-sidebar::-webkit-scrollbar { display: none; }
}

.sbc-sidebar-section {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;
  padding: 18px;
}
.sbc-sidebar-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  margin-bottom: 14px;
}

.sbc-sidebar-pick {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--card-border);
  background: rgba(255,255,255,0.02);
  transition: border-color 0.2s ease;
}
.sbc-sidebar-pick:not(:last-child) { margin-bottom: 8px; }
.sbc-sidebar-pick:hover { border-color: rgba(16,185,129,0.2); }
.sbc-sidebar-pick--top {
  border-color: rgba(246,192,0,0.25);
  background: rgba(246,192,0,0.03);
}
.sbc-sidebar-pick-logo {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: #fff;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sbc-sidebar-pick-info {
  flex: 1;
  min-width: 0;
}
.sbc-sidebar-pick-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin: 0 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sbc-sidebar-pick-visit {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 7px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
}
.sbc-sidebar-pick-visit:hover { box-shadow: 0 3px 12px rgba(16,185,129,0.4); }
.sbc-sidebar-pick-review {
  display: block;
  text-align: center;
  font-size: 9px;
  font-weight: 700;
  color: rgba(255,255,255,0.3);
  text-decoration: none;
  transition: color 0.2s;
  white-space: nowrap;
}
.sbc-sidebar-pick-review:hover { color: rgba(255,255,255,0.7); }

.sbc-compare-cta-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(16,185,129,0.06);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 14px;
  padding: 14px 16px;
  text-decoration: none;
  color: var(--text-main);
  transition: all 0.2s ease;
}
.sbc-compare-cta-card:hover {
  background: rgba(16,185,129,0.1);
  border-color: rgba(16,185,129,0.4);
}
.sbc-compare-cta-card i { color: #10b981; flex-shrink: 0; }

.sbc-quickmatch-card {
  border: 1px solid rgba(16,185,129,0.15) !important;
}
.sbc-quickmatch-header {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  margin-bottom: 6px;
}
.sbc-qm-chip {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.5);
  cursor: pointer;
  transition: all 0.18s ease;
}
.sbc-qm-chip:hover { border-color: rgba(16,185,129,0.3); color: rgba(255,255,255,0.8); }
.sbc-qm-chip.active {
  background: rgba(16,185,129,0.15);
  border-color: rgba(16,185,129,0.5);
  color: #10b981;
}
.sbc-qm-result {
  margin-top: 14px;
  padding: 12px;
  background: rgba(16,185,129,0.07);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 10px;
}
.sbc-qm-result.hidden { display: none; }
.sbc-qm-rec {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.sbc-qm-rec strong {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  color: #10b981;
}
.sbc-qm-rec span {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
}

.sbc-clear-filters-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 20px;
  border: 1px solid rgba(239,68,68,0.3);
  color: rgba(239,68,68,0.7);
  background: rgba(239,68,68,0.06);
  text-decoration: none;
  transition: all 0.2s ease;
}
.sbc-clear-filters-btn:hover {
  background: rgba(239,68,68,0.12);
  color: #ef4444;
  border-color: rgba(239,68,68,0.5);
}

html.light .sbc-ranked-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.07);
}
html.light .sbc-ranked-card:hover {
  border-color: rgba(16,185,129,0.3);
  background: rgba(16,185,129,0.03);
}
html.light .sbc-ranked-card--top {
  background: linear-gradient(135deg, rgba(246,192,0,0.05), #ffffff);
  border-color: rgba(246,192,0,0.35);
}
html.light .sbc-ranked-rank { color: rgba(0,0,0,0.18); }
html.light .sbc-ranked-card--top .sbc-ranked-rank { color: #d4a900; }
html.light .sbc-ranked-name { color: #1a1a1a; }
html.light .sbc-ranked-score { color: rgba(0,0,0,0.4); }
html.light .sbc-ranked-pro { color: rgba(0,0,0,0.55); font-size: 11px; }
html.light .sbc-ranked-spec span { color: rgba(0,0,0,0.35); }
html.light .sbc-ranked-spec strong { color: #1a1a1a; }
html.light .sbc-ranked-review-btn {
  color: rgba(0,0,0,0.55);
  border-color: rgba(0,0,0,0.12);
  background: rgba(0,0,0,0.04);
}
html.light .sbc-ranked-review-btn:hover {
  color: #1a1a1a;
  border-color: rgba(0,0,0,0.25);
  background: rgba(0,0,0,0.07);
}

html.light .sbc-archive-section-label { color: rgba(0,0,0,0.45); border-color: rgba(0,0,0,0.08); }
html.light .sbc-archive-count { color: rgba(0,0,0,0.25); }

html.light .sbc-sidebar-section {
  background: #ffffff;
  border-color: rgba(0,0,0,0.07);
}
html.light .sbc-sidebar-title { color: rgba(0,0,0,0.6); }

html.light .sbc-sidebar-pick {
  background: rgba(0,0,0,0.02);
  border-color: rgba(0,0,0,0.07);
}
html.light .sbc-sidebar-pick--top {
  border-color: rgba(246,192,0,0.3);
  background: rgba(246,192,0,0.03);
}
html.light .sbc-sidebar-pick-name { color: #1a1a1a; }
html.light .sbc-sidebar-pick-review { color: rgba(0,0,0,0.35); }
html.light .sbc-sidebar-pick-review:hover { color: rgba(0,0,0,0.7); }

html.light .sbc-compare-cta-card {
  background: rgba(16,185,129,0.06);
  border-color: rgba(16,185,129,0.2);
  color: #1a1a1a;
}
html.light .sbc-compare-cta-card p:last-child { color: rgba(0,0,0,0.45); }

html.light .sbc-quickmatch-card {
  background: #ffffff !important;
  border-color: rgba(16,185,129,0.2) !important;
}
html.light .sbc-quickmatch-header { color: rgba(0,0,0,0.6); }
html.light .glass-card p.text-white\/40 { color: rgba(0,0,0,0.45); }
html.light .sbc-qm-chip {
  border-color: rgba(0,0,0,0.12);
  background: rgba(0,0,0,0.04);
  color: rgba(0,0,0,0.55);
}
html.light .sbc-qm-chip:hover {
  border-color: rgba(16,185,129,0.35);
  color: rgba(0,0,0,0.8);
}
html.light .sbc-qm-chip.active {
  background: rgba(16,185,129,0.1);
  border-color: rgba(16,185,129,0.4);
  color: #059669;
}
html.light .sbc-qm-result {
  background: rgba(16,185,129,0.06);
  border-color: rgba(16,185,129,0.2);
}
html.light .sbc-qm-rec span { color: rgba(0,0,0,0.5); }

.light #sbc-qm-sport + *,
.light p.text-\\[10px\\].font-black.uppercase.tracking-widest.text-white\\/40 {
  color: rgba(0,0,0,0.4);
}

html.light .sbc-sidebar-section h4 { color: #1a1a1a; }
html.light .sbc-sidebar-section p { color: rgba(0,0,0,0.35); }

html.light .sbc-sidebar-section .glass-card {
  background: rgba(0,0,0,0.03);
  border-color: rgba(0,0,0,0.07);
}
html.light .sbc-sidebar-section .glass-card h4 { color: #1a1a1a; }
html.light .sbc-sidebar-section .glass-card p { color: rgba(0,0,0,0.35); }

html.light .sbc-clear-filters-btn {
  border-color: rgba(220,38,38,0.25);
  color: rgba(220,38,38,0.7);
  background: rgba(220,38,38,0.04);
}
html.light .sbc-clear-filters-btn:hover {
  background: rgba(220,38,38,0.08);
  color: #dc2626;
}

.sbc-ranked-name { font-size: 20px; }
.sbc-ranked-pro  { font-size: 11px; }
.sbc-ranked-spec strong { font-size: 12px; }
.sbc-ranked-spec span   { font-size: 9px; }

html.light .sbc-quickmatch-card .text-\[10px\] {
  color: rgba(0,0,0,0.45) !important;
}
html.light .sbc-quickmatch-card p {
  color: rgba(0,0,0,0.45);
}

html.light .sbc-sidebar-title,
html.light .sbc-sidebar-title span,
html.light .sbc-quickmatch-header span {
  color: rgba(0,0,0,0.65);
}

#reviews .grid.grid-cols-1.md\:grid-cols-2 {
  counter-reset: sbc-book-rank;
}
#reviews .glass-card.p-5.flex.items-center {
  counter-increment: sbc-book-rank;
  position: relative;
  border-left: 3px solid transparent;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
#reviews .glass-card.p-5.flex.items-center::before {
  content: '#' counter(sbc-book-rank);
  position: absolute;
  top: 10px;
  left: 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.12);
  line-height: 1;
}
#reviews .glass-card.p-5.flex.items-center:hover {
  border-left-color: #10b981;
  transform: translateX(3px);
  box-shadow: -4px 0 16px rgba(16,185,129,0.15);
}

#reviews .glass-card.p-5.flex.items-center:first-child {
  border-left-color: rgba(246,192,0,0.4);
}
#reviews .glass-card.p-5.flex.items-center:first-child::before {
  color: #f6c000;
}
#reviews .glass-card.p-5.flex.items-center:first-child:hover {
  border-left-color: #f6c000;
  box-shadow: -4px 0 16px rgba(246,192,0,0.2);
}

#reviews .glass-card.p-5.flex.items-center:first-child button.bg-emerald-500 {
  animation: sbc-join-pulse 3s ease-in-out infinite;
}
@keyframes sbc-join-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0); }
  50%       { box-shadow: 0 0 0 6px rgba(16,185,129,0.15); }
}

.light #reviews .glass-card.p-5.flex.items-center {
  background: #ffffff;
  border-color: rgba(0,0,0,0.07);
}
.light #reviews .glass-card.p-5.flex.items-center:hover {
  background: rgba(16,185,129,0.02);
}
.light #reviews .glass-card.p-5.flex.items-center::before {
  color: rgba(0,0,0,0.12);
}
.light #reviews .glass-card.p-5.flex.items-center:first-child::before {
  color: #d4a900;
}

.light #reviews h3.font-display { color: #1a1a1a; }
.light #reviews .text-emerald-500.font-bold.text-sm { color: #059669; }

.light #reviews span.flex.items-center.gap-1.text-\[10px\].font-medium.opacity-40 {
  color: rgba(0,0,0,0.5) !important;
  opacity: 1 !important;
}

.light #reviews a.text-\[10px\].text-center.font-bold.uppercase { color: rgba(0,0,0,0.45); }

.light #reviews a.group.flex.items-center.gap-2 { color: #059669; }

html.light .sbc-home-news-sidebar .glass-card.bg-gradient-to-br {
  background: linear-gradient(135deg, rgba(16,185,129,0.08), #ffffff) !important;
  border-color: rgba(16,185,129,0.15) !important;
}
html.light .sbc-home-news-sidebar .glass-card.bg-gradient-to-br h3 { color: #1a1a1a; }
html.light .sbc-home-news-sidebar .glass-card.bg-gradient-to-br p { color: rgba(0,0,0,0.55); }
html.light .sbc-home-news-sidebar button.bg-white {
  background: #10b981 !important;
  color: #ffffff !important;
}
html.light .sbc-home-news-sidebar button.bg-white:hover {
  background: #059669 !important;
}

html.light .sbc-home-upcoming-events {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.07) !important;
}
html.light .sbc-home-upcoming-events h3 { color: #1a1a1a; }
html.light .sbc-home-upcoming-events .w-12.h-12.rounded-xl {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html.light .sbc-home-upcoming-events span.text-xs.font-bold { color: #1a1a1a; }
html.light .sbc-home-upcoming-events span.text-sm.font-bold { color: #1a1a1a; }

html.light .sbc-home-news-sidebar .glass-card:not(.bg-gradient-to-br):not(.sbc-home-upcoming-events) {
  background: #ffffff;
  border-color: rgba(0,0,0,0.07);
}

html.light .col-span-12.lg\:col-span-4 span.font-display.font-black.text-4xl {
  color: rgba(0,0,0,0.06) !important;
}

html.light .col-span-12.lg\:col-span-4 .glass-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.07);
}
html.light .col-span-12.lg\:col-span-4 h2 { color: #1a1a1a; }
html.light .col-span-12.lg\:col-span-4 h3 { color: #1a1a1a; }

html.light .col-span-12.lg\:col-span-4 .border-t { border-color: rgba(0,0,0,0.07) !important; }

html.light .col-span-12.lg\:col-span-4 .bg-emerald-500\/10 { background: rgba(16,185,129,0.07) !important; }
html.light .col-span-12.lg\:col-span-4 .bg-red-500\/10     { background: rgba(239,68,68,0.07) !important; }
html.light .col-span-12.lg\:col-span-4 h4 { color: #1a1a1a; }
html.light .col-span-12.lg\:col-span-4 a,
html.light .col-span-12.lg\:col-span-4 button { color: rgba(0,0,0,0.5); }

.sbc-home-news-section article a.font-display.font-bold.text-xl {
  font-size: 1.05rem;
  line-height: 1.3;
}

html.light .sbc-home-news-section article a.block.relative {
  border-color: rgba(0,0,0,0.07) !important;
}

html.light .sbc-home-news-section article .flex.items-center.gap-4.text-\[10px\].font-mono {
  color: rgba(0,0,0,0.4) !important;
  opacity: 1 !important;
}

html.light .sbc-home-news-section article p.opacity-50 {
  color: rgba(0,0,0,0.5) !important;
  opacity: 1 !important;
}

section.py-24.relative.overflow-hidden .font-display.font-black { color: var(--text-main); }
.light section.py-24.relative.overflow-hidden p { color: rgba(0,0,0,0.5) !important; }

.light section.py-24 a.px-10.py-5.bg-white\/5 {
  background: rgba(0,0,0,0.06) !important;
  border-color: rgba(0,0,0,0.12) !important;
  color: #1a1a1a !important;
}
.light section.py-24 a.px-10.py-5.bg-white\/5:hover {
  background: rgba(0,0,0,0.1) !important;
}

.light #podcasts .glass-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.07);
}
.light #podcasts h3 { color: #1a1a1a; }
.light #podcasts .opacity-40  { color: rgba(0,0,0,0.4) !important; opacity: 1 !important; }
.light #podcasts .opacity-60  { color: rgba(0,0,0,0.55) !important; opacity: 1 !important; }
.light #podcasts .h-4.w-\[1px\] { background: rgba(0,0,0,0.1) !important; }

html.light .sbc-home-news-section span.text-emerald-500 { color: #059669; }
.light #reviews span.text-emerald-500 { color: #059669; }

html.light .sbc-home-news-section a.text-sm.font-bold.opacity-40 {
  color: rgba(0,0,0,0.45) !important;
  opacity: 1 !important;
}
html.light .sbc-home-news-section a.text-sm.font-bold.opacity-40:hover {
  color: rgba(0,0,0,0.8) !important;
}

.sbc-meta-muted { color: rgba(255,255,255,0.38); }
html.light .sbc-meta-muted { color: rgba(0,0,0,0.38); }

.sbc-mag-row1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .sbc-mag-row1 {
    grid-template-columns: 2fr 1fr;
    gap: 16px;
  }
}

.sbc-mag-lead-img {
  width: 100%;
  height: 320px;
}
@media (min-width: 768px) {
  .sbc-mag-lead-img { height: 420px; }
}
@media (min-width: 1024px) {
  .sbc-mag-lead-img { height: 480px; }
}

.sbc-mag-secondary-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.sbc-mag-secondary {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.sbc-mag-secondary-img {
  width: 90px;
  height: 68px;
  flex-shrink: 0;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .sbc-mag-secondary { flex-direction: column; gap: 8px; }
  .sbc-mag-secondary-img { width: 100%; height: 130px; }
}
.sbc-mag-secondary-body { flex: 1; min-width: 0; }

.sbc-mag-row2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.07);
}
@media (min-width: 640px) { .sbc-mag-row2 { grid-template-columns: repeat(3, 1fr); } }
html.light .sbc-mag-row2 { border-color: rgba(0,0,0,0.07); }

html.light .sbc-mag-lead h3,
html.light .sbc-mag-secondary a.font-display,
html.light .sbc-mag-tertiary a.font-display { color: #1a1a1a; }
html.light .sbc-mag-lead h3:hover,
html.light .sbc-mag-secondary a:hover,
html.light .sbc-mag-tertiary a:hover { color: #059669; }

.sbc-home-findbook-card { border-color: rgba(16,185,129,0.15) !important; }
html.light .sbc-home-findbook-card {
  background: #ffffff !important;
  border-color: rgba(16,185,129,0.2) !important;
}
html.light .sbc-home-findbook-card h3 { color: #1a1a1a; }

.sbc-hp-book-card {
  display: grid;
  grid-template-columns: 88px 1fr auto auto;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-left: 3px solid rgba(255,255,255,0.07);
  border-radius: 16px;
  position: relative;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.sbc-hp-book-card:hover {
  border-left-color: #10b981;
  transform: translateX(3px);
  box-shadow: -4px 0 20px rgba(16,185,129,0.12);
}
.sbc-hp-book-card--top {
  border-left-color: rgba(246,192,0,0.5);
  background: linear-gradient(135deg, rgba(246,192,0,0.04) 0%, var(--card-bg) 60%);
}
.sbc-hp-book-card--top:hover {
  border-left-color: #f6c000;
  box-shadow: -4px 0 20px rgba(246,192,0,0.15);
}

.sbc-hp-book-top-badge {
  position: absolute;
  top: -1px; right: 18px;
  background: linear-gradient(135deg, #f6c000, #e5a800);
  color: #000;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px; font-weight: 900;
  letter-spacing: 0.12em; text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 0 0 8px 8px;
}

.sbc-hp-book-logo-wrap { display: flex; align-items: center; }
.sbc-hp-book-logo {
  width: 72px; height: 56px;
  border-radius: 12px;
  overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  background: #fff;
  padding: 6px;
  flex-shrink: 0;
}

.sbc-hp-book-info { min-width: 0; }
.sbc-hp-book-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px; font-weight: 900;
  font-style: italic; text-transform: uppercase;
  letter-spacing: -0.01em; line-height: 1;
  margin: 0 0 4px;
}
.sbc-hp-book-stars {
  display: flex; align-items: center; gap: 2px;
  margin-bottom: 6px;
}
.sbc-hp-book-rating {
  font-size: 10px; font-weight: 800;
  color: rgba(255,255,255,0.4);
  margin-left: 5px;
}

.sbc-hp-book-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.sbc-hp-book-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  border-radius: 20px;
  border: 1px solid rgba(16,185,129,0.2);
  background: rgba(16,185,129,0.06);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.65);
  white-space: nowrap;
  transition: border-color .15s, color .15s;
}
.sbc-hp-book-chip svg { color: #10b981; flex-shrink: 0; }

.sbc-hp-book-chip:first-child {
  border-color: rgba(16,185,129,0.35);
  background: rgba(16,185,129,0.1);
  color: #10b981;
}

.sbc-hp-book-card:hover .sbc-hp-book-chip {
  border-color: rgba(16,185,129,0.35);
  color: rgba(255,255,255,0.8);
}
/* Mobile: show only the first chip — others bleed and cause side-scroll */
@media (max-width: 639px) {
  .sbc-hp-book-chip:not(:first-child) { display: none !important; }
  .sbc-hp-book-chips { flex-wrap: nowrap; overflow: hidden; }
}

html.light .sbc-hp-book-chip,
html.light .sbc-hp-book-card:hover .sbc-hp-book-chip {
  border-color: rgba(16,185,129,0.25) !important;
  background: rgba(16,185,129,0.07) !important;
  color: rgba(0,0,0,0.55) !important;
}

html.light .sbc-hp-book-chip:first-child,
html.light .sbc-hp-book-card:hover .sbc-hp-book-chip:first-child {
  color: #059669 !important;
}

.sbc-hp-book-specs {
  display: flex; flex-direction: column;
  gap: 6px; min-width: 80px;
}
.sbc-hp-book-spec { display: flex; flex-direction: column; line-height: 1.2; }
.sbc-hp-book-spec span {
  font-size: 8px; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.25);
}
.sbc-hp-book-spec strong {
  font-size: 11px; font-weight: 700;
  color: var(--text-main);
}

.sbc-hp-book-actions {
  display: flex; flex-direction: column;
  gap: 6px; min-width: 80px;
}
.sbc-hp-book-join {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 900;
  letter-spacing: 0.1em; text-transform: uppercase;
  padding: 10px 16px;
  border-radius: 10px; border: none; cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 3px 12px rgba(16,185,129,0.35);
  white-space: nowrap;
}
.sbc-hp-book-join:hover {
  box-shadow: 0 5px 20px rgba(16,185,129,0.5);
  transform: translateY(-1px);
}
.sbc-hp-book-card--top .sbc-hp-book-join {
  animation: sbc-join-pulse 3s ease-in-out infinite;
}
.sbc-hp-book-review {
  display: block; text-align: center;
  font-size: 10px; font-weight: 800;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: rgba(255,255,255,0.35);
  text-decoration: none;
  transition: color 0.2s ease;
  white-space: nowrap;
}
.sbc-hp-book-review:hover { color: rgba(255,255,255,0.75); }

@media (max-width: 639px) {
  .sbc-hp-book-card {
    grid-template-columns: 72px 1fr auto;
    grid-template-rows: auto auto;
    padding: 14px;
    gap: 12px;
  }
  .sbc-hp-book-info {
    overflow: hidden;
    max-width: 100%;
  }
  .sbc-hp-book-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  .sbc-hp-book-chips::-webkit-scrollbar { display: none; }
  .sbc-hp-book-specs { display: none; }
  .sbc-hp-book-actions {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: stretch;
  }
  .sbc-hp-book-join {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sbc-hp-book-review {
    flex: 0 0 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    padding: 0 8px;
  }
}

html.light .sbc-hp-book-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.07);
  border-left-color: rgba(0,0,0,0.07);
}
html.light .sbc-hp-book-card:hover { background: rgba(16,185,129,0.02); }
html.light .sbc-hp-book-card--top {
  background: linear-gradient(135deg, rgba(246,192,0,0.04), #ffffff);
  border-left-color: rgba(246,192,0,0.4);
}
html.light .sbc-hp-book-name   { color: #1a1a1a; }
html.light .sbc-hp-book-rating { color: rgba(0,0,0,0.38); }
html.light .sbc-hp-book-spec span   { color: rgba(0,0,0,0.3); }
html.light .sbc-hp-book-spec strong { color: #1a1a1a; }
html.light .sbc-hp-book-review { color: rgba(0,0,0,0.35); }
html.light .sbc-hp-book-review:hover { color: rgba(0,0,0,0.7); }

.sbc-vp-hero {
  padding: 64px 0 40px;
  background: var(--bg-main, #0a0a0a);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.sbc-vp-bg-grid {
  position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 32px 32px;
}
html.light .sbc-vp-bg-grid {
  background-image: radial-gradient(circle, rgba(0,0,0,0.06) 1px, transparent 1px);
}

.sbc-vp-bg-glow {
  position: absolute; pointer-events: none;
  border-radius: 50%; filter: blur(80px);
}
.sbc-vp-glow-1 {
  width: 600px; height: 400px;
  top: -100px; left: -100px;
  background: rgba(16,185,129,0.08);
  animation: sbc-vp-drift 8s ease-in-out infinite alternate;
}
.sbc-vp-glow-2 {
  width: 400px; height: 300px;
  bottom: -80px; right: 5%;
  background: rgba(16,185,129,0.05);
  animation: sbc-vp-drift 10s ease-in-out infinite alternate-reverse;
}
@keyframes sbc-vp-drift {
  from { transform: translate(0, 0); }
  to   { transform: translate(30px, 20px); }
}

.sbc-vp-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: center;
}
@media (min-width: 1024px) {
  .sbc-vp-inner { grid-template-columns: 1fr 420px; gap: 64px; }
}

.sbc-vp-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: #10b981;
  margin-bottom: 20px;
}
.sbc-vp-eyebrow-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 8px rgba(16,185,129,0.8);
  animation: sbc-vp-pulse 2s ease-in-out infinite;
}
@keyframes sbc-vp-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.6; transform: scale(0.7); }
}

.sbc-vp-headline {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(3rem, 7vw, 5.5rem);
  font-weight: 900; font-style: italic;
  text-transform: uppercase;
  letter-spacing: -0.02em; line-height: 0.92;
  color: var(--text-main);
  margin: 0 0 20px;
}
.sbc-vp-headline-em {
  color: #10b981;
  position: relative;
}
.sbc-vp-headline-em::after {
  content: '';
  position: absolute; left: 0; bottom: -4px;
  width: 100%; height: 3px;
  background: linear-gradient(90deg, #10b981, transparent);
  border-radius: 2px;
}

.sbc-vp-subhead {
  font-size: 1rem; line-height: 1.65;
  color: rgba(255,255,255,0.5);
  max-width: 480px;
  margin-bottom: 32px;
}
html.light .sbc-vp-subhead { color: rgba(0,0,0,0.5); }

.sbc-vp-ctas {
  display: flex; flex-wrap: wrap; gap: 12px;
  margin-bottom: 28px;
}
.sbc-vp-cta-primary {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900;
  letter-spacing: 0.1em; text-transform: uppercase;
  padding: 14px 28px; border-radius: 14px;
  text-decoration: none;
  box-shadow: 0 6px 24px rgba(16,185,129,0.4);
  transition: all 0.2s ease;
}
.sbc-vp-cta-primary:hover {
  box-shadow: 0 8px 32px rgba(16,185,129,0.55);
  transform: translateY(-2px);
  color: #fff;
}
.sbc-vp-cta-secondary {
  display: inline-flex; align-items: center;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.75);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900;
  letter-spacing: 0.1em; text-transform: uppercase;
  padding: 14px 28px; border-radius: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.sbc-vp-cta-secondary:hover {
  background: rgba(255,255,255,0.1);
  color: #fff;
}
html.light .sbc-vp-cta-secondary {
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.12);
  color: rgba(0,0,0,0.7);
}
html.light .sbc-vp-cta-secondary:hover {
  background: rgba(0,0,0,0.09);
  color: #1a1a1a;
}

.sbc-vp-trust {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
}
.sbc-vp-trust-item {
  display: flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700;
  color: rgba(255,255,255,0.4);
  text-transform: uppercase; letter-spacing: 0.08em;
}
html.light .sbc-vp-trust-item { color: rgba(0,0,0,0.4); }
.sbc-vp-trust-sep {
  width: 3px; height: 3px; border-radius: 50%;
  background: rgba(255,255,255,0.2);
}
html.light .sbc-vp-trust-sep { background: rgba(0,0,0,0.15); }

.sbc-vp-right-label {
  display: flex; align-items: center; gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 900;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(255,255,255,0.35);
  margin-bottom: 10px;
}
html.light .sbc-vp-right-label { color: rgba(0,0,0,0.35); }

.sbc-vp-books { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }

.sbc-vp-book {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-left: 3px solid transparent;
  border-radius: 14px;
  position: relative;
  transition: all 0.2s ease;
}
.sbc-vp-book:hover {
  background: rgba(16,185,129,0.06);
  border-left-color: #10b981;
  transform: translateX(3px);
}
.sbc-vp-book--top {
  background: rgba(246,192,0,0.05);
  border-color: rgba(246,192,0,0.2);
  border-left-color: rgba(246,192,0,0.5);
}
.sbc-vp-book--top:hover { border-left-color: #f6c000; }

.sbc-vp-book-crown {
  position: absolute; top: -8px; right: 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px; font-weight: 900;
  letter-spacing: 0.1em; text-transform: uppercase;
  background: linear-gradient(135deg, #f6c000, #e5a800);
  color: #000;
  padding: 2px 8px; border-radius: 4px;
}

.sbc-vp-book-logo {
  width: 44px; height: 36px; flex-shrink: 0;
  border-radius: 8px; overflow: hidden;
  background: #fff; padding: 4px;
  display: flex; align-items: center; justify-content: center;
}
.sbc-vp-book-info { flex: 1; min-width: 0; }
.sbc-vp-book-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 700;
  font-style: italic; text-transform: uppercase;
  color: var(--text-main);
  margin: 0 0 3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sbc-vp-book-stars { display: flex; align-items: center; gap: 2px; }
.sbc-vp-book-score {
  font-size: 9px; font-weight: 800;
  color: rgba(255,255,255,0.4);
  margin-left: 4px;
}
html.light .sbc-vp-book-score { color: rgba(0,0,0,0.35); }

.sbc-vp-book-btn {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 900;
  letter-spacing: 0.1em; text-transform: uppercase;
  padding: 6px 14px; border-radius: 8px; border: none;
  cursor: pointer; white-space: nowrap;
  box-shadow: 0 2px 8px rgba(16,185,129,0.35);
  transition: all 0.2s ease;
}
.sbc-vp-book-btn:hover {
  box-shadow: 0 4px 16px rgba(16,185,129,0.5);
  transform: translateY(-1px);
}

html.light .sbc-vp-book {
  background: rgba(0,0,0,0.02);
  border-color: rgba(0,0,0,0.07);
  border-left-color: transparent;
}
html.light .sbc-vp-book:hover { background: rgba(16,185,129,0.04); }
html.light .sbc-vp-book--top {
  background: rgba(246,192,0,0.04);
  border-color: rgba(246,192,0,0.2);
  border-left-color: rgba(246,192,0,0.4);
}

.sbc-vp-stats {
  display: flex; align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
}
html.light .sbc-vp-stats {
  background: rgba(0,0,0,0.03);
  border-color: rgba(0,0,0,0.07);
}
.sbc-vp-stat {
  display: flex; flex-direction: column;
  align-items: center; flex: 1; gap: 3px;
}
.sbc-vp-stat-row {
  display: flex; align-items: baseline; gap: 1px; line-height: 1;
}
.sbc-vp-stat-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px; font-weight: 900;
  font-style: italic; color: #10b981;
  line-height: 1;
}
.sbc-vp-stat-suffix {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900;
  color: #10b981; line-height: 1;
}
.sbc-vp-stat-label {
  font-size: 8px; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  white-space: nowrap;
}
html.light .sbc-vp-stat-label { color: rgba(0,0,0,0.35); }
.sbc-vp-stat-div {
  width: 1px; height: 28px; flex-shrink: 0;
  background: rgba(255,255,255,0.08);
}
html.light .sbc-vp-stat-div { background: rgba(0,0,0,0.08); }

.sbc-vp-disclaimer {
  padding-top: 20px;
}

@media (max-width: 767px) {
  .sbc-vp-hero { padding: 48px 0 32px; }
  .sbc-vp-stats { gap: 8px; padding: 12px; }
  .sbc-vp-stat-num { font-size: 18px; }
}

.sbc-vp-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url('https://images.unsplash.com/photo-1515703407324-5f753afd8be8?w=1600&q=80&auto=format&fit=crop');
  background-size: cover;
  background-position: center 40%;
  filter: blur(6px) saturate(0.6);
  transform: scale(1.04);
  opacity: 0.18;
  z-index: -2;
  overflow: hidden;
}
html.light .sbc-vp-hero::before {
  opacity: 0.10;
  filter: blur(6px) saturate(0.3) brightness(0.85);
}

.sbc-vp-hero::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(135deg,
    rgba(10,10,10,0.93) 0%,
    rgba(10,10,10,0.80) 50%,
    rgba(10,10,10,0.72) 100%
  );
  z-index: -1;
}
html.light .sbc-vp-hero::after {
  background: linear-gradient(135deg,
    rgba(248,249,250,0.93) 0%,
    rgba(248,249,250,0.82) 50%,
    rgba(248,249,250,0.74) 100%
  );
}

html.light .sbc-vp-hero {
  background: linear-gradient(135deg,
    rgba(16,185,129,0.07) 0%,
    #f4f6f5 35%,
    rgba(16,185,129,0.04) 100%
  );
}

html.light .sbc-vp-glow-1 {
  background: rgba(16,185,129,0.14);
  filter: blur(70px);
}
html.light .sbc-vp-glow-2 {
  background: rgba(16,185,129,0.10);
  filter: blur(60px);
}

html.light .sbc-vp-bg-grid {
  background-image: radial-gradient(circle, rgba(16,185,129,0.10) 1px, transparent 1px);
}

html.light .sbc-vp-eyebrow { color: #059669; }
html.light .sbc-vp-eyebrow-dot {
  background: #059669;
  box-shadow: 0 0 10px rgba(5,150,105,0.6);
}

html.light .sbc-vp-headline-em { color: #059669; }
html.light .sbc-vp-headline-em::after {
  background: linear-gradient(90deg, #059669, rgba(5,150,105,0.15));
  height: 4px;
}

html.light .sbc-vp-stats {
  background: rgba(16,185,129,0.06);
  border-color: rgba(16,185,129,0.15);
  border-left: 3px solid #10b981;
}
html.light .sbc-vp-stat-num  { color: #059669; }
html.light .sbc-vp-stat-suffix { color: #059669; }
html.light .sbc-vp-stat-div { background: rgba(16,185,129,0.2); }

html.light .sbc-vp-trust-item { color: rgba(0,0,0,0.55); }

html.light .sbc-vp-cta-secondary {
  background: rgba(16,185,129,0.06);
  border-color: rgba(16,185,129,0.25);
  color: #059669;
}
html.light .sbc-vp-cta-secondary:hover {
  background: rgba(16,185,129,0.1);
  border-color: rgba(16,185,129,0.4);
  color: #047857;
}

html.light .sbc-vp-book:hover {
  background: rgba(16,185,129,0.06);
  border-left-color: #059669;
}

html.light .sbc-vp-subhead { color: rgba(0,0,0,0.58); }

.sbc-art-progress {
  position: fixed; top: 0; left: 0; right: 0;
  height: 3px; z-index: 9999;
  background: rgba(255,255,255,0.06);
}
html.light .sbc-art-progress { background: rgba(0,0,0,0.06); }
.sbc-art-progress-fill {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, #10b981, #34d399);
  transition: width 0.1s linear;
  box-shadow: 0 0 10px rgba(16,185,129,0.6);
}

.sbc-art-main { min-height: 100vh; }

.sbc-art-hero {
  position: relative;

  aspect-ratio: 16 / 9;
  max-height: 560px;
  min-height: 320px;
  display: flex; flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

.sbc-art-hero-img {
  position: absolute; inset: -8%;
  background-size: cover; background-position: center;
  transform: scale(1.08);
  will-change: transform;
}

.sbc-art-hero-veil {
  position: absolute; inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.10) 0%,
    rgba(0,0,0,0.20) 30%,
    rgba(0,0,0,0.65) 60%,
    rgba(0,0,0,0.95) 100%
  );
}

.sbc-art-hero-grain {
  position: absolute; inset: 0; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  background-size: 200px 200px; opacity: 0.5;
}

.sbc-art-hero-content {
  position: relative; z-index: 2;
  max-width: 860px; width: 100%;
  margin: 0 auto; padding: 0 24px 56px;
}

.sbc-art-hero-meta-top {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 24px;
}
.sbc-art-back {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900; letter-spacing: 0.14em;
  text-transform: uppercase; color: rgba(255,255,255,0.55);
  text-decoration: none; transition: color 0.2s;
}
.sbc-art-back:hover { color: #10b981; }

.sbc-art-category-pill {
  display: inline-block;
  background: #10b981; color: #000;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 900;
  letter-spacing: 0.18em; text-transform: uppercase;
  padding: 3px 10px; border-radius: 4px;
  font-style: italic;
}

.sbc-art-live-dot {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 900; letter-spacing: 0.12em;
  color: #f43f5e; text-transform: uppercase;
}
.sbc-art-live-dot span {
  width: 6px; height: 6px; border-radius: 50%;
  background: #f43f5e;
  box-shadow: 0 0 8px rgba(244,63,94,0.9);
  animation: sbc-art-livepulse 1.2s ease-in-out infinite;
}
@keyframes sbc-art-livepulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.5; transform: scale(0.6); }
}

.sbc-art-headline {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(2.2rem, 5.5vw, 4.5rem);
  font-weight: 900; font-style: italic;
  text-transform: uppercase; letter-spacing: -0.01em;
  line-height: 0.92; color: #fff;
  margin: 0 0 16px; text-shadow: 0 2px 24px rgba(0,0,0,0.5);
}

.sbc-art-deck {
  font-size: 1.05rem; line-height: 1.6;
  color: rgba(255,255,255,0.72);
  max-width: 620px; margin-bottom: 28px;
  text-shadow: 0 1px 8px rgba(0,0,0,0.6);
}

.sbc-art-byline {
  display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
  padding: 16px 20px;
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px; width: fit-content;
}
.sbc-art-byline-avatar {
  width: 40px; height: 40px; border-radius: 50%;
  border: 2px solid rgba(16,185,129,0.5);
  object-fit: cover; flex-shrink: 0;
}
.sbc-art-byline-author { display: flex; flex-direction: column; gap: 2px; }
.sbc-art-byline-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; font-style: italic;
  text-transform: uppercase; color: #fff; letter-spacing: 0.05em;
}
.sbc-art-byline-role {
  font-size: 9px; font-weight: 800;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.4);
}
.sbc-art-byline-divider {
  width: 1px; height: 32px;
  background: rgba(255,255,255,0.15);
}
.sbc-art-byline-stat {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
}
.sbc-art-byline-stat-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; font-style: italic;
  color: #fff; white-space: nowrap; line-height: 1;
}
.sbc-art-byline-stat-key {
  font-size: 8px; font-weight: 800;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.4); white-space: nowrap;
}

.sbc-art-scroll-cue {
  position: absolute; bottom: 18px; left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,0.35);
  animation: sbc-art-bounce 2s ease-in-out infinite;
  z-index: 2;
}
@keyframes sbc-art-bounce {
  0%,100% { transform: translateX(-50%) translateY(0); }
  50%      { transform: translateX(-50%) translateY(6px); }
}

.sbc-art-body-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "content" "sidebar";
  max-width: 1280px; margin: 0 auto;
  padding: 0 16px 64px;
  gap: 0 40px;
}
@media (min-width: 1024px) {
  .sbc-art-body-wrap {
    grid-template-columns: 56px 1fr 300px;
    grid-template-areas: "rail content sidebar";
    padding: 0 32px 80px;
    align-items: start;
  }
}

.sbc-art-rail {
  grid-area: rail;
  display: none;

}
@media (min-width: 1024px) {
  .sbc-art-rail { display: block; }
}
.sbc-art-rail-inner {
  position: fixed;
  top: 50%;
  transform: translateY(-50%) translateX(-12px);
  left: 12px;
  display: flex; flex-direction: column;
  align-items: center; gap: 10px;
  width: 56px;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
  z-index: 900;
}
.sbc-art-rail-inner--visible {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
  pointer-events: auto;
}

.sbc-art-rail-ring {
  position: relative; width: 50px; height: 50px;
}
.sbc-art-ring-svg {
  width: 50px; height: 50px;
  transform: rotate(-90deg);
}
.sbc-art-ring-bg {
  fill: none; stroke: rgba(255,255,255,0.08); stroke-width: 3;
}
html.light .sbc-art-ring-bg { stroke: rgba(0,0,0,0.08); }
.sbc-art-ring-fill {
  fill: none; stroke: #10b981; stroke-width: 3;
  stroke-linecap: round;
  transition: stroke-dasharray 0.3s ease;
}
.sbc-art-ring-pct {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px; font-weight: 900; color: #10b981;
}

.sbc-art-rail-sep {
  width: 1px; height: 20px;
  background: rgba(255,255,255,0.1);
  margin: 2px 0;
}
html.light .sbc-art-rail-sep { background: rgba(0,0,0,0.1); }

.sbc-art-rail-btn {
  width: 50px; height: 50px; border-radius: 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.5);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all 0.2s ease;
}
.sbc-art-rail-btn svg,
.sbc-art-rail-btn [data-lucide] {
  width: 20px !important; height: 20px !important;
}
.sbc-art-rail-btn:hover {
  background: rgba(16,185,129,0.15);
  border-color: rgba(16,185,129,0.3);
  color: #10b981;
}
.sbc-art-rail-btn--active {
  background: rgba(16,185,129,0.2);
  border-color: #10b981; color: #10b981;
}
.sbc-art-rail-btn--copied {
  background: rgba(16,185,129,0.2); color: #10b981;
}
.sbc-art-rail-font {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900;
}
.sbc-art-rail-font--sm { font-size: 11px; }

html.light .sbc-art-rail-btn {
  background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08);
  color: rgba(0,0,0,0.4);
}
html.light .sbc-art-rail-btn:hover {
  background: rgba(16,185,129,0.08); color: #059669;
}

.sbc-art-content-col { grid-area: content; min-width: 0; }

.sbc-art-exclusive-bar {
  display: flex; align-items: center; gap: 8px;
  background: #10b981; color: #000;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 900;
  letter-spacing: 0.3em; text-transform: uppercase;
  padding: 8px 20px; margin-bottom: 0;
}
.sbc-art-exclusive-dot {
  width: 5px; height: 5px; border-radius: 50%;
  background: #000; opacity: 0.5;
}

.sbc-art-body { padding: 0; }

.sbc-art-prose {
  font-size: 17px; line-height: 1.8;
  color: rgba(255,255,255,0.82);
  padding: 40px 40px 0;
  transition: font-size 0.2s ease;
}
html.light .sbc-art-prose { color: rgba(0,0,0,0.75); }

.sbc-art-prose p { margin-bottom: 1.5em; }
.sbc-art-prose p:first-child::first-letter {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 4.5em; font-weight: 900; font-style: italic;
  float: left; line-height: 0.75; padding-right: 10px;
  padding-top: 8px; color: #10b981;
}

.sbc-art-prose ul,
.sbc-art-prose ol {
  margin: 1rem 0 1.5rem;
  padding-left: 1.5rem;
  list-style-position: outside;
}

.sbc-art-prose ul { list-style-type: disc; }
.sbc-art-prose ol { list-style-type: decimal; }

.sbc-art-prose li { margin: 0.45rem 0; }

.sbc-art-prose ul li::marker,
.sbc-art-prose ol li::marker {
  color: var(--accent);
}

.sbc-art-prose h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 900; font-style: italic; text-transform: uppercase;
  letter-spacing: -0.01em; line-height: 1;
  color: #10b981;
  margin: 2.5em 0 0.75em;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(16,185,129,0.2);
}
html.light .sbc-art-prose h2 { color: #059669; border-color: rgba(5,150,105,0.2); }

.sbc-art-prose h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.25rem; font-weight: 900; font-style: italic;
  text-transform: uppercase; letter-spacing: 0.02em;
  color: rgba(255,255,255,0.9); margin: 2em 0 0.5em;
}
html.light .sbc-art-prose h3 { color: rgba(0,0,0,0.85); }

.sbc-art-prose blockquote {
  margin: 2.5em -20px;
  padding: 24px 32px 24px 28px;
  border-left: 4px solid #10b981;
  background: rgba(16,185,129,0.05);
  border-radius: 0 12px 12px 0;
  font-style: italic; font-size: 1.2em;
  color: rgba(255,255,255,0.88); line-height: 1.65;
}
html.light .sbc-art-prose blockquote {
  background: rgba(16,185,129,0.06);
  color: rgba(0,0,0,0.75);
}
.sbc-art-prose blockquote p { margin-bottom: 0; }
.sbc-art-prose blockquote p::first-letter { all: unset; }

.sbc-art-prose a {
  color: #10b981; text-decoration: underline;
  text-decoration-thickness: 1px; text-underline-offset: 3px;
  transition: color 0.2s;
}
.sbc-art-prose a:hover { color: #34d399; }
html.light .sbc-art-prose a { color: #059669; }
html.light .sbc-art-prose a:hover { color: #047857; }

.sbc-art-prose img {
  width: 100%; border-radius: 12px;
  margin: 1.5em 0;
}
.sbc-art-prose figure { margin: 2em 0; }
.sbc-art-prose figcaption {
  text-align: center; font-size: 12px;
  color: rgba(255,255,255,0.35); margin-top: 8px;
  font-style: italic;
}
html.light .sbc-art-prose figcaption { color: rgba(0,0,0,0.35); }

.sbc-art-prose hr {
  border: none;
  border-top: 1px solid rgba(255,255,255,0.08);
  margin: 2.5em 0;
}
html.light .sbc-art-prose hr { border-color: rgba(0,0,0,0.08); }

.sbc-art-footer {
  padding: 40px;
  border-top: 1px solid rgba(255,255,255,0.07);
  margin-top: 40px; display: flex; flex-direction: column; gap: 32px;
}
html.light .sbc-art-footer { border-color: rgba(0,0,0,0.07); }

.sbc-art-footer-share {
  display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
}
.sbc-art-footer-share-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900; letter-spacing: 0.16em;
  text-transform: uppercase; color: rgba(255,255,255,0.35);
}
html.light .sbc-art-footer-share-label { color: rgba(0,0,0,0.35); }
.sbc-art-footer-share-btns { display: flex; gap: 10px; }

.sbc-art-share-btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 900; letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 8px 16px; border-radius: 10px; border: none;
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.6);
  cursor: pointer; transition: all 0.2s ease;
}
.sbc-art-share-btn:hover {
  background: rgba(16,185,129,0.15); color: #10b981;
}
html.light .sbc-art-share-btn {
  background: rgba(0,0,0,0.05); color: rgba(0,0,0,0.5);
}
html.light .sbc-art-share-btn:hover { background: rgba(16,185,129,0.1); color: #059669; }

.sbc-art-author-card {
  display: flex; gap: 20px;
  padding: 24px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px;
}
html.light .sbc-art-author-card {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.07);
}
.sbc-art-author-card-img {
  width: 72px; height: 72px; border-radius: 50%; flex-shrink: 0;
  border: 2px solid rgba(16,185,129,0.4); object-fit: cover;
}
.sbc-art-author-card-body { display: flex; flex-direction: column; gap: 4px; }
.sbc-art-author-card-label {
  font-size: 9px; font-weight: 800; letter-spacing: 0.16em;
  text-transform: uppercase; color: rgba(255,255,255,0.35);
}
html.light .sbc-art-author-card-label { color: rgba(0,0,0,0.35); }
.sbc-art-author-card-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 900; font-style: italic;
  text-transform: uppercase; color: #fff;
}
html.light .sbc-art-author-card-name { color: #1a1a1a; }
.sbc-art-author-card-role {
  font-size: 10px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: #10b981;
}
.sbc-art-author-card-bio {
  font-size: 13px; line-height: 1.65;
  color: rgba(255,255,255,0.5); margin-top: 4px;
}
html.light .sbc-art-author-card-bio { color: rgba(0,0,0,0.5); }

.sbc-art-more {
  padding: 48px 40px 0;
  border-top: 1px solid rgba(255,255,255,0.07);
  margin-top: 0;
}
html.light .sbc-art-more { border-color: rgba(0,0,0,0.07); }

.sbc-art-more-heading {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 2rem; font-weight: 900; font-style: italic;
  text-transform: uppercase; margin-bottom: 24px;
}
.sbc-art-more-heading-em { color: #10b981; }

.sbc-art-more-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px; margin-bottom: 48px;
}
@media (max-width: 640px) {
  .sbc-art-more-grid { grid-template-columns: 1fr; }
}
.sbc-art-more-card {
  display: flex; flex-direction: column;
  border-radius: 14px; overflow: hidden;
  border: 1px solid rgba(255,255,255,0.07);
  text-decoration: none;
  opacity: 0; transform: translateY(20px);
  transition: all 0.5s ease;
}
html.light .sbc-art-more-card { border-color: rgba(0,0,0,0.07); }
.sbc-art-more-card.sbc-revealed { opacity: 1; transform: translateY(0); }
.sbc-art-more-card:hover .sbc-art-more-card-img { transform: scale(1.04); }
.sbc-art-more-card--lead {
  grid-column: 1 / -1;
  flex-direction: row;
}
.sbc-art-more-card--lead .sbc-art-more-card-img {
  height: auto; min-height: 200px; flex: 1;
}
.sbc-art-more-card--lead .sbc-art-more-card-body { flex: 1; }

.sbc-art-more-card-img {
  height: 160px; background-size: cover; background-position: center;
  transition: transform 0.4s ease;
}
.sbc-art-more-card-body {
  padding: 16px;
  background: rgba(255,255,255,0.03);
  display: flex; flex-direction: column; gap: 6px; flex: 1;
}
html.light .sbc-art-more-card-body { background: rgba(0,0,0,0.02); }

.sbc-art-more-card-cat {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px; font-weight: 900; letter-spacing: 0.18em;
  text-transform: uppercase; color: #10b981;
}
.sbc-art-more-card-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px; font-weight: 900; font-style: italic;
  text-transform: uppercase; line-height: 1.1;
  color: rgba(255,255,255,0.9);
  transition: color 0.2s;
}
html.light .sbc-art-more-card-title { color: rgba(0,0,0,0.85); }
.sbc-art-more-card:hover .sbc-art-more-card-title { color: #10b981; }
.sbc-art-more-card-meta {
  font-size: 9px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.3);
  margin-top: auto;
}
html.light .sbc-art-more-card-meta { color: rgba(0,0,0,0.3); }

.sbc-art-sidebar {
  grid-area: sidebar;
  margin-top: 0;
}
.sbc-art-sidebar-sticky {
  position: sticky; top: 90px;
  display: flex; flex-direction: column; gap: 20px;
}
@media (max-width: 1023px) {
  .sbc-art-sidebar-sticky { position: static; }
}

.sbc-art-sidebar-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px; overflow: hidden;
  padding: 0;
}
html.light .sbc-art-sidebar-card { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.07); }

.sbc-art-sidebar-card-hd {
  display: flex; align-items: center; gap: 8px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900; letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
html.light .sbc-art-sidebar-card-hd {
  color: rgba(0,0,0,0.45); border-color: rgba(0,0,0,0.06);
}

.sbc-art-sidebar-live {
  margin-left: auto;
  font-size: 8px; font-weight: 900; letter-spacing: 0.15em;
  color: #f43f5e; border: 1px solid rgba(244,63,94,0.3);
  padding: 2px 6px; border-radius: 4px;
}

.sbc-art-podcast-list { padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.sbc-art-podcast-item {
  display: flex; gap: 10px; align-items: center;
  padding: 8px; border-radius: 10px; cursor: pointer;
  transition: background 0.2s;
  opacity: 0; transform: translateX(12px);
}
.sbc-art-podcast-item.sbc-revealed { opacity: 1; transform: translateX(0); transition: all 0.4s ease; }
.sbc-art-podcast-item:hover { background: rgba(16,185,129,0.06); }

.sbc-art-podcast-thumb {
  width: 52px; height: 52px; flex-shrink: 0;
  border-radius: 8px; overflow: hidden; position: relative;
}
.sbc-art-podcast-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sbc-art-podcast-play {
  position: absolute; inset: 0;
  background: rgba(0,0,0,0.55);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.2s; color: #10b981;
}
.sbc-art-podcast-item:hover .sbc-art-podcast-play { opacity: 1; }

.sbc-art-podcast-info { flex: 1; min-width: 0; }
.sbc-art-podcast-title {
  font-size: 12px; font-weight: 700; line-height: 1.35;
  color: rgba(255,255,255,0.85);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
html.light .sbc-art-podcast-title { color: rgba(0,0,0,0.8); }
.sbc-art-podcast-meta {
  font-size: 9px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.3); margin-top: 4px;
}
html.light .sbc-art-podcast-meta { color: rgba(0,0,0,0.3); }

.sbc-art-sponsored-card {
  padding: 20px; border-radius: 16px;
  background: linear-gradient(135deg, rgba(16,185,129,0.08) 0%, rgba(16,185,129,0.02) 100%);
  border: 1px solid rgba(16,185,129,0.2);
  text-align: center;
}
html.light .sbc-art-sponsored-card { background: rgba(16,185,129,0.05); border-color: rgba(16,185,129,0.15); }

.sbc-art-sponsored-eyebrow {
  font-size: 9px; font-weight: 900; letter-spacing: 0.2em;
  text-transform: uppercase; color: #10b981; margin-bottom: 8px;
}
.sbc-art-sponsored-headline {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 900; font-style: italic;
  text-transform: uppercase; color: rgba(255,255,255,0.95);
  margin-bottom: 8px; line-height: 1.1;
}
html.light .sbc-art-sponsored-headline { color: rgba(0,0,0,0.85); }
.sbc-art-sponsored-body {
  font-size: 11px; line-height: 1.6;
  color: rgba(255,255,255,0.45); margin-bottom: 16px;
}
html.light .sbc-art-sponsored-body { color: rgba(0,0,0,0.45); }
.sbc-art-sponsored-cta {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%; padding: 12px;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff; border-radius: 10px; font-weight: 900;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase;
  text-decoration: none; transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(16,185,129,0.35);
}
.sbc-art-sponsored-cta:hover {
  box-shadow: 0 6px 20px rgba(16,185,129,0.5); transform: translateY(-1px);
  color: #fff;
}

.sbc-art-trending-list { padding: 8px 12px 12px; display: flex; flex-direction: column; gap: 2px; }
.sbc-art-trending-item {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 10px 8px; border-radius: 10px; text-decoration: none;
  transition: background 0.2s;
  opacity: 0; transform: translateX(8px);
}
.sbc-art-trending-item.sbc-revealed { opacity: 1; transform: translateX(0); transition: all 0.4s ease; }
.sbc-art-trending-item:hover { background: rgba(16,185,129,0.05); }

.sbc-art-trending-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 28px; font-weight: 900; font-style: italic;
  color: rgba(255,255,255,0.08); line-height: 1; flex-shrink: 0;
  transition: color 0.2s;
}
html.light .sbc-art-trending-num { color: rgba(0,0,0,0.06); }
.sbc-art-trending-item:hover .sbc-art-trending-num { color: rgba(16,185,129,0.2); }

.sbc-art-trending-body { flex: 1; min-width: 0; }
.sbc-art-trending-cat {
  font-size: 8px; font-weight: 900; letter-spacing: 0.16em;
  text-transform: uppercase; color: #10b981; display: block; margin-bottom: 3px;
}
.sbc-art-trending-title {
  font-size: 12px; font-weight: 700; line-height: 1.4;
  color: rgba(255,255,255,0.8);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  transition: color 0.2s;
}
html.light .sbc-art-trending-title { color: rgba(0,0,0,0.75); }
.sbc-art-trending-item:hover .sbc-art-trending-title { color: #10b981; }
.sbc-art-trending-meta {
  font-size: 9px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.25); margin-top: 4px;
}
html.light .sbc-art-trending-meta { color: rgba(0,0,0,0.3); }

@media (max-width: 767px) {
  .sbc-art-hero { min-height: 240px; }
  .sbc-art-headline { font-size: 2rem; }
  .sbc-art-byline { gap: 10px; padding: 12px 14px; }
  .sbc-art-prose { padding: 24px 20px 0; font-size: 15px; }
  .sbc-art-footer { padding: 24px 20px; }
  .sbc-art-more { padding: 32px 20px 0; }
  .sbc-art-more-card--lead { flex-direction: column; }
  .sbc-art-more-card--lead .sbc-art-more-card-img { height: 180px; }
}

.sbc-art-findbook-card {
  border-color: rgba(16,185,129,0.15) !important;
}
.sbc-art-findbook-body {
  padding: 14px 16px 16px;
  display: flex; flex-direction: column; gap: 12px;
}
.sbc-art-findbook-sub {
  font-size: 10px; color: rgba(255,255,255,0.35);
  font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em;
}
html.light .sbc-art-findbook-sub { color: rgba(0,0,0,0.35); }
.sbc-art-findbook-group { display: flex; flex-direction: column; gap: 6px; }
.sbc-art-findbook-label {
  font-size: 9px; font-weight: 900; letter-spacing: 0.16em;
  text-transform: uppercase; color: rgba(255,255,255,0.35);
}
html.light .sbc-art-findbook-label { color: rgba(0,0,0,0.35); }
.sbc-art-findbook-chips { display: flex; flex-wrap: wrap; gap: 5px; }

html.light .sbc-art-sidebar-card { background: #fff; border-color: rgba(0,0,0,0.07); }
html.light .sbc-art-sidebar-card-hd { color: rgba(0,0,0,0.45); border-color: rgba(0,0,0,0.07); }
html.light .sbc-art-findbook-card { border-color: rgba(16,185,129,0.2) !important; }

@media (max-width: 767px) {
  .sbc-art-hero { max-height: 340px; }
  .sbc-art-headline { font-size: 1.7rem; }
  .sbc-art-byline { flex-wrap: wrap; }
  .sbc-art-prose { padding: 20px 16px 0; font-size: 15px; }
  .sbc-art-footer { padding: 20px 16px; }
  .sbc-art-more { padding: 28px 16px 0; }
}

.sbc-pod-main { min-height: 100vh; }

.sbc-pod-hero {
  position: relative;
  overflow: hidden;
  background: var(--bg-main, #0a0a0a);
  padding: 56px 0 48px;
  margin-bottom: 48px;
}

.sbc-pod-hero-bg {
  position: absolute; inset: 0;
  display: flex; align-items: flex-end;
  gap: 2px; padding: 0 8px;
  opacity: 0.07; pointer-events: none;
}
html.light .sbc-pod-hero-bg { opacity: 0.06; }
.sbc-pod-hero-bar {
  position: absolute;
  bottom: 0; width: 2.5%;
  background: linear-gradient(to top, #10b981, #34d399 60%, transparent);
  border-radius: 4px 4px 0 0;
  animation: sbc-pod-wave 2.4s ease-in-out infinite alternate;
  transform-origin: bottom;
}
@keyframes sbc-pod-wave {
  0%   { transform: scaleY(0.3); opacity: 0.6; }
  100% { transform: scaleY(1);   opacity: 1; }
}

.sbc-pod-hero-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px; align-items: center;
}
@media (min-width: 1024px) {
  .sbc-pod-hero-inner { grid-template-columns: 1fr 440px; }
}

.sbc-pod-hero-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900; letter-spacing: 0.2em;
  text-transform: uppercase; color: #10b981;
  margin-bottom: 16px;
}
.sbc-pod-hero-eyebrow-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 10px rgba(16,185,129,0.8);
  animation: sbc-pod-pulse 1.8s ease-in-out infinite;
}
@keyframes sbc-pod-pulse {
  0%,100% { transform: scale(1); opacity: 1; }
  50%      { transform: scale(0.6); opacity: 0.5; }
}

.sbc-pod-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(3rem, 8vw, 6rem);
  font-weight: 900; font-style: italic;
  text-transform: uppercase; letter-spacing: -0.02em;
  line-height: 0.9; color: var(--text-main);
  margin: 0 0 16px;
}
.sbc-pod-hero-title em { color: #10b981; font-style: italic; }
html.light .sbc-pod-hero-title { color: #1a1a1a; }

.sbc-pod-hero-sub {
  font-size: 1rem; line-height: 1.7;
  color: rgba(255,255,255,0.5);
  max-width: 500px; margin-bottom: 28px;
}
html.light .sbc-pod-hero-sub { color: rgba(0,0,0,0.5); }

.sbc-pod-hero-stats {
  display: flex; align-items: center; gap: 20px;
}
.sbc-pod-hero-stat { display: flex; flex-direction: column; gap: 2px; }
.sbc-pod-hero-stat-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 24px; font-weight: 900; font-style: italic;
  color: #10b981; line-height: 1;
}
.sbc-pod-hero-stat-label {
  font-size: 8px; font-weight: 800; letter-spacing: 0.16em;
  text-transform: uppercase; color: rgba(255,255,255,0.3);
}
html.light .sbc-pod-hero-stat-label { color: rgba(0,0,0,0.3); }
.sbc-pod-hero-stat-sep {
  width: 1px; height: 28px;
  background: rgba(255,255,255,0.1);
}
html.light .sbc-pod-hero-stat-sep { background: rgba(0,0,0,0.1); }

.sbc-pod-hero-form {
  display: flex; flex-direction: column; gap: 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px; padding: 20px;
}
html.light .sbc-pod-hero-form {
  background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08);
}
.sbc-pod-hero-search {
  display: flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px; padding: 10px 14px;
  color: rgba(255,255,255,0.3);
}
html.light .sbc-pod-hero-search {
  background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.3);
}
.sbc-pod-hero-search-input {
  flex: 1; background: transparent; border: none; outline: none;
  font-size: 13px; color: rgba(255,255,255,0.8);
}
html.light .sbc-pod-hero-search-input { color: rgba(0,0,0,0.75); }
.sbc-pod-hero-search-input::placeholder { color: rgba(255,255,255,0.25); }
html.light .sbc-pod-hero-search-input::placeholder { color: rgba(0,0,0,0.25); }

.sbc-pod-hero-filters {
  display: flex; gap: 8px;
}
.sbc-pod-filter-select {
  flex: 1;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px; padding: 8px 12px;
  font-size: 11px; font-weight: 800;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  appearance: none; cursor: pointer; outline: none;
}
html.light .sbc-pod-filter-select {
  background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.7);
}
.sbc-pod-filter-select option { background: #0a0a0a; }
html.light .sbc-pod-filter-select option { background: #fff; }
.sbc-pod-hero-search-btn {
  width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0;
  background: linear-gradient(135deg, #10b981, #059669);
  border: none; cursor: pointer; color: #fff;
  display: flex; align-items: center; justify-content: center;
  transition: box-shadow 0.2s;
}
.sbc-pod-hero-search-btn:hover { box-shadow: 0 4px 14px rgba(16,185,129,0.45); }

.sbc-pod-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px; padding-bottom: 80px;
}
@media (min-width: 1024px) {
  .sbc-pod-layout { grid-template-columns: 1fr 320px; align-items: start; }
}

.sbc-pod-section { margin-bottom: 56px; }
.sbc-pod-section-hd {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 24px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
html.light .sbc-pod-section-hd { border-color: rgba(0,0,0,0.07); }
.sbc-pod-section-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 2rem; font-weight: 900;
  text-transform: uppercase; letter-spacing: -0.01em;
  line-height: 1; color: var(--text-main);
}
.sbc-pod-section-title em { color: #10b981; font-style: italic; }
html.light .sbc-pod-section-title { color: #1a1a1a; }

.sbc-pod-section-avatar {
  width: 36px; height: 36px; border-radius: 50%;
  object-fit: cover; border: 2px solid rgba(16,185,129,0.4);
}

.sbc-pod-hosts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}

.sbc-pod-host-card {
  position: relative; border-radius: 20px; overflow: hidden;
  height: 280px; cursor: pointer;
  border: 1px solid rgba(255,255,255,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sbc-pod-host-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.4);
}
.sbc-pod-host-card--top {
  border-color: rgba(246,192,0,0.3);
  box-shadow: 0 0 30px rgba(246,192,0,0.1);
}
html.light .sbc-pod-host-card { border-color: rgba(0,0,0,0.08); }

.sbc-pod-host-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center top;
  transition: transform 0.5s ease;
}
.sbc-pod-host-card:hover .sbc-pod-host-bg { transform: scale(1.05); }

.sbc-pod-host-veil {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.1) 100%);
}

.sbc-pod-host-crown {
  position: absolute; top: 12px; left: 12px; z-index: 3;
  background: linear-gradient(135deg, #f6c000, #e5a800);
  color: #000;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px; font-weight: 900; letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 3px 10px; border-radius: 6px;
}

.sbc-pod-host-wave {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 32px; display: flex; align-items: flex-end;
  gap: 2px; padding: 0 12px;
  opacity: 0; transition: opacity 0.3s;
}
.sbc-pod-host-card:hover .sbc-pod-host-wave { opacity: 1; }
.sbc-pod-host-wave span {
  flex: 1; background: rgba(16,185,129,0.5); border-radius: 2px 2px 0 0;
  animation: sbc-pod-host-wv 0.8s ease-in-out infinite alternate;
}
@keyframes sbc-pod-host-wv {
  from { height: 4px; } to { height: 20px; }
}

.sbc-pod-host-body {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 16px; z-index: 2;
}
.sbc-pod-host-avatar-wrap {
  position: relative; width: 48px; height: 48px; margin-bottom: 10px;
}
.sbc-pod-host-avatar {
  width: 48px; height: 48px; border-radius: 50%; object-fit: cover;
  border: 2px solid rgba(16,185,129,0.6);
}
.sbc-pod-host-score-ring {
  position: absolute; bottom: -4px; right: -8px;
  width: 22px; height: 22px; border-radius: 50%;
  background: linear-gradient(135deg, #10b981, #059669);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 8px; font-weight: 900; color: #fff;
}

.sbc-pod-host-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 900; font-style: italic;
  text-transform: uppercase; color: #fff;
  margin: 0 0 2px;
}
.sbc-pod-host-role {
  font-size: 8px; font-weight: 800; letter-spacing: 0.14em;
  text-transform: uppercase; color: #10b981; margin-bottom: 6px;
}
.sbc-pod-host-bio {
  font-size: 11px; line-height: 1.5;
  color: rgba(255,255,255,0.55); margin-bottom: 8px;
}
.sbc-pod-host-meta {
  display: flex; align-items: center; gap: 8px;
  font-size: 9px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.35);
}
.sbc-pod-host-meta i { display: inline; }
.sbc-pod-host-meta span { display: flex; align-items: center; gap: 4px; }
.sbc-pod-host-meta-sep { width: 2px; height: 2px; border-radius: 50%; background: rgba(255,255,255,0.2); }

.sbc-pod-episodes-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 768px) {
  .sbc-pod-episodes-grid { grid-template-columns: 1fr 1fr; }
}

.sbc-pod-card {
  position: relative;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px; overflow: hidden;
  transition: all 0.25s ease;
}
.sbc-pod-card:hover {
  border-color: rgba(16,185,129,0.25);
  background: rgba(16,185,129,0.03);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0,0,0,0.2);
}
.sbc-pod-card--new {
  border-color: rgba(16,185,129,0.2);
}

html.light .sbc-pod-card {
  background: #fff; border-color: rgba(0,0,0,0.07);
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
html.light .sbc-pod-card:hover {
  border-color: rgba(16,185,129,0.3);
  box-shadow: 0 8px 28px rgba(0,0,0,0.1);
}

.sbc-pod-card-wave {
  height: 20px; display: flex; align-items: flex-end; gap: 1.5px;
  padding: 0 12px; background: rgba(16,185,129,0.04);
  border-bottom: 1px solid rgba(16,185,129,0.08);
  opacity: 0; transition: opacity 0.3s;
}
.sbc-pod-card:hover .sbc-pod-card-wave { opacity: 1; }
.sbc-pod-card-wave-bar {
  flex: 1; border-radius: 1px 1px 0 0;
  background: rgba(16,185,129,0.5);
  animation: sbc-pod-card-wv 0.7s ease-in-out infinite alternate;
}
@keyframes sbc-pod-card-wv {
  from { height: 3px; } to { height: 16px; }
}

.sbc-pod-card-inner {
  display: flex; gap: 14px; padding: 14px;
  align-items: flex-start;
}

.sbc-pod-card-thumb {
  width: 80px; height: 80px; flex-shrink: 0;
  border-radius: 12px; overflow: hidden; position: relative;
}
.sbc-pod-card-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sbc-pod-card-play-overlay {
  position: absolute; inset: 0;
  background: rgba(0,0,0,0.55);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.2s;
}
.sbc-pod-card:hover .sbc-pod-card-play-overlay { opacity: 1; }
.sbc-pod-card-play-btn {
  width: 34px; height: 34px; border-radius: 50%;
  background: #10b981;
  display: flex; align-items: center; justify-content: center;
  color: #000; transform: scale(0.8); transition: transform 0.2s;
}
.sbc-pod-card:hover .sbc-pod-card-play-btn { transform: scale(1); }

.sbc-pod-card-new-badge {
  position: absolute; top: 5px; right: 5px;
  background: #10b981; color: #000;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 7px; font-weight: 900; letter-spacing: 0.1em;
  padding: 2px 5px; border-radius: 4px;
}

.sbc-pod-card-info { flex: 1; min-width: 0; }
.sbc-pod-card-meta-row {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 5px;
}
.sbc-pod-card-category {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px; font-weight: 900; letter-spacing: 0.16em;
  text-transform: uppercase; color: #10b981;
}
.sbc-pod-card-meta-right {
  display: flex; align-items: center; gap: 8px;
  font-size: 9px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.25);
}
html.light .sbc-pod-card-meta-right { color: rgba(0,0,0,0.3); }
.sbc-pod-card-meta-right span { display: flex; align-items: center; gap: 3px; }

.sbc-pod-card-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px; font-weight: 900; font-style: italic;
  text-transform: uppercase; line-height: 1.1;
  color: rgba(255,255,255,0.9); margin-bottom: 3px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s;
}
html.light .sbc-pod-card-title { color: rgba(0,0,0,0.85); }
.sbc-pod-card:hover .sbc-pod-card-title { color: #10b981; }

.sbc-pod-card-host {
  font-size: 10px; font-style: italic;
  color: rgba(255,255,255,0.35); margin-bottom: 4px;
}
html.light .sbc-pod-card-host { color: rgba(0,0,0,0.4); }

.sbc-pod-card-desc {
  font-size: 11px; line-height: 1.6;
  color: rgba(255,255,255,0.4);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; padding: 0 14px 0;
}
html.light .sbc-pod-card-desc { color: rgba(0,0,0,0.45); padding: 0; }

.sbc-pod-card-footer {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px 12px;
  border-top: 1px solid rgba(255,255,255,0.05);
  margin-top: 8px;
}
html.light .sbc-pod-card-footer { border-color: rgba(0,0,0,0.05); }

.sbc-pod-card-listen {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900; letter-spacing: 0.1em;
  text-transform: uppercase; color: #10b981; background: none;
  border: none; cursor: pointer; transition: gap 0.2s;
  text-decoration: none;
}
.sbc-pod-card:hover .sbc-pod-card-listen { gap: 8px; }

.sbc-pod-card-shownotes {
  font-size: 11px; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: rgba(255,255,255,0.35);
  text-decoration: none; transition: color 0.2s;
}
.sbc-pod-card-shownotes:hover { color: rgba(255,255,255,0.7); }
html.light .sbc-pod-card-shownotes { color: rgba(0,0,0,0.35); }
html.light .sbc-pod-card-shownotes:hover { color: rgba(0,0,0,0.65); }

.sbc-pod-card-live {
  display: flex; align-items: center; gap: 5px;
  font-size: 9px; font-weight: 800; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(255,255,255,0.3);
}
html.light .sbc-pod-card-live { color: rgba(0,0,0,0.3); }
.sbc-pod-card-live-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #10b981;
  animation: sbc-pod-pulse 1.5s ease-in-out infinite;
}

.sbc-pod-empty {
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 12px; padding: 64px 32px; text-align: center;
  background: rgba(255,255,255,0.02); border-radius: 20px;
  border: 1px dashed rgba(255,255,255,0.08);
}
html.light .sbc-pod-empty {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
.sbc-pod-empty p {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 900; font-style: italic;
  text-transform: uppercase; color: rgba(255,255,255,0.3);
}
html.light .sbc-pod-empty p { color: rgba(0,0,0,0.3); }
.sbc-pod-empty a {
  color: #10b981; font-size: 12px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 0.1em;
}

.sbc-pod-sidebar-sticky {
  position: sticky; top: 90px;
  display: flex; flex-direction: column; gap: 20px;
}
@media (max-width: 1023px) { .sbc-pod-sidebar-sticky { position: static; } }

.sbc-pod-leaderboard {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px; overflow: hidden;
}
html.light .sbc-pod-leaderboard {
  background: #fff; border-color: rgba(0,0,0,0.08);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.sbc-pod-leaderboard-hd {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 18px;
  background: rgba(16,185,129,0.06);
  border-bottom: 1px solid rgba(16,185,129,0.1);
}
html.light .sbc-pod-leaderboard-hd {
  background: rgba(16,185,129,0.05);
  border-color: rgba(16,185,129,0.12);
}
.sbc-pod-leaderboard-hd-left {
  display: flex; align-items: center; gap: 8px;
}
.sbc-pod-leaderboard-hd h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px; font-weight: 900; letter-spacing: 0.1em;
  text-transform: uppercase;
}
html.light .sbc-pod-leaderboard-hd h3 { color: #1a1a1a; }
.sbc-pod-leaderboard-live {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 8px; font-weight: 900; letter-spacing: 0.14em;
  color: #f43f5e; text-transform: uppercase;
}
.sbc-pod-leaderboard-live span {
  width: 5px; height: 5px; border-radius: 50%;
  background: #f43f5e;
  box-shadow: 0 0 8px rgba(244,63,94,0.9);
  animation: sbc-pod-pulse 1.2s ease-in-out infinite;
}
.sbc-pod-leaderboard-week {
  font-size: 8px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.25);
}
html.light .sbc-pod-leaderboard-week { color: rgba(0,0,0,0.3); }

.sbc-pod-leaderboard-list { padding: 12px; display: flex; flex-direction: column; gap: 6px; }

.sbc-pod-lb-row {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; border-radius: 12px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
  transition: background 0.2s;
}
.sbc-pod-lb-row:hover { background: rgba(16,185,129,0.05); }
.sbc-pod-lb-row--gold {
  background: rgba(246,192,0,0.05);
  border-color: rgba(246,192,0,0.15);
}
.sbc-pod-lb-row--gold:hover { background: rgba(246,192,0,0.08); }
html.light .sbc-pod-lb-row { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.05); }
html.light .sbc-pod-lb-row--gold { background: rgba(246,192,0,0.04); border-color: rgba(246,192,0,0.15); }

.sbc-pod-lb-rank {
  font-size: 16px; flex-shrink: 0; width: 24px; text-align: center;
}
.sbc-pod-lb-avatar {
  width: 38px; height: 38px; border-radius: 50%;
  object-fit: cover; flex-shrink: 0;
  border: 2px solid rgba(16,185,129,0.3);
}
.sbc-pod-lb-row--gold .sbc-pod-lb-avatar { border-color: rgba(246,192,0,0.5); }

.sbc-pod-lb-info { flex: 1; min-width: 0; }
.sbc-pod-lb-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; font-style: italic;
  text-transform: uppercase; display: block;
  color: rgba(255,255,255,0.85); margin-bottom: 5px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html.light .sbc-pod-lb-name { color: rgba(0,0,0,0.8); }

.sbc-pod-lb-bar-wrap {
  height: 4px; background: rgba(255,255,255,0.06);
  border-radius: 2px; overflow: hidden;
}
html.light .sbc-pod-lb-bar-wrap { background: rgba(0,0,0,0.07); }
.sbc-pod-lb-bar {
  height: 100%; width: 0; border-radius: 2px;
  background: linear-gradient(90deg, #10b981, #34d399);
  transition: width 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sbc-pod-lb-row--gold .sbc-pod-lb-bar {
  background: linear-gradient(90deg, #f6c000, #fde68a);
}

.sbc-pod-lb-score {
  display: flex; flex-direction: column; align-items: center;
  flex-shrink: 0;
}
.sbc-pod-lb-score-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px; font-weight: 900; font-style: italic;
  color: #10b981; line-height: 1;
}
.sbc-pod-lb-row--gold .sbc-pod-lb-score-num { color: #f6c000; }
.sbc-pod-lb-score-label {
  font-size: 7px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.2);
}
html.light .sbc-pod-lb-score-label { color: rgba(0,0,0,0.25); }

.sbc-pod-leaderboard-footer {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 18px;
  border-top: 1px solid rgba(255,255,255,0.05);
  font-size: 9px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase;
}
html.light .sbc-pod-leaderboard-footer { border-color: rgba(0,0,0,0.05); }
.sbc-pod-lb-fire { color: #f97316; }
.sbc-pod-lb-note { color: rgba(255,255,255,0.2); }
html.light .sbc-pod-lb-note { color: rgba(0,0,0,0.25); }
.sbc-pod-lb-chill { color: #60a5fa; }

.sbc-pod-premium {
  position: relative; border-radius: 20px; overflow: hidden;
  padding: 28px 24px; text-align: center;
  background: linear-gradient(135deg, rgba(16,185,129,0.12) 0%, rgba(16,185,129,0.04) 100%);
  border: 1px solid rgba(16,185,129,0.2);
}
html.light .sbc-pod-premium {
  background: linear-gradient(135deg, rgba(16,185,129,0.08) 0%, rgba(16,185,129,0.02) 100%);
}

.sbc-pod-premium-vinyl {
  width: 80px; height: 80px; border-radius: 50%;
  background: radial-gradient(circle, #1a1a1a 28%, #2a2a2a 28%, #2a2a2a 35%, #1a1a1a 35%,
    #1a1a1a 42%, #10b981 42%, #10b981 45%, #1a1a1a 45%);
  margin: 0 auto 16px;
  animation: sbc-pod-vinyl 4s linear infinite;
  box-shadow: 0 0 0 2px rgba(16,185,129,0.2), 0 4px 20px rgba(0,0,0,0.4);
}
html.light .sbc-pod-premium-vinyl {
  background: radial-gradient(circle, #ddd 28%, #ccc 28%, #ccc 35%, #ddd 35%,
    #ddd 42%, #10b981 42%, #10b981 45%, #ddd 45%);
}
.sbc-pod-premium-vinyl-inner {
  width: 100%; height: 100%; border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.05);
}
@keyframes sbc-pod-vinyl { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.sbc-pod-premium-eyebrow {
  font-size: 9px; font-weight: 900; letter-spacing: 0.2em;
  text-transform: uppercase; color: #10b981; margin-bottom: 8px;
}
.sbc-pod-premium-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px; font-weight: 900; font-style: italic;
  text-transform: uppercase; line-height: 1.1;
  color: rgba(255,255,255,0.95); margin-bottom: 10px;
}
html.light .sbc-pod-premium-title { color: rgba(0,0,0,0.85); }
.sbc-pod-premium-body {
  font-size: 11px; line-height: 1.65;
  color: rgba(255,255,255,0.45); margin-bottom: 20px;
}
html.light .sbc-pod-premium-body { color: rgba(0,0,0,0.45); }
.sbc-pod-premium-cta {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; padding: 14px;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff; border: none; border-radius: 12px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900; letter-spacing: 0.1em;
  text-transform: uppercase; cursor: pointer;
  box-shadow: 0 4px 18px rgba(16,185,129,0.4);
  transition: all 0.2s ease;
}
.sbc-pod-premium-cta:hover {
  box-shadow: 0 6px 24px rgba(16,185,129,0.55);
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .sbc-pod-hero { padding: 40px 0 36px; }
  .sbc-pod-hero-title { font-size: 3rem; }
  .sbc-pod-hosts-grid { grid-template-columns: 1fr 1fr; }
  .sbc-pod-host-card { height: 220px; }
  .sbc-pod-episodes-grid { grid-template-columns: 1fr; }
}

.sbc-audio-player {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 9990;
  background: rgba(10,10,10,0.97);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border-top: 1px solid rgba(16,185,129,0.25);
  box-shadow: 0 -8px 40px rgba(0,0,0,0.6);
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
}
.sbc-audio-player:not([hidden]) { transform: translateY(0); display: block !important; }
html.light .sbc-audio-player {
  background: rgba(255,255,255,0.97);
  border-color: rgba(16,185,129,0.2);
  box-shadow: 0 -4px 24px rgba(0,0,0,0.12);
}

.sbc-audio-player-inner {
  display: flex; align-items: center; gap: 16px;
  max-width: 1280px; margin: 0 auto;
  padding: 10px 20px;
}
@media (max-width: 767px) {
  .sbc-audio-player-inner { flex-wrap: wrap; gap: 10px; padding: 10px 14px; }
}

.sbc-audio-player-info {
  display: flex; align-items: center; gap: 10px;
  min-width: 0; flex: 0 0 auto; max-width: 200px;
}
@media (max-width: 767px) { .sbc-audio-player-info { max-width: none; flex: 1; } }
.sbc-audio-thumb {
  width: 44px; height: 44px; border-radius: 8px;
  object-fit: cover; flex-shrink: 0;
  border: 1px solid rgba(16,185,129,0.3);
}
.sbc-audio-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sbc-audio-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; font-style: italic;
  text-transform: uppercase; letter-spacing: 0.03em;
  color: rgba(255,255,255,0.9);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html.light .sbc-audio-title { color: rgba(0,0,0,0.85); }
.sbc-audio-host {
  font-size: 9px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.35);
}
html.light .sbc-audio-host { color: rgba(0,0,0,0.35); }

.sbc-audio-controls {
  display: flex; align-items: center; gap: 4px; flex-shrink: 0;
}
.sbc-audio-btn {
  width: 36px; height: 36px; border-radius: 10px; border: none;
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.55);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all 0.18s ease; flex-shrink: 0;
}
.sbc-audio-btn:hover { background: rgba(16,185,129,0.15); color: #10b981; }
html.light .sbc-audio-btn { background: rgba(0,0,0,0.05); color: rgba(0,0,0,0.45); }
html.light .sbc-audio-btn:hover { background: rgba(16,185,129,0.1); color: #059669; }
.sbc-audio-btn--play {
  width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff; box-shadow: 0 2px 12px rgba(16,185,129,0.45);
}
.sbc-audio-btn--play:hover {
  background: linear-gradient(135deg, #34d399, #10b981);
  box-shadow: 0 4px 20px rgba(16,185,129,0.6);
  color: #fff;
}
.sbc-audio-btn svg { width: 16px; height: 16px; }
.sbc-audio-btn--close { width: 30px; height: 30px; border-radius: 8px; }

.sbc-audio-speed-btn {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 900; letter-spacing: 0.05em;
  padding: 0 8px; width: auto;
}

.sbc-audio-progress-wrap {
  flex: 1; display: flex; align-items: center; gap: 8px;
  min-width: 0;
}
@media (max-width: 767px) { .sbc-audio-progress-wrap { order: 10; width: 100%; flex: none; } }
.sbc-audio-time {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 800;
  color: rgba(255,255,255,0.35); white-space: nowrap; flex-shrink: 0;
}
html.light .sbc-audio-time { color: rgba(0,0,0,0.35); }
.sbc-audio-progress-bar {
  flex: 1; height: 4px; border-radius: 2px;
  background: rgba(255,255,255,0.1);
  position: relative; cursor: pointer;
}
html.light .sbc-audio-progress-bar { background: rgba(0,0,0,0.1); }
.sbc-audio-progress-fill {
  height: 100%; border-radius: 2px; width: 0%;
  background: linear-gradient(90deg, #10b981, #34d399);
  pointer-events: none;
}
.sbc-audio-progress-thumb {
  position: absolute; top: 50%; right: 0;
  width: 12px; height: 12px; border-radius: 50%;
  background: #10b981; transform: translate(50%, -50%);
  box-shadow: 0 0 6px rgba(16,185,129,0.6);
  pointer-events: none; opacity: 0;
  transition: opacity 0.2s;
}
.sbc-audio-progress-bar:hover .sbc-audio-progress-thumb { opacity: 1; }

.sbc-audio-right {
  display: flex; align-items: center; gap: 6px; flex-shrink: 0;
}

.sbc-vp-eyebrow { font-size: 12px !important; }

.sbc-vp-trust-item { font-size: 12px !important; }

.sbc-vp-stat-label { font-size: 11px !important; letter-spacing: 0.12em !important; }

.sbc-vp-book-name { font-size: 13px !important; }

.sbc-vp-book-stars { font-size: 12px !important; }

.sbc-ranked-spec span  { font-size: 12px !important; }
.sbc-ranked-pro        { font-size: 13px !important; }
.sbc-ranked-card .text-\[9px\],
.sbc-ranked-card .text-\[10px\] { font-size: 12px !important; }

.sbc-hp-book-card .text-\[10px\],
.sbc-hp-book-card .text-\[9px\],
.sbc-hp-book-card .text-xs { font-size: 13px !important; }

.sbc-review-card .text-\[10px\],
.sbc-review-card .text-\[9px\] { font-size: 12px !important; }

.sbc-review-card-review-cta,
.sbc-review-card button.text-\[10px\] {
  font-size: 12px !important;
}

.text-\[9px\].font-black.uppercase.tracking-widest,
.text-\[9px\].font-mono.uppercase { font-size: 12px !important; }

.text-\[10px\].font-mono { font-size: 12px !important; }

.text-\[10px\].font-black.text-emerald-500 { font-size: 12px !important; }

.text-\[9px\].font-black.uppercase.tracking-widest.mb-2,
.sbc-art-qm-label,
.sbc-home-findbook-card .text-\[9px\] { font-size: 13px !important; }

.sbc-home-findbook-card .text-xs,
.sbc-art-findbook-card .text-xs { font-size: 13px !important; }

.sbc-home-findbook-card .sbc-hp-qm-chip,
.sbc-art-findbook-card .sbc-art-qm-chip,
.sbc-quickmatch-card button { font-size: 13px !important; padding: 7px 14px !important; }

.sbc-art-findbook-card .text-\[9px\],
.sbc-home-findbook-card .text-\[9px\] { font-size: 12px !important; }

.text-\[9px\].font-bold.text-red-400 { font-size: 12px !important; }
.text-\[10px\].font-medium.opacity-60 { font-size: 12px !important; }
.text-\[10px\].font-black.text-red-400 { font-size: 12px !important; }

.sbc-pod-hero-stat-label { font-size: 12px !important; letter-spacing: 0.1em !important; }
.sbc-pod-host-role       { font-size: 10px !important; }
.sbc-pod-host-bio        { font-size: 12px !important; }
.sbc-pod-host-meta       { font-size: 11px !important; }
.sbc-pod-card-category   { font-size: 11px !important; }
.sbc-pod-card-meta-right { font-size: 11px !important; }
.sbc-pod-card-host       { font-size: 12px !important; }
.sbc-pod-card-desc       { font-size: 12px !important; }
.sbc-pod-leaderboard-week { font-size: 10px !important; }
.sbc-pod-lb-name         { font-size: 14px !important; }
.sbc-pod-lb-score-label  { font-size: 9px !important; }
.sbc-pod-leaderboard-footer { font-size: 11px !important; }
.sbc-pod-premium-eyebrow { font-size: 11px !important; }

.sbc-art-qm-label { font-size: 13px !important; }

.sbc-province-bar-text { font-size: 13px !important; }

.sbc-news-section-label  { font-size: 12px !important; }
.sbc-art-byline-stat     { font-size: 12px !important; }

.sbc-htg-toc-item        { font-size: 13px !important; }

.sbc-compare-label       { font-size: 12px !important; }

.sbc-trust-item          { font-size: 12px !important; }
.sbc-spec-label          { font-size: 11px !important; }
.sbc-spec-value          { font-size: 13px !important; }
.sbc-payment-pill        { font-size: 12px !important; padding: 5px 12px !important; }

.sbc-newsletter-proof    { font-size: 12px !important; }

[class*="text-[8px]"]  { font-size: 11px !important; }
[class*="text-[9px]"]  { font-size: 12px !important; }
[class*="text-[10px]"] { font-size: 12px !important; }
[class*="text-[11px]"] { font-size: 13px !important; }

.sbc-sr-ribbon {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  background: linear-gradient(90deg, #059669, #10b981, #059669);
  background-size: 200% 100%;
  animation: sbc-sr-ribbon-shift 4s linear infinite;
  padding: 8px 16px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900; letter-spacing: 0.22em;
  text-transform: uppercase; color: #000;
}
@keyframes sbc-sr-ribbon-shift { 0%{background-position:0%} 100%{background-position:200%} }
.sbc-sr-ribbon-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(0,0,0,0.4);
  animation: sbc-pod-pulse 1.5s ease-in-out infinite;
}

.sbc-sr-hero {
  position: relative; overflow: hidden;
  min-height: 600px;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding-bottom: 0;
}
.sbc-sr-hero-bg {
  position: absolute; inset: -10% -5%;
  background-size: cover; background-position: center;
  transform: scale(1.15);
  transition: transform 0s linear;
}
.sbc-sr-hero-veil {
  position: absolute; inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(8,8,8,0.3) 0%,
    rgba(8,8,8,0.55) 30%,
    rgba(8,8,8,0.85) 65%,
    rgba(8,8,8,0.97) 88%,
    rgba(8,8,8,1) 100%
  );
}
html.light .sbc-sr-hero-veil {
  background: linear-gradient(
    to bottom,
    rgba(245,247,250,0.2) 0%,
    rgba(245,247,250,0.5) 30%,
    rgba(245,247,250,0.88) 65%,
    rgba(245,247,250,0.98) 88%,
    rgba(245,247,250,1) 100%
  );
}
.sbc-sr-hero-grain {
  position: absolute; inset: 0; pointer-events: none; opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 128px;
}

.sbc-sr-back {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.5);
  margin-bottom: 32px; margin-top: 24px;
  transition: color 0.2s;
}
.sbc-sr-back:hover { color: #10b981; }
html.light .sbc-sr-back { color: rgba(0,0,0,0.4); }
html.light .sbc-sr-back:hover { color: #059669; }

.sbc-sr-hero-inner {
  display: flex; flex-direction: column; gap: 32px;
  padding-bottom: 24px;
}
@media(min-width:1024px) {
  .sbc-sr-hero-inner { flex-direction: row; align-items: flex-end; justify-content: space-between; }
}

.sbc-sr-hero-id { display: flex; align-items: flex-end; gap: 20px; }
.sbc-sr-hero-logo-wrap {
  width: 96px; height: 96px; flex-shrink: 0;
  border-radius: 20px; overflow: hidden;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
  display: flex; align-items: center; justify-content: center;
}
.sbc-sr-hero-logo-white { background: #fff; padding: 10px; }
.sbc-sr-hero-logo-wrap img { width: 100%; height: 100%; object-fit: contain; }

.sbc-sr-hero-bestfor {
  display: inline-block;
  background: linear-gradient(90deg, rgba(16,185,129,0.2), rgba(16,185,129,0.1));
  border: 1px solid rgba(16,185,129,0.35);
  color: #10b981; font-size: 11px; font-weight: 900; letter-spacing: 0.14em;
  text-transform: uppercase; padding: 3px 10px; border-radius: 6px;
  margin-bottom: 8px;
}

.sbc-sr-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-weight: 900; font-style: normal; text-transform: uppercase;
  letter-spacing: -0.02em; line-height: 0.92; color: #fff;
  margin-bottom: 12px;
}
.sbc-sr-hero-title em { color: #10b981; font-style: italic; }
html.light .sbc-sr-hero-title { color: #0a0a0a; }

.sbc-sr-hero-rating {
  display: flex; align-items: center; gap: 10px; margin-bottom: 10px;
}
.sbc-sr-hero-stars { display: flex; gap: 2px; }
.sbc-sr-hero-score {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 28px; font-weight: 900; color: #fff; line-height: 1;
}
.sbc-sr-hero-score small { font-size: 14px; opacity: 0.5; }
html.light .sbc-sr-hero-score { color: #0a0a0a; }
.sbc-sr-hero-badge {
  font-size: 10px; font-weight: 900; letter-spacing: 0.12em;
  text-transform: uppercase; color: #10b981;
  background: rgba(16,185,129,0.12); border: 1px solid rgba(16,185,129,0.25);
  padding: 3px 8px; border-radius: 5px;
}

.sbc-sr-hero-trust {
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
  font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.45);
}
html.light .sbc-sr-hero-trust { color: rgba(0,0,0,0.45); }
.sbc-sr-hero-trust span { display: flex; align-items: center; gap: 4px; }
.sbc-sr-trust-sep { opacity: 0.3; }

.sbc-sr-hero-cta-col {
  display: flex; flex-direction: column; gap: 12px;
  min-width: 280px; max-width: 340px;
}
@media(max-width:1023px) { .sbc-sr-hero-cta-col { max-width: none; } }

.sbc-sr-bonus-card {
  position: relative; overflow: hidden;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.25);
  border-radius: 16px; padding: 16px 18px;
}
.sbc-sr-bonus-card-glow {
  position: absolute; top: -40px; right: -40px;
  width: 120px; height: 120px; border-radius: 50%;
  background: rgba(16,185,129,0.2); filter: blur(40px);
  pointer-events: none;
}
.sbc-sr-bonus-eyebrow {
  display: flex; align-items: center; gap: 5px;
  font-size: 10px; font-weight: 900; letter-spacing: 0.16em;
  text-transform: uppercase; color: #10b981; margin-bottom: 6px;
}
.sbc-sr-bonus-value {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px; font-weight: 900; color: #fff; line-height: 1.1;
}
html.light .sbc-sr-bonus-value { color: #0a0a0a; }
.sbc-sr-bonus-terms {
  font-size: 10px; color: rgba(255,255,255,0.35); margin-top: 4px;
}
html.light .sbc-sr-bonus-terms { color: rgba(0,0,0,0.35); }

.sbc-sr-cta-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; padding: 16px 20px;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff; border: none; border-radius: 14px; cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px; font-weight: 900; letter-spacing: 0.08em;
  text-transform: uppercase; text-decoration: none;
  box-shadow: 0 6px 28px rgba(16,185,129,0.45);
  transition: all 0.22s ease;
}
.sbc-sr-cta-btn:hover {
  box-shadow: 0 10px 36px rgba(16,185,129,0.6);
  transform: translateY(-2px); color: #fff;
}
.sbc-sr-cta-btn--full { font-size: 15px; }
.sbc-sr-cta-sub {
  font-size: 10px; text-align: center; color: rgba(255,255,255,0.3);
  margin-top: -4px;
}
html.light .sbc-sr-cta-sub { color: rgba(0,0,0,0.3); }

.sbc-sr-bonus-disclaimer-card {
  margin-top: 10px;
  background: rgba(239,68,68,0.08);
  border: 1px solid rgba(239,68,68,0.22);
  border-radius: 10px;
  padding: 10px 12px;
}
html.light .sbc-sr-bonus-disclaimer-card {
  background: rgba(239,68,68,0.06);
  border-color: rgba(239,68,68,0.18);
}
.sbc-sr-bd-title {
  display: block;
  font-size: 9px; font-weight: 900; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgb(248,113,113);
  margin-bottom: 4px;
}
.sbc-sr-bd-row {
  display: flex; align-items: center; gap: 8px;
}
.sbc-sr-bd-desc {
  font-size: 11px; font-weight: 500;
  color: rgba(255,255,255,0.5); line-height: 1.35; flex: 1;
}
html.light .sbc-sr-bd-desc { color: rgba(0,0,0,0.5); }
.sbc-sr-bd-btn {
  display: flex; align-items: center; gap: 4px;
  font-size: 11px; font-weight: 900;
  color: rgb(248,113,113); background: none; border: none;
  cursor: pointer; flex-shrink: 0; white-space: nowrap;
  transition: color 0.2s;
}
.sbc-sr-bd-btn:hover { color: rgb(252,165,165); }

.sbc-sr-gauges {
  display: flex; align-items: center;
  gap: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255,255,255,0.07);
  padding: 20px 0 20px;
  margin-top: 24px;
  flex-wrap: wrap; row-gap: 16px;
}
html.light .sbc-sr-gauges {
  background: rgba(255,255,255,0.85);
  border-color: rgba(0,0,0,0.08);
  backdrop-filter: blur(12px);
}

.sbc-sr-gauge {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 0 24px;
  border-right: 1px solid rgba(255,255,255,0.08);
}
html.light .sbc-sr-gauge { border-color: rgba(0,0,0,0.08); }
.sbc-sr-gauge:last-child { border-right: none; }

.sbc-sr-gauge--overall { flex-direction: row; gap: 12px; }
.sbc-sr-gauge-ring-wrap { position: relative; width: 80px; height: 80px; flex-shrink: 0; }
.sbc-sr-gauge-ring { width: 80px; height: 80px; transform: rotate(-90deg); }
.sbc-sr-gauge-track {
  fill: none; stroke: rgba(255,255,255,0.08); stroke-width: 6;
}
html.light .sbc-sr-gauge-track { stroke: rgba(0,0,0,0.08); }
.sbc-sr-gauge-fill {
  fill: none; stroke: #10b981; stroke-width: 6;
  stroke-linecap: round;
  transition: stroke-dashoffset 1.2s cubic-bezier(0.25,0.46,0.45,0.94);
}
.sbc-sr-gauge-inner {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 1px;
}
.sbc-sr-gauge-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 900; color: #10b981;
}
.sbc-sr-gauge-denom { font-size: 10px; color: rgba(255,255,255,0.3); align-self: flex-end; margin-bottom: 4px; }
html.light .sbc-sr-gauge-denom { color: rgba(0,0,0,0.3); }
html.light .sbc-sr-gauge-denom--hero { color: rgba(0,0,0,0.55) !important; }
.sbc-sr-gauge-label {
  font-size: 11px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.5); white-space: nowrap;
}
html.light .sbc-sr-gauge-label { color: rgba(0,0,0,0.45); }

.sbc-sr-gauge--bar { align-items: flex-start; flex: 1; min-width: 120px; }
.sbc-sr-gauge-bar-label {
  font-size: 10px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.45); white-space: nowrap;
}
html.light .sbc-sr-gauge-bar-label { color: rgba(0,0,0,0.45); }
.sbc-sr-gauge-bar-track {
  width: 100%; height: 8px; border-radius: 4px;
  background: rgba(255,255,255,0.06);
  overflow: visible;
  position: relative;
}
html.light .sbc-sr-gauge-bar-track { background: rgba(0,0,0,0.08); }
.sbc-sr-gauge-bar-fill {
  height: 100%; width: 0%; border-radius: 4px;
  position: relative; overflow: visible;
  background: linear-gradient(90deg,
    #047857 0%,
    #059669 20%,
    #10b981 50%,
    #34d399 78%,
    #a7f3d0 92%,
    #fff     100%
  );
  background-size: 200% 100%;
  animation: sbc-bar-volt-sweep 1.6s linear infinite;
  box-shadow:
    0 0 8px rgba(16,185,129,0.9),
    0 0 20px rgba(16,185,129,0.5),
    0 0 40px rgba(16,185,129,0.25),
    0 2px 0 rgba(16,185,129,0.15),
    0 -2px 0 rgba(16,185,129,0.15);
  transition: none;
}

.sbc-sr-gauge-bar-fill::before {
  content: '';
  position: absolute;
  top: -1px; left: -20px;
  width: 20px; height: calc(100% + 2px);
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,0.15) 40%,
    rgba(255,255,255,0.55) 60%,
    rgba(255,255,255,0.15) 80%,
    transparent 100%
  );
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
}
.sbc-sr-gauge-bar-fill.sbc-bar-charging::before {
  opacity: 1;
  animation: sbc-scanline 0.35s linear infinite;
}
.sbc-sr-gauge-bar-fill.sbc-bar-done::before { opacity: 0; }

.sbc-sr-gauge-bar-fill::after {
  content: '';
  position: absolute;
  right: -5px; top: 50%;
  transform: translateY(-50%);
  width: 12px; height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0%, #a7f3d0 30%, transparent 70%);
  box-shadow:
    0 0 0 2px rgba(52,211,153,0.4),
    0 0 8px #fff,
    0 0 16px #34d399,
    0 0 32px #10b981,
    0 0 56px rgba(16,185,129,0.8);
  opacity: 0;
  transition: opacity 0.08s;
}
.sbc-sr-gauge-bar-fill.sbc-bar-charging::after {
  opacity: 1;
  animation: sbc-bar-crackle 0.1s steps(3) infinite;
}
.sbc-sr-gauge-bar-fill.sbc-bar-done::after {
  opacity: 0;
}

.sbc-sr-gauge-bar-fill.sbc-bar-done {
  background: linear-gradient(90deg,
    #047857 0%,
    #059669 25%,
    #10b981 55%,
    #34d399 85%,
    #6ee7b7 100%
  );
  background-size: 100% 100%;
  animation: sbc-bar-pulse-glow 2.8s ease-in-out 0.2s infinite;
}
@keyframes sbc-bar-volt-sweep {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
@keyframes sbc-scanline {
  0%   { left: -20px; opacity: 0.8; }
  50%  { opacity: 1; }
  100% { left: 110%; opacity: 0.8; }
}
@keyframes sbc-bar-crackle {
  0%   {
    box-shadow: 0 0 0 2px rgba(52,211,153,0.5), 0 0 10px #fff, 0 0 20px #34d399, 0 0 40px #10b981, 0 0 64px rgba(16,185,129,0.9);
    transform: translateY(-50%) scale(1.3);
  }
  33%  {
    box-shadow: 0 0 0 1px rgba(52,211,153,0.2), 0 0 4px #fff,  0 0 8px  #34d399, 0 0 16px #10b981, 0 0 28px rgba(16,185,129,0.5);
    transform: translateY(-50%) scale(0.85);
  }
  66%  {
    box-shadow: 0 0 0 3px rgba(52,211,153,0.6), 0 0 14px #fff, 0 0 28px #34d399, 0 0 48px #10b981, 0 0 72px rgba(16,185,129,1.0);
    transform: translateY(-50%) scale(1.15);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(52,211,153,0.5), 0 0 10px #fff, 0 0 20px #34d399, 0 0 40px #10b981, 0 0 64px rgba(16,185,129,0.9);
    transform: translateY(-50%) scale(1.3);
  }
}
@keyframes sbc-bar-pulse-glow {
  0%   { box-shadow: 0 0 6px rgba(16,185,129,0.6), 0 0 14px rgba(16,185,129,0.3); filter: brightness(1); }
  50%  { box-shadow: 0 0 12px rgba(16,185,129,1.0), 0 0 28px rgba(16,185,129,0.6), 0 0 48px rgba(16,185,129,0.25); filter: brightness(1.25) saturate(1.15); }
  100% { box-shadow: 0 0 6px rgba(16,185,129,0.6), 0 0 14px rgba(16,185,129,0.3); filter: brightness(1); }
}
.sbc-sr-gauge-bar-score {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900; color: #10b981;
}

.sbc-sr-quicknav {
  position: sticky; top: 0; z-index: 200;
  background: rgba(8,8,8,0.95);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}
html.light .sbc-sr-quicknav {
  background: rgba(255,255,255,0.95);
  border-color: rgba(0,0,0,0.08);
}
.sbc-sr-quicknav--visible { transform: translateY(0); }

.sbc-sr-quicknav-inner {
  display: flex; align-items: center; gap: 16px;
  padding: 10px 0;
}
.sbc-sr-quicknav-logo {
  width: 36px; height: 36px; flex-shrink: 0;
  border-radius: 8px; overflow: hidden;
  border: 1px solid rgba(255,255,255,0.1);
  display: flex; align-items: center; justify-content: center;
}
.sbc-sr-qn-logo-white { background: #fff; padding: 4px; }
.sbc-sr-quicknav-logo img { width: 100%; height: 100%; object-fit: contain; }

.sbc-sr-quicknav-tabs {
  display: flex; gap: 4px; flex: 1; overflow-x: auto;
  scrollbar-width: none;
}
.sbc-sr-quicknav-tabs::-webkit-scrollbar { display: none; }
.sbc-sr-qn-tab {
  padding: 6px 14px; border-radius: 8px; white-space: nowrap;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase;
  color: rgba(255,255,255,0.45); text-decoration: none;
  transition: all 0.18s ease;
}
html.light .sbc-sr-qn-tab { color: rgba(0,0,0,0.4); }
.sbc-sr-qn-tab:hover { color: #10b981; background: rgba(16,185,129,0.08); }
.sbc-sr-qn-tab--active { color: #10b981 !important; background: rgba(16,185,129,0.1); }
.sbc-sr-qn-cta {
  display: flex; align-items: center; gap: 6px; flex-shrink: 0;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff !important; text-decoration: none;
  padding: 7px 16px; border-radius: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase;
  box-shadow: 0 2px 10px rgba(16,185,129,0.35);
  transition: box-shadow 0.2s;
}
.sbc-sr-qn-cta:hover { box-shadow: 0 4px 18px rgba(16,185,129,0.5); }

.sbc-sr-body { padding: 48px 0 80px; }
.sbc-sr-body-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "content";
  max-width: 1280px; margin: 0 auto;
  padding: 0 16px 0;
}
@media (min-width: 1024px) {
  .sbc-sr-body-wrap {
    grid-template-columns: 56px 1fr;
    grid-template-areas: "rail content";
    padding: 0 32px 0;
    align-items: start;
  }
}

.sbc-sr-read-rail {
  grid-area: rail;
  display: none;
}
@media (min-width: 1024px) {
  .sbc-sr-read-rail { display: block; }
}

.sbc-sr-grid {
  grid-area: content;
  display: grid; grid-template-columns: 1fr;
  gap: 40px;
}
@media(min-width:1024px) {
  .sbc-sr-grid { grid-template-columns: 1fr 300px; align-items: start; }
}

.sbc-sr-section { margin-bottom: 48px; }
.sbc-sr-section-hd {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
html.light .sbc-sr-section-hd { border-color: rgba(0,0,0,0.07); }
.sbc-sr-section-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 2rem; font-weight: 900; text-transform: uppercase; letter-spacing: -0.01em;
}
.sbc-sr-section-title em { color: #10b981; font-style: italic; }
html.light .sbc-sr-section-title { color: #0a0a0a; }

.sbc-sr-specs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 18px; overflow: hidden;
}
html.light .sbc-sr-specs-grid {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.07);
}
@media(max-width:640px) { .sbc-sr-specs-grid { grid-template-columns: 1fr; } }

.sbc-sr-spec-cell {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 18px;
  background: rgba(10,10,10,0.8);
  transition: background 0.2s;
}
.sbc-sr-spec-cell:hover { background: rgba(16,185,129,0.05); }
html.light .sbc-sr-spec-cell { background: #fff; }
html.light .sbc-sr-spec-cell:hover { background: rgba(16,185,129,0.04); }
.sbc-sr-spec-cell--wide { grid-column: 1 / -1; }
.sbc-sr-spec-cell--highlight { border-left: 3px solid #10b981; }

.sbc-sr-spec-icon {
  width: 34px; height: 34px; flex-shrink: 0;
  border-radius: 9px; background: rgba(16,185,129,0.1);
  display: flex; align-items: center; justify-content: center;
  color: #10b981;
}
.sbc-sr-spec-content { flex: 1; min-width: 0; }
.sbc-sr-spec-label {
  display: block; font-size: 10px; font-weight: 800; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(255,255,255,0.35); margin-bottom: 2px;
}
html.light .sbc-sr-spec-label { color: rgba(0,0,0,0.4); }
.sbc-sr-spec-value {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px; font-weight: 900; letter-spacing: 0.03em;
  color: rgba(255,255,255,0.9); text-transform: uppercase;
}
html.light .sbc-sr-spec-value { color: rgba(0,0,0,0.85); }
.sbc-sr-spec-value--yes { color: #10b981 !important; }
.sbc-sr-spec-value--no  { color: rgba(255,255,255,0.3) !important; }
html.light .sbc-sr-spec-value--no { color: rgba(0,0,0,0.25) !important; }

.sbc-sr-overview-card {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 18px; overflow: hidden;
}
html.light .sbc-sr-overview-card {
  background: #fff; border-color: rgba(0,0,0,0.07);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.sbc-sr-overview-body {
  padding: 24px 24px 8px;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255,255,255,0.7);
}
html.light .sbc-sr-overview-body { color: rgba(0,0,0,0.65); }

.sbc-sr-overview-body p {
  margin-bottom: 18px;
  line-height: 1.8;
}

.sbc-sr-overview-body h2 {
  font-size: clamp(20px, 2.8vw, 26px);
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -.01em;
  line-height: 1.1;
  color: #fff;
  margin: 36px 0 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(16,185,129,0.25);
  position: relative;
}
.sbc-sr-overview-body h2::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 48px;
  height: 2px;
  background: #10b981;
  border-radius: 2px;
}
html.light .sbc-sr-overview-body h2 {
  color: #0a0a0a;
  border-bottom-color: rgba(16,185,129,0.3);
}

.sbc-sr-overview-body h3 {
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #10b981;
  margin: 28px 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sbc-sr-overview-body h3::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 1em;
  background: #10b981;
  border-radius: 2px;
  flex-shrink: 0;
}
html.light .sbc-sr-overview-body h3 { color: #059669; }

.sbc-sr-overview-body h4 {
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,255,255,0.5);
  margin: 20px 0 8px;
}
html.light .sbc-sr-overview-body h4 { color: rgba(0,0,0,0.45); }

.sbc-sr-overview-body strong {
  font-weight: 700;
  color: rgba(255,255,255,0.92);
}
.sbc-sr-overview-body em {
  font-style: italic;
  color: #10b981;
}
html.light .sbc-sr-overview-body strong { color: rgba(0,0,0,0.85); }
html.light .sbc-sr-overview-body em     { color: #059669; }

.sbc-sr-overview-body a {
  color: #10b981;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .15s;
}
.sbc-sr-overview-body a:hover { color: #34d399; }

.sbc-sr-overview-body ul {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sbc-sr-overview-body ul li {
  padding-left: 20px;
  position: relative;
  color: rgba(255,255,255,0.7);
  font-size: 14.5px;
  line-height: 1.65;
}
.sbc-sr-overview-body ul li::before {
  content: '▸';
  position: absolute;
  left: 0;
  color: #10b981;
  font-size: 11px;
  top: 4px;
}
html.light .sbc-sr-overview-body ul li { color: rgba(0,0,0,0.65); }

.sbc-sr-overview-body ol {
  padding-left: 20px;
  margin: 0 0 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sbc-sr-overview-body ol li {
  color: rgba(255,255,255,0.7);
  font-size: 14.5px;
  line-height: 1.65;
  padding-left: 4px;
}
html.light .sbc-sr-overview-body ol li { color: rgba(0,0,0,0.65); }

.sbc-sr-overview-body blockquote {
  border-left: 3px solid #10b981;
  padding: 12px 16px;
  margin: 20px 0;
  background: rgba(16,185,129,0.05);
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: rgba(255,255,255,0.75);
  font-size: 15px;
  line-height: 1.7;
}
html.light .sbc-sr-overview-body blockquote {
  background: rgba(16,185,129,0.06);
  color: rgba(0,0,0,0.65);
}

.sbc-sr-overview-body > h2:first-child { margin-top: 0; }

.sbc-sr-pros-cons {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 0; border-top: 1px solid rgba(255,255,255,0.06);
  margin-top: 20px;
}
@media(max-width:768px) { .sbc-sr-pros-cons { grid-template-columns: 1fr; } }
html.light .sbc-sr-pros-cons { border-color: rgba(0,0,0,0.06); }

.sbc-sr-pros-col, .sbc-sr-cons-col, .sbc-sr-rg-col {
  padding: 20px 24px;
}
.sbc-sr-cons-col {
  border-left: 1px solid rgba(255,255,255,0.06);
  border-right: 1px solid rgba(255,255,255,0.06);
}
html.light .sbc-sr-cons-col { border-color: rgba(0,0,0,0.06); }
@media(max-width:768px) { .sbc-sr-cons-col { border: none; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); } }

.sbc-sr-pros-hd, .sbc-sr-cons-hd, .sbc-sr-rg-hd {
  display: flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;
  margin-bottom: 14px;
}
.sbc-sr-pros-hd { color: #10b981; }
.sbc-sr-cons-hd { color: #f59e0b; }
.sbc-sr-rg-hd   { color: #60a5fa; }

.sbc-sr-pros-list, .sbc-sr-cons-list, .sbc-sr-rg-list {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 9px;
}
.sbc-sr-pros-list li, .sbc-sr-cons-list li, .sbc-sr-rg-list li {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 13px; color: rgba(255,255,255,0.7); line-height: 1.5;
}
html.light .sbc-sr-pros-list li,
html.light .sbc-sr-cons-list li,
html.light .sbc-sr-rg-list li { color: rgba(0,0,0,0.65); }

.sbc-sr-promos-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
@media(max-width:640px) { .sbc-sr-promos-grid { grid-template-columns: 1fr; } }

.sbc-sr-promo-card {
  position: relative; overflow: hidden;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px; padding: 20px 20px 20px 24px;
  transition: all 0.22s;
}
.sbc-sr-promo-card:hover { border-color: rgba(16,185,129,0.25); transform: translateY(-2px); }
html.light .sbc-sr-promo-card { background: #fff; border-color: rgba(0,0,0,0.07); box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.sbc-sr-promo-accent {
  position: absolute; top: 0; left: 0; bottom: 0;
  width: 4px; background: rgba(255,255,255,0.1); border-radius: 4px 0 0 4px;
}
.sbc-sr-promo-card--featured .sbc-sr-promo-accent {
  background: linear-gradient(to bottom, #10b981, #059669);
}
.sbc-sr-promo-card--featured {
  border-color: rgba(16,185,129,0.2);
  background: rgba(16,185,129,0.04);
}
.sbc-sr-promo-tag {
  display: inline-block;
  font-size: 9px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;
  color: #10b981; margin-bottom: 8px;
}
.sbc-sr-promo-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 900; font-style: italic; text-transform: uppercase;
  color: rgba(255,255,255,0.95); margin-bottom: 8px; line-height: 1.1;
}
html.light .sbc-sr-promo-title { color: rgba(0,0,0,0.85); }
.sbc-sr-promo-desc {
  font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.5); margin-bottom: 14px;
}
html.light .sbc-sr-promo-desc { color: rgba(0,0,0,0.5); }
.sbc-sr-promo-cta {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase;
  color: #10b981; background: none; border: none; cursor: pointer;
  transition: gap 0.2s;
}
.sbc-sr-promo-card:hover .sbc-sr-promo-cta { gap: 7px; }

.sbc-sr-payments-card {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 18px; overflow: hidden;
}
html.light .sbc-sr-payments-card { background: #fff; border-color: rgba(0,0,0,0.07); box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
.sbc-sr-pay-group { padding: 22px 24px; }
.sbc-sr-pay-divider { height: 1px; background: rgba(255,255,255,0.06); }
html.light .sbc-sr-pay-divider { background: rgba(0,0,0,0.06); }
.sbc-sr-pay-group-hd {
  display: flex; align-items: center; gap: 7px;
  font-size: 11px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.45); margin-bottom: 14px;
}
html.light .sbc-sr-pay-group-hd { color: rgba(0,0,0,0.4); }
.sbc-sr-pay-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.sbc-sr-pay-pill {
  padding: 6px 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  font-size: 13px; font-weight: 700; color: rgba(255,255,255,0.75);
  transition: all 0.18s;
}
.sbc-sr-pay-pill:hover { background: rgba(16,185,129,0.1); border-color: rgba(16,185,129,0.3); color: #10b981; }
html.light .sbc-sr-pay-pill { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.09); color: rgba(0,0,0,0.65); }
.sbc-sr-pay-note {
  display: flex; align-items: center; gap: 8px;
  padding: 14px 24px;
  background: rgba(16,185,129,0.05);
  border-top: 1px solid rgba(16,185,129,0.1);
  font-size: 13px; color: rgba(255,255,255,0.5);
}
html.light .sbc-sr-pay-note { color: rgba(0,0,0,0.5); }
.sbc-sr-pay-note strong { color: rgba(255,255,255,0.85); }
html.light .sbc-sr-pay-note strong { color: rgba(0,0,0,0.75); }

.sbc-sr-verdict-card {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 18px; overflow: hidden;
  margin-bottom: 24px;
}
html.light .sbc-sr-verdict-card { background: #fff; border-color: rgba(0,0,0,0.07); box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
.sbc-sr-verdict-score {
  display: flex; align-items: center; gap: 28px;
  padding: 28px 28px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
html.light .sbc-sr-verdict-score { border-color: rgba(0,0,0,0.06); }
.sbc-sr-verdict-ring {
  position: relative; width: 100px; height: 100px; flex-shrink: 0;
}
.sbc-sr-verdict-ring svg { width: 100px; height: 100px; transform: rotate(-90deg); }
.sbc-sr-vrd-track { fill: none; stroke: rgba(255,255,255,0.08); stroke-width: 7; }
html.light .sbc-sr-vrd-track { stroke: rgba(0,0,0,0.08); }
.sbc-sr-vrd-fill {
  fill: none; stroke: #10b981; stroke-width: 7; stroke-linecap: round;
  transition: stroke-dashoffset 1.2s cubic-bezier(0.25,0.46,0.45,0.94);
}
.sbc-sr-verdict-ring-inner {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 1px;
}
.sbc-sr-verdict-ring-inner span {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 26px; font-weight: 900; color: #10b981; line-height: 1;
}
.sbc-sr-verdict-ring-inner small {
  font-size: 9px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.3);
}
html.light .sbc-sr-verdict-ring-inner small { color: rgba(0,0,0,0.3); }

.sbc-sr-verdict-cats { flex: 1; display: flex; flex-direction: column; gap: 10px; }
.sbc-sr-vrd-cat {
  display: flex; align-items: center; gap: 10px;
}
.sbc-sr-vrd-cat span:first-child {
  font-size: 11px; font-weight: 800; letter-spacing: 0.08em;
  text-transform: uppercase; color: rgba(255,255,255,0.4);
  width: 130px; flex-shrink: 0;
}
html.light .sbc-sr-vrd-cat span:first-child { color: rgba(0,0,0,0.4); }
.sbc-sr-vrd-bar-track {
  flex: 1; height: 5px; border-radius: 3px;
  background: rgba(255,255,255,0.07); overflow: hidden;
}
html.light .sbc-sr-vrd-bar-track { background: rgba(0,0,0,0.07); }
.sbc-sr-vrd-bar-fill {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, #10b981, #34d399);
  border-radius: 3px;
  transition: width 0.9s cubic-bezier(0.25,0.46,0.45,0.94);
}
.sbc-sr-vrd-score {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px; font-weight: 900; color: #10b981;
  width: 28px; text-align: right;
}

.sbc-sr-verdict-legal {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 24px 28px;
  font-size: 13px; line-height: 1.7; color: rgba(255,255,255,0.55);
}
html.light .sbc-sr-verdict-legal { color: rgba(0,0,0,0.55); }
.sbc-sr-verdict-legal h4 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 17px; font-weight: 900; font-style: italic; text-transform: uppercase;
  margin-bottom: 4px; color: rgba(255,255,255,0.9);
}
html.light .sbc-sr-verdict-legal h4 { color: rgba(0,0,0,0.85); }
.sbc-sr-verdict-lic {
  font-size: 11px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: #10b981; margin-bottom: 8px;
}

.sbc-sr-final-cta {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;
  background: linear-gradient(135deg, rgba(16,185,129,0.1), rgba(16,185,129,0.04));
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 18px; padding: 24px 28px;
}
.sbc-sr-final-cta-text h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px; font-weight: 900; font-style: italic; text-transform: uppercase;
  margin-bottom: 4px; color: rgba(255,255,255,0.9);
}
html.light .sbc-sr-final-cta-text h3 { color: rgba(0,0,0,0.85); }
.sbc-sr-final-cta-text p { font-size: 13px; color: rgba(255,255,255,0.45); }
html.light .sbc-sr-final-cta-text p { color: rgba(0,0,0,0.45); }
.sbc-sr-final-cta .sbc-sr-cta-btn { width: auto; min-width: 200px; }

.sbc-sr-sidebar-sticky {
  position: sticky; top: 72px;
  display: flex; flex-direction: column; gap: 16px;
}
@media(max-width:1023px) { .sbc-sr-sidebar-sticky { position: static; } }

.sbc-sr-sidebar-cta {
  position: relative; overflow: hidden;
  background: rgba(16,185,129,0.07);
  border: 1px solid rgba(16,185,129,0.18);
  border-radius: 18px; padding: 24px; text-align: center;
}
html.light .sbc-sr-sidebar-cta {
  background: rgba(16,185,129,0.05);
  border-color: rgba(16,185,129,0.15);
}

html.light .sbc-sr-verdict-card {
  background: rgba(16,185,129,0.05);
  border-color: rgba(16,185,129,0.15);
}
html.light .sbc-sr-vc-title { color: #0a0a0a; }
html.light .sbc-sr-vc-label { color: rgba(16,185,129,0.8); }
html.light .sbc-sr-vc-badge { background: rgba(16,185,129,0.12); border-color: rgba(16,185,129,0.3); }
html.light .sbc-sr-vc-badge-denom { color: rgba(16,185,129,0.55); }
html.light .sbc-sr-vc-stats {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.08);
}
html.light .sbc-sr-vc-stat-sep { background: rgba(0,0,0,0.1); }
html.light .sbc-sr-vc-stat-label { color: rgba(0,0,0,0.5); }
html.light .sbc-sr-vc-stat-val { color: #0a0a0a; }
html.light .sbc-sr-vc-pros li { color: rgba(0,0,0,0.75); }
html.light .sbc-sr-vc-header {
  border-bottom-color: rgba(0,0,0,0.08);
}

html.light .sbc-sr-sidebar-lic { color: rgba(0,0,0,0.45); }
.sbc-sr-sidebar-cta-bg {
  position: absolute; top: -60px; left: 50%;
  transform: translateX(-50%);
  width: 200px; height: 200px; border-radius: 50%;
  background: rgba(16,185,129,0.15); filter: blur(60px);
  pointer-events: none;
}

.sbc-sr-verdict-card {
  position: relative; overflow: hidden;
  background: rgba(16,185,129,0.07);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 18px; padding: 20px;
}
.sbc-sr-verdict-card-bg {
  position: absolute; top: -50px; right: -50px;
  width: 180px; height: 180px; border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,0.18) 0%, transparent 70%);
  pointer-events: none;
}

.sbc-sr-vc-header {
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.sbc-sr-vc-badge {
  flex-shrink: 0;
  width: 56px; height: 56px; border-radius: 14px;
  background: linear-gradient(135deg, rgba(16,185,129,0.25) 0%, rgba(16,185,129,0.1) 100%);
  border: 1px solid rgba(16,185,129,0.35);
  display: flex; align-items: baseline; justify-content: center;
  gap: 1px; padding-top: 2px;
}
.sbc-sr-vc-badge-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 26px; font-weight: 900; line-height: 1;
  color: #10b981;
}
.sbc-sr-vc-badge-denom {
  font-size: 11px; font-weight: 700; color: rgba(16,185,129,0.6);
  line-height: 1; margin-bottom: 2px;
}
.sbc-sr-vc-header-text {
  display: flex; flex-direction: column; gap: 2px;
}
.sbc-sr-vc-label {
  font-size: 9px; font-weight: 800; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(16,185,129,0.7);
}
.sbc-sr-vc-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 17px; font-weight: 800; font-style: italic;
  text-transform: uppercase; color: #fff; line-height: 1.1;
}

.sbc-sr-vc-stats {
  display: flex; align-items: stretch;
  gap: 0; margin-bottom: 16px;
  background: rgba(0,0,0,0.2); border-radius: 12px;
  overflow: hidden; border: 1px solid rgba(255,255,255,0.06);
}
.sbc-sr-vc-stat {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 3px; padding: 10px 6px; text-align: center;
}
.sbc-sr-vc-stat svg { color: #10b981; width: 13px; height: 13px; margin-bottom: 1px; }
.sbc-sr-vc-stat-label {
  font-size: 8.5px; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: rgba(255,255,255,0.4);
  white-space: nowrap;
}
.sbc-sr-vc-stat-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 800; color: #fff;
  line-height: 1;
}
.sbc-sr-vc-stat-sep {
  width: 1px; background: rgba(255,255,255,0.07);
  margin: 8px 0;
}

.sbc-sr-vc-pros {
  list-style: none; margin: 0 0 16px; padding: 0;
  display: flex; flex-direction: column; gap: 8px;
}
.sbc-sr-vc-pros li {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 12px; line-height: 1.4;
  color: rgba(255,255,255,0.8);
}
.sbc-sr-vc-pros li svg { color: #10b981; margin-top: 1px; flex-shrink: 0; }
.sbc-sr-sidebar-logo {
  width: 64px; height: 64px; border-radius: 14px; overflow: hidden;
  margin: 0 auto 14px;
  border: 1px solid rgba(255,255,255,0.1);
  display: flex; align-items: center; justify-content: center;
}
.sbc-sr-sidebar-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-sr-sidebar-bonus {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px; font-weight: 900; font-style: italic;
  color: rgba(255,255,255,0.95); margin-bottom: 4px; line-height: 1.1;
}
html.light .sbc-sr-sidebar-bonus { color: rgba(0,0,0,0.85); }
.sbc-sr-sidebar-bonus-terms { font-size: 10px; color: rgba(255,255,255,0.3); margin-bottom: 16px; }
html.light .sbc-sr-sidebar-bonus-terms { color: rgba(0,0,0,0.3); }
.sbc-sr-sidebar-lic {
  font-size: 10px; color: rgba(255,255,255,0.25);
  margin-top: 8px; letter-spacing: 0.06em; text-transform: uppercase;
}
html.light .sbc-sr-sidebar-lic { color: rgba(0,0,0,0.25); }

.sbc-sr-sidebar-pcr {
  background: #0d1a10;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 16px 18px;
}
html.light .sbc-sr-sidebar-pcr {
  background: rgba(0,0,0,0.03);
  border-color: rgba(0,0,0,0.08);
}
.sbc-sr-sidebar-pcr--pros { border-top: 2px solid #10b981; }
.sbc-sr-sidebar-pcr--cons { border-top: 2px solid #f59e0b; }
.sbc-sr-sidebar-pcr--rg   { border-top: 2px solid #60a5fa; }

.sbc-sr-pcr-hd {
  display: flex; align-items: center; gap: 7px;
  font-size: 10px; font-weight: 900; letter-spacing: 0.14em;
  text-transform: uppercase; margin: 0 0 12px;
}
.sbc-sr-pcr-hd--pros { color: #10b981; }
.sbc-sr-pcr-hd--cons { color: #f59e0b; }
.sbc-sr-pcr-hd--rg   { color: #60a5fa; }

.sbc-sr-pcr-list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 8px;
}
.sbc-sr-pcr-list li {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 12px; line-height: 1.5; color: rgba(255,255,255,0.6);
}
html.light .sbc-sr-pcr-list li { color: rgba(0,0,0,0.6); }
.sbc-sr-sidebar-pcr--pros .sbc-sr-pcr-list li [data-lucide] { color: #10b981; margin-top: 1px; flex-shrink: 0; }
.sbc-sr-sidebar-pcr--cons .sbc-sr-pcr-list li [data-lucide] { color: #f59e0b; margin-top: 1px; flex-shrink: 0; }
.sbc-sr-sidebar-pcr--rg   .sbc-sr-pcr-list li [data-lucide] { color: #60a5fa; margin-top: 1px; flex-shrink: 0; }

.sbc-sr-sidebar-facts {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px; overflow: hidden;
  padding: 16px;
}
html.light .sbc-sr-sidebar-facts { background: #fff; border-color: rgba(0,0,0,0.07); box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.sbc-sr-sidebar-facts-hd {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.55);
  margin-bottom: 12px; padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
html.light .sbc-sr-sidebar-facts-hd { color: rgba(0,0,0,0.45); border-color: rgba(0,0,0,0.07); }

.sbc-sr-fact-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-sr-fact-row:last-child { border-bottom: none; }
html.light .sbc-sr-fact-row { border-color: rgba(0,0,0,0.04); }
.sbc-sr-fact-left {
  display: flex; align-items: center; gap: 7px;
  font-size: 12px; font-weight: 700;
  color: rgba(255,255,255,0.45); letter-spacing: 0.06em;
}
html.light .sbc-sr-fact-left { color: rgba(0,0,0,0.45); }
.sbc-sr-fact-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900; text-transform: uppercase;
  color: rgba(255,255,255,0.85);
}
html.light .sbc-sr-fact-val { color: rgba(0,0,0,0.75); }

.sbc-sr-sidebar-odds {  }

@media(max-width:767px) {
  .sbc-sr-hero { min-height: 500px; }
  .sbc-sr-hero-logo-wrap { width: 72px; height: 72px; }
  .sbc-sr-gauges { padding: 16px 0; }
  .sbc-sr-gauge { padding: 0 14px; }
  .sbc-sr-gauge--overall { padding-right: 14px; }
  .sbc-sr-verdict-score { flex-direction: column; align-items: flex-start; }
  .sbc-sr-vrd-cat span:first-child { width: 100px; font-size: 10px; }
}

.sbc-sr-gauges-wrap {
  position: relative; z-index: 10;
  background: rgba(8,8,8,0.96);
  border-top: 1px solid rgba(255,255,255,0.07);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
html.light .sbc-sr-gauges-wrap {
  background: rgba(245,247,250,0.98);
  border-color: rgba(0,0,0,0.07);
}

.sbc-sr-gauges-wrap .sbc-sr-gauges {
  margin-top: 0;
  border-top: none;
  padding: 20px 0;
  background: transparent;
  backdrop-filter: none;
}

.sbc-sr-compare-widget {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px; overflow: hidden;
}
html.light .sbc-sr-compare-widget {
  background: #fff;
  border-color: rgba(0,0,0,0.08);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.sbc-sr-cw-hd {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px;
  background: rgba(16,185,129,0.05);
  border-bottom: 1px solid rgba(16,185,129,0.1);
}
html.light .sbc-sr-cw-hd { background: rgba(16,185,129,0.04); border-color: rgba(16,185,129,0.12); }
.sbc-sr-cw-hd-left {
  display: flex; align-items: center; gap: 7px;
}
.sbc-sr-cw-hd h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900; letter-spacing: 0.1em;
  text-transform: uppercase;
}
html.light .sbc-sr-cw-hd h3 { color: #1a1a1a; }
.sbc-sr-cw-full-link {
  display: flex; align-items: center; gap: 4px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: #10b981; text-decoration: none;
  transition: gap 0.15s;
}
.sbc-sr-cw-full-link:hover { gap: 6px; }

.sbc-sr-cw-row {
  display: flex; align-items: center; gap: 11px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: background 0.18s;
}
.sbc-sr-cw-row:hover { background: rgba(16,185,129,0.04); }
.sbc-sr-cw-row:last-of-type { border-bottom: none; }
html.light .sbc-sr-cw-row { border-color: rgba(0,0,0,0.04); }
.sbc-sr-cw-row--current {
  background: rgba(16,185,129,0.04);
  border-left: 3px solid #10b981;
}

.sbc-sr-cw-logo {
  width: 38px; height: 38px; flex-shrink: 0;
  border-radius: 9px; overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  display: flex; align-items: center; justify-content: center;
}
.sbc-sr-cw-logo-white { background: #fff; padding: 4px; }
.sbc-sr-cw-logo img { width: 100%; height: 100%; object-fit: contain; }

.sbc-sr-cw-info { flex: 1; min-width: 0; }
.sbc-sr-cw-name {
  display: flex; align-items: center; flex-wrap: wrap; gap: 5px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900; font-style: italic;
  text-transform: uppercase; color: rgba(255,255,255,0.9);
  margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  text-decoration: none;
}
html.light .sbc-sr-cw-name { color: rgba(0,0,0,0.85); }
.sbc-sr-cw-name--link:hover { color: #10b981; }
.sbc-sr-cw-you {
  font-size: 9px; font-weight: 800; letter-spacing: 0.08em;
  text-transform: uppercase; color: #10b981; font-style: normal;
}

.sbc-sr-cw-stats {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.35);
}
html.light .sbc-sr-cw-stats { color: rgba(0,0,0,0.4); }
.sbc-sr-cw-stats span { display: flex; align-items: center; gap: 3px; }

.sbc-sr-cw-divider {
  display: flex; align-items: center;
  padding: 0 16px; margin: 2px 0;
}
.sbc-sr-cw-divider::before,
.sbc-sr-cw-divider::after {
  content: ''; flex: 1; height: 1px;
  background: rgba(255,255,255,0.07);
}
html.light .sbc-sr-cw-divider::before,
html.light .sbc-sr-cw-divider::after { background: rgba(0,0,0,0.07); }
.sbc-sr-cw-divider span {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 900; letter-spacing: 0.14em;
  text-transform: uppercase; color: rgba(255,255,255,0.2);
  padding: 0 8px;
}
html.light .sbc-sr-cw-divider span { color: rgba(0,0,0,0.2); }

.sbc-sr-cw-cta {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  width: 100%; padding: 13px 16px;
  background: rgba(16,185,129,0.07);
  border-top: 1px solid rgba(16,185,129,0.1);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; letter-spacing: 0.07em;
  text-transform: uppercase; color: #10b981; text-decoration: none;
  transition: background 0.18s, gap 0.15s;
}
.sbc-sr-cw-cta:hover { background: rgba(16,185,129,0.12); gap: 9px; color: #10b981; }
html.light .sbc-sr-cw-cta { background: rgba(16,185,129,0.05); border-color: rgba(16,185,129,0.1); }

.sbc-sr-gauges-wrap {
  position: sticky !important;
  top: 0;
  z-index: 202 !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.sbc-sr-quicknav {
  position: sticky;
  top: var(--sbc-gauges-h, 80px);
  z-index: 200;
}

html.light .sbc-art-author-card {
  background: #f0f4f0 !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html.light .sbc-art-author-card-label { color: rgba(0,0,0,0.4); }
html.light .sbc-art-author-card-name  { color: #111; }
html.light .sbc-art-author-card-role  { color: #059669; }
html.light .sbc-art-author-card-bio   { color: rgba(0,0,0,0.55); }

.sbc-art-hero {
  aspect-ratio: unset !important;
  min-height: 460px;
  max-height: none !important;
  background: #080808;
}
html.light .sbc-art-hero { background: #f5f7fa; }

.sbc-art-hero-img {
  position: absolute;
  inset: 0 0 0 50% !important;
  background-size: cover !important;
  background-position: center right !important;
  transform: none !important;
  will-change: unset;

  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.15) 18%, rgba(0,0,0,0.55) 38%, black 62%);
          mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.15) 18%, rgba(0,0,0,0.55) 38%, black 62%);
}
html.light .sbc-art-hero-img {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.08) 18%, rgba(0,0,0,0.45) 38%, black 62%);
          mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.08) 18%, rgba(0,0,0,0.45) 38%, black 62%);
}

.sbc-art-hero-veil {
  display: none !important;
}

.sbc-art-hero::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(
    to right,
    #080808 0%,
    #080808 42%,
    rgba(8,8,8,0.85) 56%,
    rgba(8,8,8,0.3) 72%,
    transparent 100%
  );
  z-index: 1;
  pointer-events: none;
}
html.light .sbc-art-hero::before {
  background: linear-gradient(
    to right,
    #f5f7fa 0%,
    #f5f7fa 42%,
    rgba(245,247,250,0.85) 56%,
    rgba(245,247,250,0.3) 72%,
    transparent 100%
  );
}

.sbc-art-hero-content {
  position: relative; z-index: 2;
  max-width: 58% !important;
  padding: 48px 32px 56px !important;
  margin: 0 !important;
}

@media (max-width: 767px) {
  .sbc-art-hero {
    min-height: 340px;
  }
  .sbc-art-hero-img {
    inset: 0 !important;
    -webkit-mask-image: none !important;
            mask-image: none !important;
  }
  .sbc-art-hero::before {
    background: linear-gradient(
      to bottom,
      rgba(8,8,8,0.15) 0%,
      rgba(8,8,8,0.85) 55%,
      rgba(8,8,8,0.97) 100%
    ) !important;
  }
  .light .sbc-art-hero::before {
    background: linear-gradient(
      to bottom,
      rgba(245,247,250,0.15) 0%,
      rgba(245,247,250,0.85) 55%,
      rgba(245,247,250,0.97) 100%
    ) !important;
  }
  .sbc-art-hero-content {
    max-width: 100% !important;
    padding: 24px 16px 40px !important;
  }
}

html.light .sbc-art-main {
  background: #f5f7fa;
}
html.light .sbc-art-body-wrap {
  background: #f5f7fa;
}
html.light .sbc-art-content-col {
  background: #f5f7fa;
}

html.light .sbc-art-footer {
  background: #f5f7fa;
  border-color: rgba(0,0,0,0.07);
}

html.light .sbc-art-footer-share-label {
  color: rgba(0,0,0,0.45) !important;
}
html.light .sbc-art-share-btn {
  background: rgba(0,0,0,0.06) !important;
  color: rgba(0,0,0,0.55) !important;
  border: 1px solid rgba(0,0,0,0.08);
}
html.light .sbc-art-share-btn:hover {
  background: rgba(16,185,129,0.1) !important;
  color: #059669 !important;
  border-color: rgba(16,185,129,0.2);
}

html.light .sbc-art-author-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

html.light .sbc-art-headline {
  color: #0a0a0a !important;
  text-shadow: none !important;
}
html.light .sbc-art-deck {
  color: rgba(0,0,0,0.65) !important;
  text-shadow: none !important;
}

html.light .sbc-art-back {
  color: rgba(0,0,0,0.45) !important;
}
html.light .sbc-art-back:hover {
  color: #059669 !important;
}

html.light .sbc-art-byline {
  background: rgba(255,255,255,0.75) !important;
  border-color: rgba(0,0,0,0.10) !important;
  backdrop-filter: blur(8px);
}
html.light .sbc-art-byline-name {
  color: #111 !important;
}
html.light .sbc-art-byline-role {
  color: rgba(0,0,0,0.45) !important;
}
html.light .sbc-art-byline-stat-val {
  color: #111 !important;
}
html.light .sbc-art-byline-stat-key {
  color: rgba(0,0,0,0.35) !important;
}
html.light .sbc-art-byline-divider {
  background: rgba(0,0,0,0.12) !important;
}

html.light .sbc-art-live-dot {
  color: rgba(0,0,0,0.55) !important;
}

.sbc-sr-pay-icons {
  display: flex; flex-wrap: wrap; gap: 12px;
}

.sbc-sr-pay-icon {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  cursor: default;
  transition: transform 0.18s ease;
}
.sbc-sr-pay-icon:hover { transform: translateY(-2px); }

.sbc-sr-pay-icon svg {
  width: 88px; height: 56px;
  border-radius: 10px;
  display: block;

  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.35));
  transition: filter 0.18s ease;
}
.sbc-sr-pay-icon:hover svg {
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.5));
}
html.light .sbc-sr-pay-icon svg {
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.15));
}
html.light .sbc-sr-pay-icon:hover svg {
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.22));
}

.sbc-sr-pay-icon-label {
  font-size: 10px; font-weight: 800; letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}
html.light .sbc-sr-pay-icon-label { color: rgba(0,0,0,0.45); }

.sbc-sr-pay-empty {
  font-size: 14px; color: rgba(255,255,255,0.25); margin: 4px 0;
}
html.light .sbc-sr-pay-empty { color: rgba(0,0,0,0.25); }

html.light .sbc-art-body {
  background: #f5f7fa !important;
  border-radius: 0;
}

html.light .sbc-art-body-wrap,
html.light .sbc-art-content-col,
html.light .sbc-art-main {
  background: #f5f7fa !important;
}

.light footer.sbc-art-footer,
html.light .sbc-art-footer {
  background: #f5f7fa !important;
}

html.light .sbc-art-footer::before {
  display: none !important;
  content: none !important;
}

.sbc-ranked-logo {
  width: 96px !important;
  height: 96px !important;
  border-radius: 12px;
}
.sbc-ranked-logo img,
.sbc-ranked-logo svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sbc-ranked-card {
  grid-template-columns: 40px 96px 1fr auto auto !important;
}
.sbc-ranked-rank {
  font-size: 26px !important;
  color: rgba(255,255,255,0.22) !important;
  min-width: 40px;
  text-align: center;
}
.sbc-ranked-card--top .sbc-ranked-rank {
  color: #f6c000 !important;
}
html.light .sbc-ranked-rank {
  color: rgba(0,0,0,0.18) !important;
}
html.light .sbc-ranked-card--top .sbc-ranked-rank {
  color: #d4a900 !important;
}

.sbc-hp-book-card {
  grid-template-columns: 134px 1fr auto auto !important;
}
.sbc-hp-book-logo-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.sbc-hp-book-rank {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  font-weight: 900;
  font-style: italic;
  color: rgba(255,255,255,0.2);
  line-height: 1;
  min-width: 28px;
  text-align: center;
  flex-shrink: 0;
}
.sbc-hp-book-card--top .sbc-hp-book-rank { color: #f6c000; }
html.light .sbc-hp-book-rank              { color: rgba(0,0,0,0.18); }
html.light .sbc-hp-book-card--top .sbc-hp-book-rank { color: #d4a900; }

.sbc-hp-book-logo {
  width: 96px  !important;
  height: 96px !important;
}
.sbc-hp-book-logo img { object-fit: contain; }

.sbc-ranked-card {
  grid-template-columns: 44px 80px 1fr auto auto !important;
}
.sbc-ranked-rank {
  font-size: 28px !important;
  color: rgba(255,255,255,0.22) !important;
  min-width: 44px;
  text-align: center;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900;
  font-style: italic;
  line-height: 1;
}
.sbc-ranked-card--top .sbc-ranked-rank { color: #f6c000 !important; }
html.light .sbc-ranked-rank               { color: rgba(0,0,0,0.18) !important; }
html.light .sbc-ranked-card--top .sbc-ranked-rank { color: #d4a900 !important; }

.sbc-ranked-logo {
  width: 80px  !important;
  height: 80px !important;
  border-radius: 14px;
}
.sbc-ranked-logo img,
.sbc-ranked-logo svg { object-fit: contain; }

.sbc-art-headline {
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;
}

.sbc-hp-book-name {
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

.sbc-ranked-name {
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

.sbc-ranked-card .sbc-ranked-name,
.sbc-hp-book-card .sbc-hp-book-name {
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

html.light .sbc-art-headline,
.light header.sbc-art-hero h1.sbc-art-headline {
  color: #0d0d0d !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

.sbc-sr-gauge-ring-wrap--hero {
  position: relative;
  width: 110px !important;
  height: 110px !important;
}
.sbc-sr-gauge-ring--hero {
  width: 110px !important;
  height: 110px !important;
  transform: rotate(-90deg);
}
.sbc-sr-gauge-fill--hero {
  fill: none;
  stroke: #10b981;
  stroke-width: 7;
  stroke-linecap: round;
  transition: stroke-dashoffset 1.4s cubic-bezier(0.25,0.46,0.45,0.94);
  filter: drop-shadow(0 0 6px rgba(16,185,129,0.7));
}

.sbc-sr-hero-gauge-glow {
  position: absolute;
  inset: -12px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,0.18) 0%, transparent 70%);
  animation: sbc-gauge-glow-pulse 2.4s ease-in-out infinite;
  pointer-events: none;
}
@keyframes sbc-gauge-glow-pulse {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50%       { opacity: 1;   transform: scale(1.08); }
}

.sbc-sr-gauge-tracer {
  fill: #fff;
  filter: drop-shadow(0 0 4px rgba(16,185,129,1)) drop-shadow(0 0 8px rgba(16,185,129,0.6));

}

.sbc-sr-gauge-inner--hero {
  flex-direction: column !important;
  gap: 1px !important;
}
.sbc-sr-gauge-num--hero {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  color: #10b981 !important;
  line-height: 1 !important;
}
.sbc-sr-gauge-denom--hero {
  font-size: 7.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.3) !important;
  margin-bottom: 0 !important;
  align-self: auto !important;
}

.sbc-sr-gauge-num {
  font-size: 26px !important;
  font-weight: 900 !important;
}
.sbc-sr-gauge-denom {
  font-size: 13px !important;
  margin-bottom: 6px !important;
}

.sbc-sr-gauge-ring-wrap,
.sbc-sr-gauge-ring {
  width: 130px !important;
  height: 130px !important;
}

.sbc-sr-gauge-bar-score {
  font-size: 18px !important;
  font-weight: 900 !important;
}

.sbc-sr-gauge-bar-label {
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
}

.sbc-sr-gauge-bar-track {
  height: 7px !important;
}

.sbc-sr-gauge-label {
  font-size: 13px !important;
}

.sbc-sr-spec-label {
  font-size: 11px !important;
  letter-spacing: 0.10em !important;
  margin-bottom: 4px !important;
}
.sbc-sr-spec-value {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}

.sbc-sr-spec-icon {
  width: 38px !important;
  height: 38px !important;
}

.sbc-sr-spec-cell {
  padding: 16px 20px !important;
}

.sbc-ticker-wrap {
  height: 40px !important;
}

.sbc-ticker-label {
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.20em !important;
  padding: 0 22px 0 18px !important;
}

.sbc-ticker-label::after {
  border-top-width: 20px !important;
  border-bottom-width: 20px !important;
}

.sbc-ticker-dot {
  width: 7px !important;
  height: 7px !important;
}

.sbc-ticker-item {
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 0 32px !important;
}

.sbc-art-byline {
  gap: 20px !important;
  padding: 20px 28px !important;
  border-radius: 16px !important;
}

.sbc-art-byline-avatar {
  width: 58px !important;
  height: 58px !important;
  border-width: 3px !important;
}

.sbc-art-byline-name {
  font-size: 17px !important;
  letter-spacing: 0.06em !important;
}

.sbc-art-byline-role {
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
}

.sbc-art-byline-divider {
  height: 44px !important;
}

.sbc-art-byline-stat-val {
  font-size: 16px !important;
  font-weight: 800 !important;
}

.sbc-art-byline-stat-key {
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
}

.home .sbc-bonus-disclaimer-modal__backdrop {
  background: rgba(0, 0, 10, 0.78) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.home .sbc-bonus-disclaimer-modal__dialog {

  background: #0d1117 !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow:
    0 32px 80px rgba(0,0,0,0.7),
    0 0 0 1px rgba(255,255,255,0.06),
    0 0 60px rgba(185,28,28,0.08) !important;
  padding: 0 !important;
  width: min(100%, 52rem) !important;
  max-height: calc(100vh - 3rem) !important;
}

.home .sbc-bonus-disclaimer-modal__dialog::before {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #b91c1c 0%, #ef4444 50%, #b91c1c 100%);
  flex-shrink: 0;
}

.home .sbc-bonus-disclaimer-modal__dialog::after {
  content: '⚖ Compliance Notice — AGCO / AGLC Regulated';
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(239,68,68,0.7);
  text-align: center;
  padding: 10px 32px 0;
  margin-top: -4px;
}

.home .sbc-bonus-disclaimer-modal__close {
  top: 20px !important;
  right: 20px !important;
  width: 34px !important;
  height: 34px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.5) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}
.home .sbc-bonus-disclaimer-modal__close:hover {
  background: rgba(239,68,68,0.12) !important;
  border-color: rgba(239,68,68,0.4) !important;
  color: #ef4444 !important;
}

.home .sbc-bonus-disclaimer-modal-content {
  padding: 28px 36px 36px !important;
  color: rgba(255,255,255,0.88) !important;

  max-height: calc(100vh - 14rem);
  overflow-y: auto;
}
.home .sbc-bonus-disclaimer-modal-content::-webkit-scrollbar {
  width: 4px;
}
.home .sbc-bonus-disclaimer-modal-content::-webkit-scrollbar-track {
  background: transparent;
}
.home .sbc-bonus-disclaimer-modal-content::-webkit-scrollbar-thumb {
  background: rgba(239,68,68,0.3);
  border-radius: 4px;
}

.home .sbc-bonus-disclaimer-modal-content h1,
.home .sbc-bonus-disclaimer-modal-content h2,
.home .sbc-bonus-disclaimer-modal-content h3 {
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-style: italic !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
}

.home .sbc-bonus-disclaimer-modal-content h1 {
  padding-bottom: 14px !important;
  border-bottom: 2px solid rgba(239,68,68,0.25) !important;
  margin-bottom: 20px !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
}
.home .sbc-bonus-disclaimer-modal-content h2 {
  color: #ef4444 !important;
  font-size: clamp(1.3rem, 2.4vw, 1.75rem) !important;
  margin-top: 28px !important;
}

.home .sbc-bonus-disclaimer-modal-content p {
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.8 !important;
  font-size: 15px !important;
}

.home .sbc-bonus-disclaimer-modal-content em,
.home .sbc-bonus-disclaimer-modal-content blockquote,
.home .sbc-bonus-disclaimer-modal-content i {
  color: rgba(239,68,68,0.85) !important;
  font-style: italic;
}
.home .sbc-bonus-disclaimer-modal-content blockquote {
  border-left: 3px solid rgba(239,68,68,0.35) !important;
  padding-left: 16px !important;
  margin: 20px 0 !important;
}

html.light .home .sbc-bonus-disclaimer-modal__dialog,
.light.home .sbc-bonus-disclaimer-modal__dialog {
  background: #fafafa !important;
  box-shadow:
    0 32px 80px rgba(0,0,0,0.22),
    0 0 0 1px rgba(0,0,0,0.06),
    0 0 40px rgba(185,28,28,0.06) !important;
}
html.light .home .sbc-bonus-disclaimer-modal__close,
.light.home .sbc-bonus-disclaimer-modal__close {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.1) !important;
  color: rgba(0,0,0,0.4) !important;
}
html.light .home .sbc-bonus-disclaimer-modal__close:hover,
.light.home .sbc-bonus-disclaimer-modal__close:hover {
  background: rgba(239,68,68,0.06) !important;
  border-color: rgba(239,68,68,0.3) !important;
  color: #b91c1c !important;
}
html.light .home .sbc-bonus-disclaimer-modal-content,
.light.home .sbc-bonus-disclaimer-modal-content {
  color: #1a1a1a !important;
}
html.light .home .sbc-bonus-disclaimer-modal-content h1,
html.light .home .sbc-bonus-disclaimer-modal-content h3,
.light.home .sbc-bonus-disclaimer-modal-content h1,
.light.home .sbc-bonus-disclaimer-modal-content h3 {
  color: #111 !important;
}
html.light .home .sbc-bonus-disclaimer-modal-content h2,
.light.home .sbc-bonus-disclaimer-modal-content h2 {
  color: #b91c1c !important;
}
html.light .home .sbc-bonus-disclaimer-modal-content p,
.light.home .sbc-bonus-disclaimer-modal-content p {
  color: rgba(0,0,0,0.65) !important;
}
html.light .home .sbc-bonus-disclaimer-modal-content em,
html.light .home .sbc-bonus-disclaimer-modal-content blockquote,
html.light .home .sbc-bonus-disclaimer-modal-content i,
.light.home .sbc-bonus-disclaimer-modal-content em,
.light.home .sbc-bonus-disclaimer-modal-content blockquote,
.light.home .sbc-bonus-disclaimer-modal-content i {
  color: rgba(185,28,28,0.85) !important;
}
html.light .home .sbc-bonus-disclaimer-modal__dialog::after,
.light.home .sbc-bonus-disclaimer-modal__dialog::after {
  color: rgba(185,28,28,0.55) !important;
}

.home .sbc-bonus-disclaimer-card {
  background: rgba(185,28,28,0.08) !important;
  border: 1px solid rgba(239,68,68,0.2) !important;
  border-left: 3px solid rgba(239,68,68,0.6) !important;
  border-radius: 10px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.home .sbc-bonus-disclaimer-card:hover {
  border-color: rgba(239,68,68,0.35) !important;
  border-left-color: #ef4444 !important;
  box-shadow: 0 4px 20px rgba(185,28,28,0.15) !important;
}
html.light .home .sbc-bonus-disclaimer-card,
.light.home .sbc-bonus-disclaimer-card {
  background: rgba(185,28,28,0.04) !important;
  border-color: rgba(185,28,28,0.15) !important;
  border-left-color: rgba(185,28,28,0.5) !important;
}

.sbc-hp-book-logo-wrap {
  position: relative !important;
}

.sbc-hp-book-logo,
.sbc-ranked-logo,
.sbc-sidebar-pick-logo {
  position: relative;
  transition:
    transform 0.25s cubic-bezier(0.34,1.56,0.64,1),
    box-shadow 0.25s ease !important;
  z-index: 1;
}

.sbc-hp-book-logo::before,
.sbc-ranked-logo::before,
.sbc-sidebar-pick-logo::before {
  content: '';
  position: absolute;

  inset: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 200%;
  height: 200%;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(255,255,255,0.18) 0%,
    rgba(255,255,255,0.08) 35%,
    transparent 70%
  );
  opacity: 0;
  transition:
    transform 0.35s cubic-bezier(0.34,1.4,0.64,1),
    opacity  0.25s ease;
  pointer-events: none;
  z-index: -1;
}

.sbc-hp-book-logo::after,
.sbc-ranked-logo::after,
.sbc-sidebar-pick-logo::after {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  border: 1.5px solid rgba(255,255,255,0.15);
  opacity: 0;
  transform: scale(0.88);
  transition:
    transform 0.3s cubic-bezier(0.34,1.4,0.64,1),
    opacity  0.25s ease;
  pointer-events: none;
}

.sbc-hp-book-card:hover  .sbc-hp-book-logo::before,
.sbc-ranked-card:hover   .sbc-ranked-logo::before,
.sbc-sidebar-pick:hover  .sbc-sidebar-pick-logo::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.sbc-hp-book-card:hover  .sbc-hp-book-logo::after,
.sbc-ranked-card:hover   .sbc-ranked-logo::after,
.sbc-sidebar-pick:hover  .sbc-sidebar-pick-logo::after {
  transform: scale(1);
  opacity: 1;
}

.sbc-hp-book-card:hover  .sbc-hp-book-logo,
.sbc-ranked-card:hover   .sbc-ranked-logo,
.sbc-sidebar-pick:hover  .sbc-sidebar-pick-logo {
  transform: scale(1.06) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
}

html.light .sbc-hp-book-logo::before,
html.light .sbc-ranked-logo::before,
html.light .sbc-sidebar-pick-logo::before {
  background: radial-gradient(
    circle,
    rgba(16,185,129,0.18) 0%,
    rgba(16,185,129,0.07) 35%,
    transparent 70%
  );
}
html.light .sbc-hp-book-logo::after,
html.light .sbc-ranked-logo::after,
html.light .sbc-sidebar-pick-logo::after {
  border-color: rgba(16,185,129,0.25);
}

.sbc-hp-book-card--top:hover  .sbc-hp-book-logo::before,
.sbc-ranked-card--top:hover   .sbc-ranked-logo::before {
  background: radial-gradient(
    circle,
    rgba(246,192,0,0.22) 0%,
    rgba(246,192,0,0.08) 35%,
    transparent 70%
  );
}
.sbc-hp-book-card--top:hover  .sbc-hp-book-logo::after,
.sbc-ranked-card--top:hover   .sbc-ranked-logo::after {
  border-color: rgba(246,192,0,0.35);
}

.sbc-guides-main {
  min-height: 100vh;
  background: #090b0f;
}
html.light .sbc-guides-main {
  background: #f3f4f6;
}

.sbc-guides-hero {
  position: relative;
  padding: 80px 0 72px;
  overflow: hidden;
}
.sbc-guides-hero-bg {
  position: absolute; inset: 0; pointer-events: none;
}

.sbc-guides-hero-grid {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 32px 32px;
}
html.light .sbc-guides-hero-grid {
  background-image: radial-gradient(circle, rgba(0,0,0,0.05) 1px, transparent 1px);
}

.sbc-guides-hero-orb {
  position: absolute; border-radius: 50%;
}
.sbc-guides-hero-orb--1 {
  width: 600px; height: 600px;
  top: -200px; right: -100px;
  background: radial-gradient(circle, rgba(16,185,129,0.07) 0%, transparent 65%);
  animation: sbc-orb-pulse 8s ease-in-out infinite;
}
.sbc-guides-hero-orb--2 {
  width: 400px; height: 400px;
  bottom: -100px; left: 5%;
  background: radial-gradient(circle, rgba(16,185,129,0.04) 0%, transparent 65%);
  animation: sbc-orb-pulse 10s ease-in-out 2s infinite;
}

.sbc-guides-hero-inner {
  position: relative; z-index: 2;
}
.sbc-guides-hero-eyebrow {
  display: flex; align-items: center; gap: 16px; margin-bottom: 20px;
}
.sbc-guides-eyebrow-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900; letter-spacing: 0.18em; text-transform: uppercase;
  color: #10b981;
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.25);
  padding: 5px 12px; border-radius: 100px;
}
.sbc-guides-eyebrow-count {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}
html.light .sbc-guides-eyebrow-count { color: rgba(0,0,0,0.3); }

.sbc-guides-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(3.5rem, 8vw, 7rem);
  font-weight: 900; line-height: 0.88;
  text-transform: uppercase; letter-spacing: -0.01em;
  color: #fff; margin: 0 0 24px;
}
html.light .sbc-guides-hero-title { color: #0a0a0a; }
.sbc-guides-hero-title em {
  font-style: italic; color: rgba(255,255,255,0.45);
  font-weight: 900;
}
html.light .sbc-guides-hero-title em { color: rgba(0,0,0,0.35); }
.sbc-guides-hero-title-accent {
  color: #10b981; display: block;
}
.sbc-guides-hero-desc {
  font-size: 1.1rem; line-height: 1.65; max-width: 560px;
  color: rgba(255,255,255,0.5); margin-bottom: 36px;
}
html.light .sbc-guides-hero-desc { color: rgba(0,0,0,0.5); }
.sbc-guides-hero-stats {
  display: flex; align-items: center; gap: 20px;
}
.sbc-guides-hero-stat {
  display: flex; flex-direction: column; gap: 2px;
}
.sbc-guides-hero-stat strong {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 26px; font-weight: 900; color: #10b981; line-height: 1;
}
.sbc-guides-hero-stat span {
  font-size: 10px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}
html.light .sbc-guides-hero-stat span { color: rgba(0,0,0,0.35); }
.sbc-guides-hero-stat-div {
  width: 1px; height: 32px; background: rgba(255,255,255,0.12);
}
html.light .sbc-guides-hero-stat-div { background: rgba(0,0,0,0.12); }

.sbc-guides-body { padding-bottom: 80px; }
.sbc-guides-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 40px;
  align-items: start;
}
@media (max-width: 1023px) {
  .sbc-guides-layout {
    grid-template-columns: 1fr;
  }
}

.sbc-guides-section-hd {
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 24px;
}
.sbc-guides-section-hd-line {
  flex: 1; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
}
html.light .sbc-guides-section-hd-line {
  background: linear-gradient(90deg, transparent, rgba(0,0,0,0.1), transparent);
}
.sbc-guides-section-hd-text {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900; letter-spacing: 0.2em; text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  white-space: nowrap;
  display: flex; align-items: center; gap: 6px;
}
html.light .sbc-guides-section-hd-text { color: rgba(0,0,0,0.35); }

.sbc-guides-list {
  display: flex; flex-direction: column; gap: 2px;
  margin-bottom: 48px;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,0.01);
}
html.light .sbc-guides-list {
  border-color: rgba(0,0,0,0.07);
  background: #fff;
}

.sbc-guide-card {
  display: grid;
  grid-template-columns: 52px 52px 1fr 40px;
  align-items: center;
  gap: 0;
  padding: 0;
  text-decoration: none;
  position: relative;
  background: transparent;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  transition: background 0.2s ease;
  cursor: pointer;
  min-height: 88px;
}
html.light .sbc-guide-card {
  border-bottom-color: rgba(0,0,0,0.06);
}
.sbc-guide-card:last-child { border-bottom: none; }
.sbc-guide-card:hover {
  background: rgba(255,255,255,0.025);
}
html.light .sbc-guide-card:hover {
  background: rgba(16,185,129,0.03);
}

.sbc-guide-card::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--cat-col, #10b981);
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 0.25s cubic-bezier(0.34,1.4,0.64,1);
  border-radius: 0 2px 2px 0;
}
.sbc-guide-card:hover::before { transform: scaleY(1); }

.sbc-guide-card-num {
  display: flex; align-items: center; justify-content: center;
  padding: 0 8px;
}
.sbc-guide-card-num span {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px; font-weight: 900; font-style: italic;
  color: rgba(255,255,255,0.12);
  transition: color 0.2s ease;
}
html.light .sbc-guide-card-num span { color: rgba(0,0,0,0.12); }
.sbc-guide-card:hover .sbc-guide-card-num span {
  color: var(--cat-col, #10b981);
}

.sbc-guide-card-icon {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 12px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.3);
  transition: background 0.2s ease, color 0.2s ease;
  margin: 0 8px;
  flex-shrink: 0;
}
html.light .sbc-guide-card-icon {
  background: rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.3);
}
.sbc-guide-card:hover .sbc-guide-card-icon {
  background: color-mix(in srgb, var(--cat-col, #10b981) 15%, transparent);
  color: var(--cat-col, #10b981);
}

.sbc-guide-card-content {
  padding: 20px 16px 20px 8px; min-width: 0;
}
.sbc-guide-card-meta {
  display: flex; align-items: center; gap: 8px; margin-bottom: 4px;
}
.sbc-guide-card-cat {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;
  display: inline-flex; align-items: center; gap: 4px;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.sbc-guide-card:hover .sbc-guide-card-cat { opacity: 1; }
.sbc-guide-card-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 800; font-style: italic; text-transform: uppercase;
  letter-spacing: 0.01em; line-height: 1.1;
  color: rgba(255,255,255,0.88); margin: 0 0 5px;
  transition: color 0.2s ease;
}
html.light .sbc-guide-card-title { color: rgba(0,0,0,0.85); }
.sbc-guide-card:hover .sbc-guide-card-title {
  color: var(--cat-col, #10b981);
}
.sbc-guide-card-desc {
  font-size: 13px; line-height: 1.55; margin: 0;
  color: rgba(255,255,255,0.38);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
html.light .sbc-guide-card-desc { color: rgba(0,0,0,0.45); }

.sbc-guide-card-arrow {
  display: flex; align-items: center; justify-content: center;
  padding: 0 12px;
  color: rgba(255,255,255,0.12);
  transition: color 0.2s ease, transform 0.25s ease;
  flex-shrink: 0;
}
html.light .sbc-guide-card-arrow { color: rgba(0,0,0,0.15); }
.sbc-guide-card:hover .sbc-guide-card-arrow {
  color: var(--cat-col, #10b981);
  transform: translateX(3px);
}

.sbc-guides-masterclass {
  position: relative; overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(135deg, #0d2b1f 0%, #081a13 100%);
  border: 1px solid rgba(16,185,129,0.2);
  padding: 48px 40px 0 0;
  margin-bottom: 48px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 40px;
  align-items: end;
  min-height: 200px;
}
.sbc-guides-masterclass-content {
  padding-bottom: 48px;
}
html.light .sbc-guides-masterclass {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  border-color: rgba(16,185,129,0.25);
}
.sbc-guides-masterclass-bg {
  position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(16,185,129,0.05) 1px, transparent 1px);
  background-size: 24px 24px;
}
.sbc-guides-masterclass-icon {
  color: rgba(16,185,129,0.08);
  flex-shrink: 0;
}
html.light .sbc-guides-masterclass-icon { color: rgba(16,185,129,0.12); }
.sbc-guides-masterclass-eyebrow {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 900; letter-spacing: 0.22em; text-transform: uppercase;
  color: #10b981; margin-bottom: 10px;
}
.sbc-guides-masterclass-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 900; font-style: italic; text-transform: uppercase;
  letter-spacing: 0.01em; line-height: 1; color: #fff; margin: 0 0 16px;
}
html.light .sbc-guides-masterclass-title { color: #0a0a0a; }
.sbc-guides-masterclass-title em { color: #10b981; font-style: italic; }
.sbc-guides-masterclass-desc {
  font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.5);
  margin: 0 0 28px; max-width: 480px;
}
html.light .sbc-guides-masterclass-desc { color: rgba(0,0,0,0.5); }
.sbc-guides-masterclass-cta {
  display: inline-flex; align-items: center; gap: 8px;
  background: #10b981; color: #000;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 14px 28px; border-radius: 12px; border: none; cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 20px rgba(16,185,129,0.35);
}
.sbc-guides-masterclass-cta:hover {
  background: #34d399;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(16,185,129,0.45);
}

.sbc-guides-pods-section { margin-bottom: 48px; }
.sbc-guides-pods-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
@media (max-width: 640px) {
  .sbc-guides-pods-grid { grid-template-columns: 1fr; }
}
.sbc-guides-pod-card {
  display: flex; flex-direction: column; gap: 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
html.light .sbc-guides-pod-card {
  background: #fff;
  border-color: rgba(0,0,0,0.07);
}
.sbc-guides-pod-card:hover {
  border-color: rgba(16,185,129,0.3);
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.2);
}
.sbc-guides-pod-thumb {
  position: relative; aspect-ratio: 1; overflow: hidden;
}
.sbc-guides-pod-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 0.4s ease;
}
.sbc-guides-pod-card:hover .sbc-guides-pod-thumb img { transform: scale(1.05); }
.sbc-guides-pod-play {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,0.4);
  opacity: 0; transition: opacity 0.2s ease;
  color: #10b981;
}
.sbc-guides-pod-card:hover .sbc-guides-pod-play { opacity: 1; }
.sbc-guides-pod-info { padding: 0 14px 14px; }
.sbc-guides-pod-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 800; letter-spacing: 0.01em;
  color: rgba(255,255,255,0.85); margin: 0 0 6px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
html.light .sbc-guides-pod-title { color: rgba(0,0,0,0.85); }
.sbc-guides-pod-dur {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}
html.light .sbc-guides-pod-dur { color: rgba(0,0,0,0.35); }

.sbc-guides-sidebar {
  position: sticky; top: 80px;
  display: flex; flex-direction: column; gap: 16px;
}
@media (max-width: 1023px) {
  .sbc-guides-sidebar { position: static; }
}

.sbc-guides-sponsored {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px; padding: 24px;
  text-align: center;
  position: relative; overflow: hidden;
}
html.light .sbc-guides-sponsored {
  background: #fff; border-color: rgba(0,0,0,0.07);
}
.sbc-guides-sponsored::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #10b981, #34d399, #10b981);
}
.sbc-guides-sponsored-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px; font-weight: 900; letter-spacing: 0.22em; text-transform: uppercase;
  color: #10b981; margin-bottom: 10px;
}
.sbc-guides-sponsored-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 900; font-style: italic; text-transform: uppercase;
  color: #fff; margin: 0 0 8px;
}
html.light .sbc-guides-sponsored-title { color: #0a0a0a; }
.sbc-guides-sponsored-desc {
  font-size: 12px; color: rgba(255,255,255,0.45); margin: 0 0 16px; line-height: 1.6;
}
html.light .sbc-guides-sponsored-desc { color: rgba(0,0,0,0.45); }
.sbc-guides-sponsored-logo {
  width: 80px; height: 40px; margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center;
}
.sbc-guides-sponsored-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-guides-sponsored-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%; background: #10b981; color: #000;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 13px 20px; border-radius: 10px;
  text-decoration: none;
  transition: background 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 16px rgba(16,185,129,0.3);
}
.sbc-guides-sponsored-cta:hover {
  background: #34d399;
  box-shadow: 0 6px 22px rgba(16,185,129,0.4);
}

.sbc-guides-tips {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px; padding: 22px;
}
html.light .sbc-guides-tips {
  background: #fff; border-color: rgba(0,0,0,0.07);
}
.sbc-guides-tips-hd {
  display: flex; align-items: center; gap: 8px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(255,255,255,0.45); margin-bottom: 18px;
}
html.light .sbc-guides-tips-hd { color: rgba(0,0,0,0.4); }
.sbc-guides-tips-hd svg { color: #10b981; }
.sbc-guides-tips-list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 14px;
}
.sbc-guides-tip {
  display: flex; align-items: flex-start; gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
html.light .sbc-guides-tip { border-color: rgba(0,0,0,0.06); }
.sbc-guides-tip:last-child { border-bottom: none; padding-bottom: 0; }
.sbc-guides-tip-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 900; font-style: italic;
  color: #10b981; line-height: 1; flex-shrink: 0;
}
.sbc-guides-tip-text {
  font-size: 13px; line-height: 1.6; margin: 0;
  color: rgba(255,255,255,0.55);
}
html.light .sbc-guides-tip-text { color: rgba(0,0,0,0.55); }

.sbc-guides-cat-nav {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px; padding: 22px;
}
html.light .sbc-guides-cat-nav {
  background: #fff; border-color: rgba(0,0,0,0.07);
}
.sbc-guides-cat-list {
  display: flex; flex-direction: column; gap: 8px;
}
.sbc-guides-cat-item {
  display: flex; align-items: center; gap: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  padding: 8px 10px; border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.sbc-guides-cat-item svg { color: var(--cat-col, #10b981); }
html.light .sbc-guides-cat-item { color: rgba(0,0,0,0.5); }
.sbc-guides-cat-item:hover {
  background: color-mix(in srgb, var(--cat-col, #10b981) 10%, transparent);
  color: var(--cat-col, #10b981);
}

@keyframes sbc-ring-pulse {
  0%   { transform: translate(-50%,-50%) scale(1);   opacity: 0.7; }
  60%  { transform: translate(-50%,-50%) scale(1.38); opacity: 0; }
  100% { transform: translate(-50%,-50%) scale(1.38); opacity: 0; }
}
@keyframes sbc-ring-glow {
  0%, 100% { box-shadow: 0 0 0 2px rgba(246,192,0,0.5), 0 0 8px 0 rgba(246,192,0,0.3); }
  50%       { box-shadow: 0 0 0 2px rgba(246,192,0,0.9), 0 0 16px 2px rgba(246,192,0,0.5); }
}

.sbc-hp-book-card--top .sbc-hp-book-logo,
.sbc-ranked-card--top .sbc-ranked-logo {

  animation: sbc-ring-glow 2.4s ease-in-out infinite !important;

  position: relative !important;
  z-index: 1 !important;
}

.sbc-hp-book-card--top .sbc-hp-book-logo::before,
.sbc-ranked-card--top .sbc-ranked-logo::before {

  content: '' !important;
  position: absolute !important;
  width: 140% !important; height: 140% !important;
  top: 50% !important; left: 50% !important;
  border-radius: 50% !important;
  border: 2px solid rgba(246,192,0,0.55) !important;
  background: transparent !important;
  transform: translate(-50%,-50%) scale(1) !important;
  animation: sbc-ring-pulse 2.4s ease-out infinite !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
  z-index: 2 !important;

}

.sbc-hp-book-card--top .sbc-hp-book-logo::after,
.sbc-ranked-card--top .sbc-ranked-logo::after {
  content: '' !important;
  position: absolute !important;
  width: 140% !important; height: 140% !important;
  top: 50% !important; left: 50% !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(246,192,0,0.35) !important;
  background: transparent !important;
  transform: translate(-50%,-50%) scale(1) !important;
  animation: sbc-ring-pulse 2.4s ease-out 1.2s infinite !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
  z-index: 2 !important;

}

.sbc-hp-book-card--top:hover .sbc-hp-book-logo,
.sbc-ranked-card--top:hover .sbc-ranked-logo {
  transform: scale(1.06) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35),
              0 0 0 2px rgba(246,192,0,0.9),
              0 0 20px 2px rgba(246,192,0,0.4) !important;
  animation: none !important;
}

.sbc-guides-hero-photo {
  position: absolute; inset: 0;
  background-image: url('https://sportsbettingcanada.io/wp-content/uploads/2026/03/how-to-guide.webp');
  background-size: cover;
  background-position: center 30%;
  background-repeat: no-repeat;

  filter: grayscale(40%) brightness(0.45);
  opacity: 0.35;
}

.sbc-guides-hero-photo-overlay {
  position: absolute; inset: 0;
  background:

    linear-gradient(120deg, rgba(9,11,15,0.92) 0%, rgba(9,11,15,0.55) 50%, rgba(9,11,15,0.25) 100%),

    linear-gradient(to top, rgba(9,11,15,0.98) 0%, transparent 40%),

    linear-gradient(to right, rgba(9,11,15,0.8) 0%, transparent 55%);
}

html.light .sbc-guides-hero-photo {
  opacity: 0.12;
  filter: grayscale(60%) brightness(0.6);
}
html.light .sbc-guides-hero-photo-overlay {
  background:
    linear-gradient(120deg, rgba(243,244,246,0.97) 0%, rgba(243,244,246,0.75) 50%, rgba(243,244,246,0.4) 100%),
    linear-gradient(to top, rgba(243,244,246,0.99) 0%, transparent 40%);
}

.sbc-archive-section-label {
  font-size: 26px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  color: rgba(255,255,255,0.85) !important;
  padding-bottom: 16px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
html.light .sbc-archive-section-label {
  color: rgba(0,0,0,0.82) !important;
  border-color: rgba(0,0,0,0.1) !important;
}
.sbc-archive-count {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,0.3) !important;
  letter-spacing: 0.12em !important;
  align-self: flex-end;
  padding-bottom: 3px;
}
html.light .sbc-archive-count { color: rgba(0,0,0,0.3) !important; }

.sbc-guides-no1-tile {
  position: relative;
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
}
html.light .sbc-guides-no1-tile {
  background: #fff;
  border-color: rgba(0,0,0,0.08);
}

.sbc-guides-no1-tile::before {
  content: '';
  display: block;
  height: 3px;
  background: linear-gradient(90deg, #c8930a, #f6c000, #c8930a);
  border-radius: 20px 20px 0 0;
}

.sbc-guides-no1-inner {
  padding: 22px 22px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
}

.sbc-guides-no1-eyebrow {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px; font-weight: 900; letter-spacing: 0.24em; text-transform: uppercase;
  color: #f6c000;
  background: rgba(246,192,0,0.08);
  border: 1px solid rgba(246,192,0,0.2);
  padding: 4px 10px; border-radius: 100px;
  margin-bottom: 18px;
}

.sbc-guides-no1-logo-wrap {
  position: relative;
  width: 72px; height: 72px;
  margin-bottom: 16px;
}
.sbc-guides-no1-logo {
  width: 72px; height: 72px;
  border-radius: 16px;
  background: #fff;
  padding: 8px;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
  position: relative; z-index: 1;

  animation: sbc-ring-glow 2.4s ease-in-out infinite;
}
.sbc-guides-no1-logo img {
  width: 100%; height: 100%; object-fit: contain;
}

.sbc-guides-no1-logo::before {
  content: '';
  position: absolute;
  width: 140%; height: 140%;
  top: 50%; left: 50%;
  border-radius: 50%;
  border: 2px solid rgba(246,192,0,0.55);
  background: transparent;
  transform: translate(-50%,-50%) scale(1);
  animation: sbc-ring-pulse 2.4s ease-out infinite;
  pointer-events: none;
  z-index: 2;
}

.sbc-guides-no1-logo::after {
  content: '';
  position: absolute;
  width: 140%; height: 140%;
  top: 50%; left: 50%;
  border-radius: 50%;
  border: 1.5px solid rgba(246,192,0,0.35);
  background: transparent;
  transform: translate(-50%,-50%) scale(1);
  animation: sbc-ring-pulse 2.4s ease-out 1.2s infinite;
  pointer-events: none;
  z-index: 2;
}

.sbc-guides-no1-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px; font-weight: 900; font-style: italic; text-transform: uppercase;
  letter-spacing: 0.02em; line-height: 1;
  color: #fff; margin: 0 0 6px;
}
html.light .sbc-guides-no1-name { color: #0a0a0a; }

.sbc-guides-no1-stars {
  display: flex; align-items: center; justify-content: center; gap: 2px;
  margin-bottom: 6px;
}
.sbc-guides-no1-score {
  font-size: 10px; font-weight: 800;
  color: rgba(255,255,255,0.4);
  margin-left: 5px;
}
html.light .sbc-guides-no1-score { color: rgba(0,0,0,0.35); }

.sbc-guides-no1-divider {
  width: 100%; height: 1px;
  background: rgba(255,255,255,0.07);
  margin: 16px 0;
}
html.light .sbc-guides-no1-divider { background: rgba(0,0,0,0.07); }

.sbc-guides-no1-blurb {
  font-size: 12px; line-height: 1.65;
  color: rgba(255,255,255,0.45);
  margin: 0 0 18px;
}
html.light .sbc-guides-no1-blurb { color: rgba(0,0,0,0.45); }

.sbc-guides-no1-cta {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  width: 100%;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase;
  padding: 14px 20px; border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 4px 18px rgba(16,185,129,0.3);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.sbc-guides-no1-cta:hover {
  box-shadow: 0 6px 24px rgba(16,185,129,0.45);
  transform: translateY(-1px);
}

.sbc-pod-edu-section {
  position: relative;
}

.sbc-pod-edu-section::before {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(16,185,129,0.3) 30%, rgba(16,185,129,0.3) 70%, transparent);
  margin-bottom: 32px;
}

.sbc-pod-edu-icon {
  width: 40px; height: 40px; border-radius: 50%;
  background: rgba(16,185,129,0.12);
  border: 1px solid rgba(16,185,129,0.3);
  display: flex; align-items: center; justify-content: center;
  color: #10b981; flex-shrink: 0;
}
html.light .sbc-pod-edu-icon {
  background: rgba(16,185,129,0.08);
}

.sbc-pod-edu-badge {
  display: inline-flex; align-items: center;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px; font-weight: 900; letter-spacing: 0.2em; text-transform: uppercase;
  color: #10b981;
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.25);
  padding: 3px 10px; border-radius: 20px;
  margin-left: 4px;
}

.sbc-pod-edu-desc {
  font-size: 13px; color: rgba(255,255,255,0.4);
  margin: -10px 0 24px; line-height: 1.6;
}
html.light .sbc-pod-edu-desc { color: rgba(0,0,0,0.45); }
.sbc-pod-edu-desc a {
  color: #10b981; font-weight: 700; text-decoration: none;
}
.sbc-pod-edu-desc a:hover { text-decoration: underline; }

#dashboard-widgets-wrap #sbc_newsflow_widget {

  order: -1;
}

#dashboard-widgets #sbc_newsflow_widget {
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
}

#wpwrap #dashboard-widgets-wrap #normal-sortables #sbc_newsflow_widget,
#wpwrap #dashboard-widgets-wrap #side-sortables  #sbc_newsflow_widget,
#wpwrap #dashboard-widgets-wrap #column3         #sbc_newsflow_widget,
#wpwrap #dashboard-widgets-wrap #column4         #sbc_newsflow_widget {

  width: 100% !important;
}

#sbc_newsflow_widget.sbc-nf-fullwidth {
  position: relative !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  margin: 0 0 20px !important;
  box-sizing: border-box !important;
}

#sbc_newsflow_widget.sbc-nf-fullwidth .sbc-nf-table {
  min-width: unset !important;
}
#sbc_newsflow_widget.sbc-nf-fullwidth .sbc-nf-scroll {
  max-height: 320px !important;
}

#sbc_newsflow_widget.sbc-nf-fullwidth .sbc-nf-src-title,
#sbc_newsflow_widget.sbc-nf-fullwidth .sbc-nf-src-link { max-width: 340px !important; }
#sbc_newsflow_widget.sbc-nf-fullwidth .sbc-nf-draft-link { max-width: 380px !important; }

#sbc-nf-fullwidth-row {
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin-bottom: 8px;
}

.sbc-ev-main {
  min-height: 100vh;
  background: var(--sbc-bg, #0b0f17);
  padding-bottom: 80px;
}

.sbc-ev-hero {
  position: relative;
  overflow: hidden;
  padding: 80px 0 64px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-ev-hero-bg {
  position: absolute; inset: 0; pointer-events: none;
}

.sbc-ev-hero-bg::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url('https://sportsbettingcanada.io/wp-content/uploads/2026/03/stadium.webp');
  background-size: cover;
  background-position: center 30%;
  opacity: 0.22;
  filter: grayscale(40%) brightness(0.65);
  mix-blend-mode: luminosity;
}

.sbc-ev-hero-bg::after {
  content: '';
  position: absolute; inset: 0;
  background:
    linear-gradient(to right, #0b0f17 28%, transparent 65%),
    linear-gradient(to top, #0b0f17 0%, transparent 40%);
}
.sbc-ev-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(16,185,129,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, black, transparent);
}
.sbc-ev-orb {
  position: absolute; border-radius: 50%;
  filter: blur(80px); pointer-events: none;
}
.sbc-ev-orb--1 {
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(16,185,129,0.12), transparent 70%);
  top: -200px; left: -100px;
  animation: sbc-ev-float 14s ease-in-out infinite;
}
.sbc-ev-orb--2 {
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(59,130,246,0.08), transparent 70%);
  top: -100px; right: 0;
  animation: sbc-ev-float 18s ease-in-out infinite reverse;
}
.sbc-ev-orb--3 {
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(245,158,11,0.06), transparent 70%);
  bottom: -100px; left: 40%;
  animation: sbc-ev-float 22s ease-in-out infinite;
}
@keyframes sbc-ev-float {
  0%,100% { transform: translate(0,0); }
  33%      { transform: translate(20px, -20px); }
  66%      { transform: translate(-15px, 15px); }
}

.sbc-ev-hero-inner { position: relative; max-width: 860px; }
.sbc-ev-hero-eyebrow {
  display: flex; align-items: center; gap: 10px; margin-bottom: 24px;
}
.sbc-ev-badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10px; font-weight: 900; letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 5px 11px; border-radius: 20px;
  background: rgba(16,185,129,0.12);
  border: 1px solid rgba(16,185,129,0.25);
  color: #10b981;
}
.sbc-ev-badge--dim {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.35);
}
.sbc-ev-badge-sep { color: rgba(255,255,255,0.2); font-size: 12px; }

.sbc-ev-hero-title {
  font-size: clamp(48px, 7vw, 84px);
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: -0.03em;
  color: #fff;
  margin: 0 0 24px;
  text-transform: uppercase;
}
.sbc-ev-hero-title em {
  font-style: normal;
  color: #10b981;
  display: block;
}
.sbc-ev-hero-desc {
  font-size: 16px; line-height: 1.65;
  color: rgba(255,255,255,0.5);
  max-width: 600px; margin: 0 0 28px;
}
.sbc-ev-hero-pills {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.sbc-ev-pill {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.05em;
  padding: 6px 14px; border-radius: 20px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.09);
  color: rgba(255,255,255,0.55);
}

.sbc-ev-body { padding-top: 48px; }
.sbc-ev-layout {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 28px;
  align-items: start;
}
@media (max-width: 900px) {
  .sbc-ev-layout { grid-template-columns: 1fr; }
}

.sbc-ev-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 22px 22px;
  margin-bottom: 16px;
}
.sbc-ev-card-hd {
  display: flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 900; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(255,255,255,0.4);
  margin-bottom: 18px; padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-ev-card-hd i { color: #10b981; }
.sbc-ev-card-hd-note {
  margin-left: auto; font-size: 9px;
  color: rgba(255,255,255,0.2); letter-spacing: 0.05em;
  text-transform: none; font-weight: 600;
}

.sbc-ev-format-row {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 18px; gap: 12px; flex-wrap: wrap;
}
.sbc-ev-format-tabs {
  display: flex; gap: 4px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px; padding: 3px;
}
.sbc-ev-format-tab {
  font-size: 11px; font-weight: 800; letter-spacing: 0.04em;
  padding: 6px 12px; border-radius: 7px;
  border: none; cursor: pointer; background: transparent;
  color: rgba(255,255,255,0.35); transition: all 0.18s;
}
.sbc-ev-format-tab.is-active {
  background: #10b981; color: #000;
}
.sbc-ev-format-tab:hover:not(.is-active) {
  color: rgba(255,255,255,0.7);
}
.sbc-ev-input-label {
  display: block; font-size: 11px; font-weight: 800;
  letter-spacing: 0.09em; text-transform: uppercase;
  color: rgba(255,255,255,0.5); margin-bottom: 6px;
}
.sbc-ev-input-hint {
  display: block; font-size: 10px; font-weight: 500;
  letter-spacing: 0; text-transform: none;
  color: rgba(255,255,255,0.2); margin-top: 2px;
}
.sbc-ev-field { margin-bottom: 20px; }
.sbc-ev-input-wrap {
  position: relative; display: flex; align-items: center;
}
.sbc-ev-input {
  width: 100%; padding: 11px 14px 11px 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  font-size: 15px; font-weight: 700; color: #fff;
  outline: none; transition: border-color 0.18s, background 0.18s;
  -moz-appearance: textfield;
}
.sbc-ev-input::-webkit-inner-spin-button,
.sbc-ev-input::-webkit-outer-spin-button { -webkit-appearance: none; }
.sbc-ev-input:focus {
  border-color: rgba(16,185,129,0.5);
  background: rgba(16,185,129,0.05);
}
.sbc-ev-input::placeholder { color: rgba(255,255,255,0.2); }
.sbc-ev-input-icon {
  position: absolute; right: 12px;
  color: rgba(255,255,255,0.2); pointer-events: none;
}
.sbc-ev-input-prefix {
  position: absolute; left: 14px;
  font-size: 15px; font-weight: 700;
  color: rgba(255,255,255,0.3); pointer-events: none; z-index: 1;
}
.sbc-ev-input--prefix { padding-left: 26px !important; }
.sbc-ev-input-suffix {
  position: absolute; right: 12px;
  font-size: 15px; font-weight: 700;
  color: rgba(255,255,255,0.4); pointer-events: none;
}

.sbc-ev-prob-row {
  display: flex; align-items: center; gap: 12px;
}
.sbc-ev-slider {
  flex: 1; -webkit-appearance: none; appearance: none;
  height: 4px; border-radius: 2px;
  background: linear-gradient(to right, #10b981 var(--sbc-slider-pct, 50%), rgba(255,255,255,0.1) var(--sbc-slider-pct, 50%));
  outline: none; cursor: pointer;
}
.sbc-ev-slider::-webkit-slider-thumb {
  -webkit-appearance: none; width: 18px; height: 18px;
  border-radius: 50%; background: #10b981;
  border: 2px solid #0b0f17;
  box-shadow: 0 0 0 3px rgba(16,185,129,0.3);
  cursor: pointer; transition: box-shadow 0.15s;
}
.sbc-ev-slider::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 6px rgba(16,185,129,0.2);
}
.sbc-ev-prob-num-wrap { width: 100px; flex-shrink: 0; }
.sbc-ev-prob-num { text-align: right; padding-right: 28px !important; }

.sbc-ev-kelly-fracs {
  display: flex; gap: 6px;
}
.sbc-ev-frac-btn {
  flex: 1; padding: 9px 6px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px; background: rgba(255,255,255,0.04);
  font-size: 12px; font-weight: 800;
  color: rgba(255,255,255,0.4); cursor: pointer;
  transition: all 0.18s;
}
.sbc-ev-frac-btn:hover { border-color: rgba(16,185,129,0.3); color: rgba(255,255,255,0.7); }
.sbc-ev-frac-btn.is-active {
  background: rgba(16,185,129,0.15);
  border-color: rgba(16,185,129,0.4);
  color: #10b981;
}

.sbc-ev-card--explainer { font-size: 13px; }
.sbc-ev-steps {
  margin: 0 0 16px; padding: 0; list-style: none;
  display: flex; flex-direction: column; gap: 10px; counter-reset: steps;
}
.sbc-ev-steps li {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 12px; color: rgba(255,255,255,0.45); line-height: 1.5;
  counter-increment: steps;
}
.sbc-ev-steps li::before {
  content: counter(steps);
  flex-shrink: 0; width: 20px; height: 20px;
  background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.3);
  border-radius: 50%; display: grid; place-items: center;
  font-size: 10px; font-weight: 900; color: #10b981;
}
.sbc-ev-steps li strong { color: rgba(255,255,255,0.7); }
.sbc-ev-explainer-link {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700; color: #10b981;
  text-decoration: none; letter-spacing: 0.04em;
  transition: opacity 0.15s;
}
.sbc-ev-explainer-link:hover { opacity: 0.75; }

.sbc-ev-verdict-card {
  display: flex; align-items: center; gap: 16px;
  border-radius: 16px; padding: 20px 22px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.03);
  transition: all 0.35s cubic-bezier(0.34,1.56,0.64,1);
  margin-bottom: 16px;
}
.sbc-ev-verdict-card.is-positive {
  border-color: rgba(16,185,129,0.35);
  background: rgba(16,185,129,0.07);
  box-shadow: 0 0 0 1px rgba(16,185,129,0.1), inset 0 0 40px rgba(16,185,129,0.04);
}
.sbc-ev-verdict-card.is-negative {
  border-color: rgba(239,68,68,0.35);
  background: rgba(239,68,68,0.06);
  box-shadow: 0 0 0 1px rgba(239,68,68,0.1), inset 0 0 40px rgba(239,68,68,0.03);
}
.sbc-ev-verdict-card.is-neutral {
  border-color: rgba(245,158,11,0.3);
  background: rgba(245,158,11,0.05);
}
.sbc-ev-verdict-icon {
  width: 52px; height: 52px; border-radius: 14px; flex-shrink: 0;
  display: grid; place-items: center;
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.3);
  transition: all 0.3s;
}
.is-positive .sbc-ev-verdict-icon { background: rgba(16,185,129,0.15); color: #10b981; }
.is-negative .sbc-ev-verdict-icon { background: rgba(239,68,68,0.12); color: #ef4444; }
.is-neutral  .sbc-ev-verdict-icon { background: rgba(245,158,11,0.12); color: #f59e0b; }
.sbc-ev-verdict-text { flex: 1; }
.sbc-ev-verdict-label {
  display: block; font-size: 16px; font-weight: 900; color: #fff;
  letter-spacing: -0.01em; line-height: 1.2;
}
.sbc-ev-verdict-sub {
  display: block; font-size: 11px; color: rgba(255,255,255,0.35);
  margin-top: 3px; line-height: 1.4;
}
.sbc-ev-verdict-ev {
  font-size: 28px; font-weight: 900; letter-spacing: -0.03em;
  color: rgba(255,255,255,0.2); transition: color 0.3s;
  white-space: nowrap;
}
.is-positive .sbc-ev-verdict-ev { color: #10b981; }
.is-negative .sbc-ev-verdict-ev { color: #ef4444; }
.is-neutral  .sbc-ev-verdict-ev { color: #f59e0b; }

.sbc-ev-metrics {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 10px;
  margin-bottom: 16px;
}
@media (max-width: 640px) {
  .sbc-ev-metrics { grid-template-columns: repeat(2,1fr); }
}
.sbc-ev-metric {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px; padding: 14px 14px;
  display: flex; flex-direction: column; gap: 3px;
  transition: border-color 0.2s;
}
.sbc-ev-metric:hover { border-color: rgba(16,185,129,0.2); }
.sbc-ev-metric-lbl {
  font-size: 9px; font-weight: 900; letter-spacing: 0.13em;
  text-transform: uppercase; color: rgba(255,255,255,0.25);
}
.sbc-ev-metric-val {
  font-size: 20px; font-weight: 900; color: #fff;
  letter-spacing: -0.02em; line-height: 1.1;
  transition: color 0.2s;
}
.sbc-ev-metric-sub {
  font-size: 9px; color: rgba(255,255,255,0.2); line-height: 1.3;
}

.sbc-ev-prob-bars { display: flex; flex-direction: column; gap: 14px; margin-bottom: 14px; }
.sbc-ev-pbar-row { display: flex; align-items: center; gap: 10px; }
.sbc-ev-pbar-lbl {
  font-size: 10px; font-weight: 600; color: rgba(255,255,255,0.35);
  white-space: nowrap; min-width: 160px;
}
.sbc-ev-pbar-track {
  flex: 1; height: 6px; border-radius: 3px;
  background: rgba(255,255,255,0.07); overflow: hidden;
}
.sbc-ev-pbar {
  height: 100%; border-radius: 3px;
  transition: width 0.5s cubic-bezier(0.34,1.2,0.64,1);
}
.sbc-ev-pbar--book { background: rgba(255,255,255,0.3); }
.sbc-ev-pbar--you  { background: #10b981; }
.sbc-ev-pbar-val {
  font-size: 11px; font-weight: 800; color: rgba(255,255,255,0.5);
  min-width: 36px; text-align: right;
}
.sbc-ev-prob-insight {
  font-size: 11px; color: rgba(255,255,255,0.3); margin: 0;
  line-height: 1.5; min-height: 32px;
  border-top: 1px solid rgba(255,255,255,0.05); padding-top: 12px;
}
.sbc-ev-prob-insight.is-positive { color: #10b981; }
.sbc-ev-prob-insight.is-negative { color: #f87171; }

.sbc-ev-chart-wrap {
  position: relative; min-height: 180px;
  display: flex; align-items: center; justify-content: center;
}
.sbc-ev-chart-empty {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  color: rgba(255,255,255,0.12); font-size: 11px;
  position: absolute; inset: 0;
  justify-content: center; pointer-events: none;
}
.sbc-ev-chart-empty.hidden { display: none; }
canvas#sbc-ev-chart { width: 100% !important; }
.sbc-ev-chart-legend {
  display: flex; gap: 16px; margin-top: 10px;
}
.sbc-ev-chart-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 10px; color: rgba(255,255,255,0.3); font-weight: 600;
}
.sbc-ev-chart-leg::before {
  content: ''; display: block; width: 20px; height: 3px; border-radius: 2px;
}
.sbc-ev-chart-leg--ev::before  { background: #10b981; }
.sbc-ev-chart-leg--flat::before { background: rgba(255,255,255,0.2); }

.sbc-ev-books-grid { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.sbc-ev-book {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 12px; border-radius: 10px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  transition: border-color 0.18s;
}
.sbc-ev-book:hover { border-color: rgba(16,185,129,0.25); }
.sbc-ev-book-logo {
  width: 36px; height: 36px; border-radius: 8px;
  overflow: hidden; background: rgba(255,255,255,0.06);
  flex-shrink: 0; display: grid; place-items: center;
}
.sbc-ev-book-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-ev-book-info { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.sbc-ev-book-name { font-size: 13px; font-weight: 700; color: rgba(255,255,255,0.8); }
.sbc-ev-book-rating { font-size: 11px; color: #f59e0b; font-weight: 700; }
.sbc-ev-book-badge {
  font-size: 9px; font-weight: 900; letter-spacing: 0.1em;
  padding: 3px 8px; border-radius: 6px;
  background: rgba(16,185,129,0.15);
  border: 1px solid rgba(16,185,129,0.3);
  color: #10b981;
}
.sbc-ev-books-cta {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%; padding: 11px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  font-size: 12px; font-weight: 800; color: rgba(255,255,255,0.5);
  text-decoration: none; transition: all 0.18s;
}
.sbc-ev-books-cta:hover {
  background: rgba(16,185,129,0.08);
  border-color: rgba(16,185,129,0.25);
  color: #10b981;
}

.sbc-ev-edu {
  margin-top: 48px; padding-top: 48px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.sbc-ev-edu-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;
}
@media (max-width: 768px) {
  .sbc-ev-edu-grid { grid-template-columns: 1fr; }
}
.sbc-ev-edu-card {
  padding: 24px; border-radius: 16px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
}
.sbc-ev-edu-icon {
  width: 40px; height: 40px; border-radius: 10px;
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.2);
  display: grid; place-items: center;
  color: #10b981; margin-bottom: 14px;
}
.sbc-ev-edu-title {
  font-size: 15px; font-weight: 900; color: #fff;
  margin: 0 0 10px; letter-spacing: -0.01em;
}
.sbc-ev-edu-body {
  font-size: 13px; color: rgba(255,255,255,0.4);
  line-height: 1.65; margin: 0;
}

html.light .sbc-ev-main     { background: #f4f6f8; }
html.light .sbc-ev-hero     { border-color: rgba(0,0,0,0.07); }
html.light .sbc-ev-grid     {
  background-image:
    linear-gradient(rgba(16,185,129,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,0.06) 1px, transparent 1px);
}
html.light .sbc-ev-hero-title { color: #0d1117; }
html.light .sbc-ev-hero-desc  { color: rgba(0,0,0,0.5); }
html.light .sbc-ev-pill { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.5); }
html.light .sbc-ev-card {
  background: #fff; border-color: rgba(0,0,0,0.09);
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}
html.light .sbc-ev-input {
  background: #f8f9fa; border-color: rgba(0,0,0,0.14); color: #0d1117;
}
html.light .sbc-ev-input:focus { border-color: #10b981; background: rgba(16,185,129,0.04); }
html.light .sbc-ev-input::placeholder { color: rgba(0,0,0,0.25); }
html.light .sbc-ev-input-label { color: rgba(0,0,0,0.5); }
html.light .sbc-ev-input-hint  { color: rgba(0,0,0,0.3); }
html.light .sbc-ev-input-prefix { color: rgba(0,0,0,0.4); }
html.light .sbc-ev-format-tabs { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); }
html.light .sbc-ev-format-tab  { color: rgba(0,0,0,0.35); }
html.light .sbc-ev-verdict-label { color: #0d1117; }
html.light .sbc-ev-metric { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ev-metric-val { color: #0d1117; }
html.light .sbc-ev-pbar-track { background: rgba(0,0,0,0.08); }
html.light .sbc-ev-book { background: #f8f9fa; border-color: rgba(0,0,0,0.08); }
html.light .sbc-ev-book-name { color: #0d1117; }
html.light .sbc-ev-edu-card { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-ev-edu-title { color: #0d1117; }
html.light .sbc-ev-card-hd  { color: rgba(0,0,0,0.4); border-color: rgba(0,0,0,0.07); }
html.light .sbc-ev-frac-btn { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.45); }
html.light .sbc-ev-steps li { color: rgba(0,0,0,0.5); }
html.light .sbc-ev-steps li strong { color: rgba(0,0,0,0.75); }

html.light .sbc-ev-verdict-card               { background: #fff; border-color: rgba(0,0,0,0.1); }
html.light .sbc-ev-verdict-sub                { color: rgba(0,0,0,0.45); }
html.light .sbc-ev-verdict-ev                 { color: rgba(0,0,0,0.2); }
html.light .sbc-ev-verdict-card.is-positive   { background: rgba(16,185,129,0.06); border-color: rgba(16,185,129,0.3); }
html.light .sbc-ev-verdict-card.is-negative   { background: rgba(239,68,68,0.05); border-color: rgba(239,68,68,0.25); }
html.light .sbc-ev-verdict-card.is-neutral    { background: rgba(245,158,11,0.05); border-color: rgba(245,158,11,0.25); }

html.light .sbc-ev-metric-lbl                 { color: rgba(0,0,0,0.45); }
html.light .sbc-ev-metric-sub                 { color: rgba(0,0,0,0.35); }

html.light .sbc-ev-prob-card                  { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ev-pbar-lbl                   { color: rgba(0,0,0,0.5); }
html.light .sbc-ev-pbar--book                 { background: rgba(0,0,0,0.25); }
html.light .sbc-ev-pbar-val                   { color: rgba(0,0,0,0.55); }
html.light .sbc-ev-prob-insight               { color: rgba(0,0,0,0.4); border-color: rgba(0,0,0,0.07); }
html.light .sbc-ev-prob-insight.is-positive   { color: #059669; }
html.light .sbc-ev-prob-insight.is-negative   { color: #dc2626; }

html.light .sbc-ev-chart-card                 { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ev-chart-empty                { color: rgba(0,0,0,0.15); }
html.light .sbc-ev-chart-leg                  { color: rgba(0,0,0,0.35); }
html.light .sbc-ev-chart-leg--flat::before    { background: rgba(0,0,0,0.2); }

html.light .sbc-ev-books-card                 { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ev-book-rating                { color: #d97706; }
html.light .sbc-ev-books-cta                  { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.5); }

html.light .sbc-ev-card--inputs               { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ev-card--explainer            { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ev-input-label                { color: rgba(0,0,0,0.6); }
html.light .sbc-ev-input-hint                 { color: rgba(0,0,0,0.35); }
html.light .sbc-ev-input-suffix               { color: rgba(0,0,0,0.4); }

html.light .sbc-ev-frac-btn.is-active         { background: rgba(16,185,129,0.1); border-color: rgba(16,185,129,0.35); color: #059669; }

html.light .sbc-ev-explainer-link             { color: #059669; }
html.light .sbc-ev-steps li::before          { background: rgba(16,185,129,0.12); border-color: rgba(16,185,129,0.3); color: #059669; }

html.light .sbc-ev-edu                        { border-color: rgba(0,0,0,0.07); }
html.light .sbc-ev-edu-body                   { color: rgba(0,0,0,0.5); }
html.light .sbc-ev-edu-icon                   { background: rgba(16,185,129,0.08); border-color: rgba(16,185,129,0.18); }

html.light .sbc-ev-hero {
  background: linear-gradient(160deg, #ffffff 0%, #eef1f6 100%);
  border-bottom-color: rgba(0,0,0,0.07);
}
html.light .sbc-ev-hero-bg::before {

  opacity: 0;
}
html.light .sbc-ev-hero-bg::after {

  background: none;
}
html.light .sbc-ev-grid {
  background-image:
    linear-gradient(rgba(16,185,129,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,0.07) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, black, transparent);
}
html.light .sbc-ev-orb--1,
html.light .sbc-ev-orb--2 {
  opacity: 0.35;
}
html.light .sbc-ev-hero-eyebrow { color: rgba(0,0,0,0.35); }
html.light .sbc-ev-hero-stat-val { color: #059669; }
html.light .sbc-ev-hero-stat-lbl { color: rgba(0,0,0,0.4); }
html.light .sbc-ev-hero-stat-div { background: rgba(0,0,0,0.1); }

html.light .sbc-vp-right {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 20px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
  padding: 18px 18px 14px;
}

html.light .sbc-vp-right .sbc-vp-right-label {
  margin-top: 2px;
}

html.light .sbc-vp-right .sbc-vp-book {
  background: #f8f9fc;
  border-color: rgba(0,0,0,0.07);
}
html.light .sbc-vp-right .sbc-vp-book:hover {
  background: rgba(16,185,129,0.04);
  border-color: rgba(16,185,129,0.25);
}
html.light .sbc-vp-right .sbc-vp-book--top {
  background: rgba(246,192,0,0.05);
  border-color: rgba(246,192,0,0.22);
  border-left-color: rgba(246,192,0,0.5);
}

html.light .sbc-vp-right .sbc-vp-stats {
  background: #f4f6f9;
  border-color: rgba(0,0,0,0.06);
}

html.light .sbc-vp-right .sbc-bonus-disclaimer-card {
  background: rgba(239,68,68,0.06);
  border-color: rgba(239,68,68,0.15);
}

.sbc-primary-nav-link.sbc-ev-nav-active {
  color: #10b981 !important;
  border-bottom: 2px solid #10b981;
  padding-bottom: 2px;
}

.sbc-ev-nav-link {
  color: #10b981 !important;
  position: relative;
}
.sbc-ev-nav-link::after {
  content: '';
  position: absolute; bottom: -4px; left: 0; right: 0;
  height: 2px; border-radius: 1px;
  background: #10b981;
}

.sbc-arc-hero {
  position: relative;
  overflow: hidden;
  padding: 90px 0 80px;
  border-bottom: none;
  margin-bottom: 0;
}
.sbc-arc-hero-bg {
  position: absolute; inset: 0; pointer-events: none;
}

.sbc-arc-hero-bg::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url('https://sportsbettingcanada.io/wp-content/uploads/2026/03/hockey.webp');
  background-size: cover;
  background-position: center 25%;
  opacity: 0.22;
  filter: grayscale(40%) brightness(0.65);
  mix-blend-mode: luminosity;
}

.sbc-arc-hero-bg::after {
  content: '';
  position: absolute; inset: 0;
  background:
    linear-gradient(to right, #0a0a0a 25%, transparent 60%),
    linear-gradient(to top, #0a0a0a 20%, rgba(10,10,10,0.5) 50%, transparent 75%);
}
.sbc-arc-hero-inner {
  position: relative; z-index: 1;
}

html.light .sbc-arc-hero { background: #f4f6f8; border-color: rgba(0,0,0,0.07); }
html.light .sbc-arc-hero-bg::before { opacity: 0.1; }
html.light .sbc-arc-hero-bg::after {
  background:
    linear-gradient(to right, #f4f6f8 25%, transparent 60%),
    linear-gradient(to top, #f4f6f8 20%, rgba(244,246,248,0.5) 50%, transparent 75%);
}

.sbc-review-logo-overlay {
  padding: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden;
}

.sbc-review-logo-overlay img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block;
}

.sbc-ranked-logo.sbc-review-logo-overlay {
  padding: 8px !important;
}

.sbc-sidebar-pick-logo.sbc-review-logo-overlay {
  padding: 5px !important;
}

.sbc-hp-book-logo.sbc-review-logo-overlay {
  padding: 7px !important;
}

.sbc-review-ready-card-logo--overlay {
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sbc-review-ready-card-logo--overlay .sbc-review-ready-card-logo-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.sbc-qm-rec-v2 {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
}

.sbc-qm-rec-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 14px;
}

.sbc-qm-logo-link {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 0;
}

.sbc-qm-logo-box {
  width: 104px;
  height: 104px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;


  border: 1.5px solid rgba(255,255,255,0.1);
  box-shadow: 0 4px 16px rgba(0,0,0,0.35);
  transition:
    transform       0.22s cubic-bezier(.34,1.56,.64,1),
    box-shadow      0.22s ease,
    border-color    0.22s ease;
}

.sbc-qm-logo-box::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 30%,
    rgba(255,255,255,0.18) 50%,
    transparent 70%
  );
  transform: translateX(-100%);
  transition: transform 0s;
  border-radius: inherit;
  pointer-events: none;
}

.sbc-qm-logo-link:hover .sbc-qm-logo-box {
  transform: scale(1.08) translateY(-2px);
  border-color: #10b981;
  box-shadow:
    0 0 0 3px rgba(16,185,129,0.25),
    0 8px 28px rgba(16,185,129,0.2),
    0 4px 12px rgba(0,0,0,0.4);
}
.sbc-qm-logo-link:hover .sbc-qm-logo-box::after {
  transform: translateX(100%);
  transition: transform 0.45s ease;
}

.sbc-qm-logo-box img {
  width: 100%; height: 100%;
  object-fit: contain; object-position: center;
  display: block;
  position: relative; z-index: 1;
}

.sbc-qm-rec-stars { display: flex; gap: 2px; margin-bottom: 4px; }
.sbc-qm-star      { font-size: 11px; color: rgba(255,255,255,0.15); line-height: 1; }
.sbc-qm-star--on  { color: #f59e0b; }

.sbc-qm-rec-name {
  display: block;
  font-size: 15px; font-weight: 900;
  font-style: italic; text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #10b981;
  text-decoration: none;
  line-height: 1.2;
  margin-bottom: 4px;
}
.sbc-qm-rec-name:hover { color: #34d399; text-decoration: underline; }

.sbc-qm-rec-note {
  font-size: 11px; color: rgba(255,255,255,0.45);
  line-height: 1.4; margin: 0 0 8px;
}

.sbc-qm-rec-cta {
  display: inline-block;
  font-size: 10px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 0.08em;
  color: #10b981; text-decoration: none;
  border: 1px solid rgba(16,185,129,0.3);
  border-radius: 20px; padding: 4px 12px;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  align-self: flex-start;
}
.sbc-qm-rec-cta:hover { background: #10b981; color: #000; border-color: #10b981; }

html.light .sbc-qm-logo-box {
  border-color: rgba(0,0,0,0.12);
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
html.light .sbc-qm-logo-link:hover .sbc-qm-logo-box {
  border-color: #10b981;
  box-shadow:
    0 0 0 3px rgba(16,185,129,0.2),
    0 8px 24px rgba(16,185,129,0.15),
    0 4px 12px rgba(0,0,0,0.1);
}
html.light .sbc-qm-logo-box::after {
  background: linear-gradient(
    115deg,
    transparent 30%,
    rgba(255,255,255,0.55) 50%,
    transparent 70%
  );
}
html.light .sbc-qm-rec-note { color: rgba(0,0,0,0.45); }
html.light .sbc-qm-star      { color: rgba(0,0,0,0.12); }

.sbc-qm-our-pick-lbl {
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #10b981;
  margin: 0 0 10px;
  line-height: 1;
}

.sbc-qm-rec-v2 {
  display: flex !important;
  align-items: center !important;
}
.sbc-qm-logo-link {
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sbc-qm-result {
  padding: 12px !important;
}

.sbc-qm-our-pick-lbl {
  margin: 0 0 5px !important;
  padding: 0 !important;
}

html.light .sbc-qm-our-pick-lbl { color: #059669; }

.sbc-tools-tab-bar {
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  position: sticky;
  top: 0;
  z-index: 80;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.sbc-tools-tabs {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.sbc-tools-tabs::-webkit-scrollbar { display: none; }
.sbc-tools-tab {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 14px 20px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.45);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: color .18s, border-color .18s;
  letter-spacing: .02em;
}
.sbc-tools-tab svg { opacity: .6; transition: opacity .18s; }
.sbc-tools-tab:hover { color: rgba(255,255,255,0.75); }
.sbc-tools-tab:hover svg { opacity: 1; }
.sbc-tools-tab.is-active {
  color: #10b981;
  border-bottom-color: #10b981;
}
.sbc-tools-tab.is-active svg { opacity: 1; }

.sbc-tool-panel { display: none; padding-top: 32px; }
.sbc-tool-panel.is-active { display: block; }

.sbc-tool-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
.sbc-tool-layout--single { grid-template-columns: 1fr; }
.sbc-tool-full { width: 100%; }

.sbc-tool-actions {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}
.sbc-tool-btn {
  padding: 9px 18px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all .15s;
}
.sbc-tool-btn--add {
  background: rgba(16,185,129,0.15);
  color: #10b981;
  border: 1px solid rgba(16,185,129,0.3);
}
.sbc-tool-btn--add:hover { background: rgba(16,185,129,0.25); }
.sbc-tool-btn--reset {
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.5);
  border: 1px solid rgba(255,255,255,0.1);
}
.sbc-tool-btn--reset:hover { color: rgba(255,255,255,0.75); }

html.light .sbc-tools-tab-bar { background: rgba(0,0,0,0.03); border-bottom-color: rgba(0,0,0,0.1); }
html.light .sbc-tools-tab { color: rgba(0,0,0,0.4); }
html.light .sbc-tools-tab:hover { color: rgba(0,0,0,0.7); }
html.light .sbc-tools-tab.is-active { color: #059669; border-bottom-color: #059669; }

.sbc-parlay-leg {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.sbc-parlay-leg:last-child { border-bottom: none; }
.sbc-parlay-leg-num {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(16,185,129,0.15);
  color: #10b981;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sbc-parlay-leg-num--sm {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  font-size: 10px;
}
.sbc-parlay-remove {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: rgba(239,68,68,0.1);
  color: #ef4444;
  border: none;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background .15s;
}
.sbc-parlay-remove:hover { background: rgba(239,68,68,0.25); }

.sbc-parlay-result-card .sbc-parlay-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin: 16px 0;
}
.sbc-parlay-metric { text-align: center; }
.sbc-parlay-metric--big { grid-column: 1/-1; border-bottom: 1px solid rgba(255,255,255,0.07); padding-bottom: 14px; margin-bottom: 2px; }
.sbc-parlay-metric-lbl { display: block; font-size: 11px; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 4px; }
.sbc-parlay-metric-val { display: block; font-size: 22px; font-weight: 700; color: #fff; }
.sbc-parlay-metric--big .sbc-parlay-metric-val { font-size: 32px; color: #10b981; }
.sbc-parlay-metric-sub { display: block; font-size: 11px; color: rgba(255,255,255,0.35); margin-top: 2px; }

.sbc-parlay-payout-box {
  background: rgba(16,185,129,0.06);
  border: 1px solid rgba(16,185,129,0.15);
  border-radius: 10px;
  padding: 12px 16px;
  margin-top: 12px;
}
.sbc-parlay-payout-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  padding: 4px 0;
}
.sbc-parlay-profit-val {
  font-size: 20px;
  font-weight: 700;
  color: #10b981;
}
.sbc-parlay-payout-val { font-weight: 600; color: #fff; }

.sbc-parlay-legs-list { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.sbc-parlay-leg-summary {
  display: grid;
  grid-template-columns: 28px 1fr 1fr 1fr;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  background: rgba(255,255,255,0.03);
  border-radius: 6px;
  font-size: 13px;
  color: rgba(255,255,255,0.7);
}
.sbc-parlay-leg-summary:nth-child(even) { background: rgba(255,255,255,0.05); }
.sbc-parlay-stake-row { display: flex; align-items: center; gap: 12px; }
.sbc-parlay-stake-row label { white-space: nowrap; }
.sbc-parlay-stake-row .sbc-ev-input-wrap { flex: 1; }

html.light .sbc-parlay-leg { border-bottom-color: rgba(0,0,0,0.06); }
html.light .sbc-parlay-metric-lbl { color: rgba(0,0,0,0.45); }
html.light .sbc-parlay-metric-val { color: #0b1220; }
html.light .sbc-parlay-metric-sub { color: rgba(0,0,0,0.35); }
html.light .sbc-parlay-payout-box { background: rgba(5,150,105,0.06); border-color: rgba(5,150,105,0.2); }
html.light .sbc-parlay-payout-row { color: rgba(0,0,0,0.55); }
html.light .sbc-parlay-payout-val { color: #0b1220; }
html.light .sbc-parlay-leg-summary { background: rgba(0,0,0,0.03); color: rgba(0,0,0,0.65); }

.sbc-odds-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: start;
  gap: 0 12px;
  margin: 20px 0;
}
.sbc-odds-col { display: flex; flex-direction: column; gap: 8px; }
.sbc-odds-format-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 4px;
  width: fit-content;
}
.sbc-odds-format-badge--am  { background: rgba(16,185,129,0.15); color: #10b981; }
.sbc-odds-format-badge--dec { background: rgba(59,130,246,0.15); color: #60a5fa; }
.sbc-odds-format-badge--frac{ background: rgba(168,85,247,0.15); color: #c084fc; }
.sbc-odds-hint { font-size: 11px; color: rgba(255,255,255,0.35); margin: 0; }
.sbc-odds-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.2);
  padding-top: 48px;
}
.sbc-odds-results {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.07);
}
.sbc-odds-result-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sbc-odds-result-lbl { font-size: 13px; color: rgba(255,255,255,0.5); white-space: nowrap; min-width: 150px; }
.sbc-odds-result-val { font-size: 15px; font-weight: 700; color: #fff; margin-left: auto; }
.sbc-odds-result-val--profit { color: #10b981; }
.sbc-odds-result-row .sbc-ev-pbar-track { flex: 1; }

.sbc-odds-ref-table { margin-top: 4px; }
.sbc-odds-ref-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 8px;
  padding: 8px 12px;
  font-size: 13px;
  color: rgba(255,255,255,0.65);
  border-radius: 6px;
}
.sbc-odds-ref-row--hd {
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.35);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.sbc-odds-ref-row:not(.sbc-odds-ref-row--hd):nth-child(even) { background: rgba(255,255,255,0.03); }

html.light .sbc-odds-hint { color: rgba(0,0,0,0.4); }
html.light .sbc-odds-divider { color: rgba(0,0,0,0.2); }
html.light .sbc-odds-result-lbl { color: rgba(0,0,0,0.5); }
html.light .sbc-odds-result-val { color: #0b1220; }
html.light .sbc-odds-ref-row { color: rgba(0,0,0,0.65); }
html.light .sbc-odds-ref-row--hd { background: rgba(0,0,0,0.05); color: rgba(0,0,0,0.4); }
html.light .sbc-odds-ref-row:not(.sbc-odds-ref-row--hd):nth-child(even) { background: rgba(0,0,0,0.03); }

.sbc-vig-sides {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  gap: 12px;
  margin-top: 8px;
}
.sbc-vig-vs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 36px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  color: rgba(255,255,255,0.2);
}

.sbc-vig-result-card { }
.sbc-vig-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 16px 0;
}
.sbc-vig-metric { }
.sbc-vig-metric--big {
  grid-column: 1/-1;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  padding-bottom: 14px;
  margin-bottom: 2px;
  text-align: center;
}
.sbc-vig-metric-lbl { display: block; font-size: 11px; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 4px; }
.sbc-vig-metric-val { display: block; font-size: 22px; font-weight: 700; color: #fff; }
.sbc-vig-metric--big .sbc-vig-metric-val { font-size: 36px; }
.sbc-vig-metric-sub { display: block; font-size: 11px; color: rgba(255,255,255,0.35); margin-top: 2px; }

.sbc-vig-bar-wrap { margin-top: 16px; }
.sbc-vig-bar-lbl-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  margin-bottom: 6px;
}
.sbc-vig-bar-track {
  height: 12px;
  background: rgba(59,130,246,0.25);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.sbc-vig-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #10b981, #059669);
  border-radius: 6px;
  transition: width .4s ease;
}
.sbc-vig-bar-pct-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.6);
  margin-top: 6px;
}

html.light .sbc-vig-vs { color: rgba(0,0,0,0.2); }
html.light .sbc-vig-metric-lbl { color: rgba(0,0,0,0.45); }
html.light .sbc-vig-metric-val { color: #0b1220; }
html.light .sbc-vig-metric-sub { color: rgba(0,0,0,0.35); }
html.light .sbc-vig-bar-lbl-row,
html.light .sbc-vig-bar-pct-row { color: rgba(0,0,0,0.5); }

.sbc-arb-sides { display: flex; flex-direction: column; gap: 16px; margin-top: 8px; }
.sbc-arb-side {
  padding: 14px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 10px;
}
.sbc-arb-side-label { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.sbc-arb-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  flex-shrink: 0;
}
.sbc-arb-badge--a { background: rgba(16,185,129,0.15); color: #10b981; }
.sbc-arb-badge--b { background: rgba(59,130,246,0.15); color: #60a5fa; }
.sbc-arb-name-input {
  flex: 1;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 7px;
  padding: 5px 10px;
  color: rgba(255,255,255,0.7);
  font-size: 13px;
}
.sbc-arb-name-input::placeholder { color: rgba(255,255,255,0.25); }
.sbc-arb-name-input:focus { outline: none; border-color: rgba(16,185,129,0.4); }

.sbc-arb-result-card { transition: border-color .3s; }
.sbc-arb-result-card.is-arb  { border-color: rgba(16,185,129,0.4) !important; }
.sbc-arb-result-card.is-no-arb { border-color: rgba(239,68,68,0.25) !important; }

.sbc-arb-status {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  color: rgba(255,255,255,0.4);
  font-size: 13px;
  background: rgba(255,255,255,0.03);
  border-radius: 8px;
  margin-top: 8px;
}
.sbc-arb-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 16px 0;
}
.sbc-arb-metric { }
.sbc-arb-metric--big {
  grid-column: 1/-1;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  padding-bottom: 14px;
}
.sbc-arb-metric-lbl { display: block; font-size: 11px; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 4px; }
.sbc-arb-metric-val { display: block; font-size: 22px; font-weight: 700; color: #fff; }
.sbc-arb-metric--big .sbc-arb-metric-val { font-size: 36px; }
.sbc-arb-metric-sub { display: block; font-size: 11px; color: rgba(255,255,255,0.35); margin-top: 2px; }
.sbc-arb-profit-val { color: #10b981; }

.sbc-arb-stakes {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.07);
}
.sbc-arb-stake-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.03);
  border-radius: 8px;
}
.sbc-arb-stake-detail { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.sbc-arb-stake-book { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.8); }
.sbc-arb-stake-odds { font-size: 12px; color: rgba(255,255,255,0.35); }
.sbc-arb-stake-amount { font-size: 18px; font-weight: 700; color: #fff; }

html.light .sbc-arb-side { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); }
html.light .sbc-arb-name-input { background: #fff; border-color: rgba(0,0,0,0.15); color: #0b1220; }
html.light .sbc-arb-name-input::placeholder { color: rgba(0,0,0,0.3); }
html.light .sbc-arb-status { background: rgba(0,0,0,0.03); color: rgba(0,0,0,0.45); }
html.light .sbc-arb-metric-lbl { color: rgba(0,0,0,0.45); }
html.light .sbc-arb-metric-val { color: #0b1220; }
html.light .sbc-arb-metric-sub { color: rgba(0,0,0,0.35); }
html.light .sbc-arb-stake-row { background: rgba(0,0,0,0.03); }
html.light .sbc-arb-stake-book { color: rgba(0,0,0,0.75); }
html.light .sbc-arb-stake-odds { color: rgba(0,0,0,0.4); }
html.light .sbc-arb-stake-amount { color: #0b1220; }

.sbc-vs-hero {
  position: relative;
  overflow: hidden;
  padding: 70px 0 50px;
  background: #0a0a0a;
}
.sbc-vs-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.sbc-vs-hero-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 20% 50%, rgba(16,185,129,0.08) 0%, transparent 70%),
    radial-gradient(ellipse 60% 50% at 80% 50%, rgba(59,130,246,0.07) 0%, transparent 70%);
}
.sbc-vs-hero-inner { position: relative; }
.sbc-vs-hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.sbc-vs-matchup {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.sbc-vs-hero-book {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.sbc-vs-hero-logo {
  width: 80px;
  height: 80px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.sbc-vs-hero-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
}
.sbc-vs-hero-book-name {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.sbc-vs-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 2px solid rgba(255,255,255,0.1);
  font-size: 14px;
  font-weight: 900;
  color: rgba(255,255,255,0.5);
  letter-spacing: .05em;
  flex-shrink: 0;
}
.sbc-vs-hero-title {
  font-size: clamp(22px, 4vw, 36px);
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 10px;
}
.sbc-vs-hero-title em { font-style: normal; color: #10b981; }
.sbc-vs-hero-subtitle { font-size: 15px; color: rgba(255,255,255,0.5); max-width: 500px; }

.sbc-vs-score-bar {
  margin-top: 32px;
  padding: 20px 24px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.sbc-vs-score-book {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 80px;
}
.sbc-vs-score-name { font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: .06em; }
.sbc-vs-score-rating { font-size: 28px; font-weight: 800; color: #fff; }
.sbc-vs-score-stars { font-size: 13px; color: #f59e0b; letter-spacing: .05em; }
.sbc-vs-score-track { flex: 1; }
.sbc-vs-score-label-row { display: flex; justify-content: space-between; font-size: 11px; color: rgba(255,255,255,0.3); margin-bottom: 6px; }
.sbc-vs-score-bar-bg {
  height: 8px;
  background: rgba(255,255,255,0.08);
  border-radius: 4px;
  overflow: visible;
  display: flex;
  gap: 2px;
  position: relative;
}
.sbc-vs-score-bar-a,
.sbc-vs-score-bar-b {
  position: relative;
  height: 100%;
  overflow: hidden;
  will-change: transform, box-shadow;
  transform: scaleX(0);
  animation-duration: 1.1s, 2.8s;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1), ease-in-out;
  animation-fill-mode: forwards, both;
  animation-iteration-count: 1, infinite;
  animation-delay: 0s, 1.1s;
}
.sbc-vs-score-bar-a {
  background: linear-gradient(90deg, #047857 0%, #059669 34%, #10b981 58%, #34d399 80%, #a7f3d0 100%);
  background-size: 180% 100%;
  border-radius: 4px 0 0 4px;
  transform-origin: left center;
  animation-name: sbc-vs-fill-left, sbc-vs-bar-pulse-green;
}
.sbc-vs-score-bar-b {
  background: linear-gradient(90deg, #1d4ed8 0%, #2563eb 36%, #3b82f6 64%, #60a5fa 86%, #93c5fd 100%);
  background-size: 180% 100%;
  border-radius: 0 4px 4px 0;
  margin-left: auto;
  transform-origin: right center;
  animation-name: sbc-vs-fill-right, sbc-vs-bar-pulse-blue;
}
.sbc-vs-score-bar-a::before,
.sbc-vs-score-bar-b::before {
  content: '';
  position: absolute;
  inset: -1px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,0.35) 50%, transparent 80%);
  mix-blend-mode: screen;
}
.sbc-vs-score-bar-a::before {
  animation: sbc-vs-sheen-left 2s linear 1.1s infinite;
}
.sbc-vs-score-bar-b::before {
  animation: sbc-vs-sheen-right 2s linear 1.1s infinite;
}
.sbc-vs-score-winner {
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(16,185,129,0.15);
  color: #10b981;
  border: 1px solid rgba(16,185,129,0.25);
  white-space: nowrap;
  animation: sbc-vs-winner-pulse 2.2s ease-in-out infinite;
  transform-origin: center;
}

@keyframes sbc-vs-fill-left {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
@keyframes sbc-vs-fill-right {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
@keyframes sbc-vs-bar-pulse-green {
  0%, 100% {
    background-position: 0% 50%;
    box-shadow: 0 0 8px rgba(16,185,129,0.65), 0 0 18px rgba(16,185,129,0.35);
  }
  50% {
    background-position: 100% 50%;
    box-shadow: 0 0 14px rgba(16,185,129,0.9), 0 0 30px rgba(16,185,129,0.5);
  }
}
@keyframes sbc-vs-bar-pulse-blue {
  0%, 100% {
    background-position: 100% 50%;
    box-shadow: 0 0 8px rgba(59,130,246,0.65), 0 0 18px rgba(59,130,246,0.35);
  }
  50% {
    background-position: 0% 50%;
    box-shadow: 0 0 14px rgba(59,130,246,0.9), 0 0 30px rgba(59,130,246,0.5);
  }
}
@keyframes sbc-vs-sheen-left {
  0% { opacity: 0; transform: translateX(-120%); }
  12% { opacity: 0.6; }
  60% { opacity: 0.6; }
  100% { opacity: 0; transform: translateX(120%); }
}
@keyframes sbc-vs-sheen-right {
  0% { opacity: 0; transform: translateX(120%); }
  12% { opacity: 0.6; }
  60% { opacity: 0.6; }
  100% { opacity: 0; transform: translateX(-120%); }
}
@keyframes sbc-vs-winner-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(16,185,129,0.2), 0 0 10px rgba(16,185,129,0.12);
  }
  50% {
    transform: scale(1.04);
    box-shadow: 0 0 0 7px rgba(16,185,129,0), 0 0 20px rgba(16,185,129,0.36);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sbc-vs-score-bar-a,
  .sbc-vs-score-bar-b {
    animation: none;
    transform: scaleX(1);
  }
  .sbc-vs-score-bar-a::before,
  .sbc-vs-score-bar-b::before,
  .sbc-vs-score-winner {
    animation: none;
  }
}

.sbc-vs-body { padding: 40px 0 60px; }
.sbc-vs-section { margin-bottom: 32px; }
.sbc-vs-section-title {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,0.35);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-vs-table {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  overflow: hidden;
}
.sbc-vs-row {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  align-items: center;
  padding: 13px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  transition: background .15s;
}
.sbc-vs-row:last-child { border-bottom: none; }
.sbc-vs-row:hover { background: rgba(255,255,255,0.03); }
.sbc-vs-row--hd {
  background: rgba(255,255,255,0.04);
  padding: 10px 18px;
}
.sbc-vs-row--hd span { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.3); text-transform: uppercase; letter-spacing: .07em; }
.sbc-vs-row--hd .sbc-vs-col-a { color: #10b981 !important; }
.sbc-vs-row--hd .sbc-vs-col-b { color: #60a5fa !important; }
.sbc-vs-row-label { font-size: 13px; color: rgba(255,255,255,0.55); }
.sbc-vs-col-a, .sbc-vs-col-b {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  display: flex;
  align-items: center;
  gap: 6px;
}
.sbc-vs-win { color: #10b981 !important; }
.sbc-vs-win::before { content: '✓'; font-size: 11px; opacity: .8; }
.sbc-vs-check { color: #10b981; }
.sbc-vs-cross { color: rgba(255,255,255,0.2); }
.sbc-vs-rating-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
}
.sbc-vs-mini-bar {
  width: 60px;
  height: 5px;
  background: rgba(255,255,255,0.08);
  border-radius: 3px;
  overflow: hidden;
}
.sbc-vs-mini-bar-fill { height: 100%; border-radius: 3px; }
.sbc-vs-mini-bar-fill--a { background: #10b981; }
.sbc-vs-mini-bar-fill--b { background: #3b82f6; }

.sbc-vs-verdict {
  margin-top: 32px;
  padding: 28px 32px;
  background: rgba(16,185,129,0.06);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 18px;
}
.sbc-vs-verdict-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.sbc-vs-verdict-title {
  font-size: 16px;
  font-weight: 800;
  color: #10b981;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sbc-vs-verdict-content { padding-top: 14px; }
.sbc-vs-verdict-body { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.6; max-width: 700px; }
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich {
  color: var(--text-main);
  max-width: 100%;
}
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich > *:first-child { margin-top: 0; }
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich > *:last-child { margin-bottom: 0; }

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich p {
  font-size: 1.125rem;
  line-height: 1.85;
  opacity: 0.7;
  margin: 0 0 1.15rem;
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich h1,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich h2,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich h3,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich h4 {
  color: var(--accent);
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  margin: 1.6rem 0 0.9rem;
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich h1,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich h2 {
  font-size: clamp(1.5rem, 2.8vw, 2rem);
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich h3 {
  font-size: clamp(1.2rem, 2.2vw, 1.6rem);
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich h4 {
  font-size: clamp(1rem, 1.8vw, 1.2rem);
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich ul,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich ol,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich ul.wp-block-list,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich ol.wp-block-list {
  margin: 0.9rem 0 1.15rem;
  padding-left: 1.35rem;
  list-style-position: outside;
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich ul,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich ul.wp-block-list {
  list-style-type: disc !important;
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich ol,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich ol.wp-block-list {
  list-style-type: decimal !important;
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich li {
  color: var(--text-main);
  opacity: 0.82;
  margin: 0.4rem 0;
  display: list-item !important;
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich ul li::marker,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich ol li::marker {
  color: var(--accent);
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich a {
  color: var(--accent);
  font-weight: 700;
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich a:hover,
.page-template-page-vs-comparison .sbc-vs-verdict-body--rich a:focus-visible {
  color: var(--accent);
  opacity: 0.86;
}

.page-template-page-vs-comparison .sbc-vs-verdict-body--rich hr {
  border: 0;
  border-top: 1px solid rgba(255,255,255,0.14);
  margin: 1.25rem 0;
}

.sbc-vs-cta-row {
  display: flex;
  gap: 12px;
  margin-top: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex: 1;
}
.sbc-vs-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all .18s;
}
.sbc-vs-cta--a {
  background: rgba(16,185,129,0.15);
  color: #10b981;
  border: 1px solid rgba(16,185,129,0.3);
}
.sbc-vs-cta--a:hover { background: rgba(16,185,129,0.25); color: #10b981; }
.sbc-vs-cta--b {
  background: rgba(59,130,246,0.12);
  color: #60a5fa;
  border: 1px solid rgba(59,130,246,0.25);
}
.sbc-vs-cta--b:hover { background: rgba(59,130,246,0.2); color: #60a5fa; }
.sbc-vs-cta--neutral {
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.6);
  border: 1px solid rgba(255,255,255,0.1);
}
.sbc-vs-cta--neutral:hover { background: rgba(255,255,255,0.1); color: #fff; }

.sbc-vs-related {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.sbc-vs-related-title { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 16px; }
.sbc-vs-related-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.sbc-vs-related-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 10px;
  text-decoration: none;
  color: rgba(255,255,255,0.65);
  font-size: 13px;
  font-weight: 600;
  transition: all .15s;
}
.sbc-vs-related-card:hover { background: rgba(255,255,255,0.07); color: #fff; border-color: rgba(255,255,255,0.15); }

html.light .sbc-vs-hero { background: #f4f6f8; }
html.light .sbc-vs-hero-book-name { color: #0b1220; }
html.light .sbc-vs-badge { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.4); }
html.light .sbc-vs-hero-title { color: #0b1220; }
html.light .sbc-vs-hero-subtitle { color: rgba(0,0,0,0.5); }
html.light .sbc-vs-score-bar { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); }
html.light .sbc-vs-score-name { color: rgba(0,0,0,0.45); }
html.light .sbc-vs-score-rating { color: #0b1220; }
html.light .sbc-vs-score-label-row { color: rgba(0,0,0,0.3); }
html.light .sbc-vs-score-bar-bg { background: rgba(0,0,0,0.08); }
html.light .sbc-vs-section-title { color: rgba(0,0,0,0.35); border-bottom-color: rgba(0,0,0,0.08); }
html.light .sbc-vs-table { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08); }
html.light .sbc-vs-row { border-bottom-color: rgba(0,0,0,0.06); }
html.light .sbc-vs-row:hover { background: rgba(0,0,0,0.03); }
html.light .sbc-vs-row--hd { background: rgba(0,0,0,0.04); }
html.light .sbc-vs-row--hd span { color: rgba(0,0,0,0.35); }
html.light .sbc-vs-row-label { color: rgba(0,0,0,0.5); }
html.light .sbc-vs-col-a,
html.light .sbc-vs-col-b { color: rgba(0,0,0,0.8); }
html.light .sbc-vs-cross { color: rgba(0,0,0,0.2); }
html.light .sbc-vs-mini-bar { background: rgba(0,0,0,0.08); }
html.light .sbc-vs-verdict { background: rgba(5,150,105,0.06); border-color: rgba(5,150,105,0.2); }
html.light .sbc-vs-verdict-body { color: rgba(0,0,0,0.65); }
html.light .page-template-page-vs-comparison .sbc-vs-verdict-body--rich p,
html.light .page-template-page-vs-comparison .sbc-vs-verdict-body--rich li { color: rgba(0,0,0,0.7); }
html.light .page-template-page-vs-comparison .sbc-vs-verdict-body--rich hr { border-top-color: rgba(0,0,0,0.1); }
html.light .sbc-vs-related-card { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.6); }
html.light .sbc-vs-related-card:hover { background: rgba(0,0,0,0.06); color: #0b1220; }
html.light .sbc-vs-related-title { color: #0b1220; }
html.light .sbc-vs-cta--neutral { background: rgba(0,0,0,0.05); color: rgba(0,0,0,0.6); border-color: rgba(0,0,0,0.12); }
html.light .sbc-vs-cta--neutral:hover { background: rgba(0,0,0,0.09); color: #0b1220; }

@media (max-width: 768px) {
  .sbc-tool-layout { grid-template-columns: 1fr; }
  .sbc-odds-grid { grid-template-columns: 1fr; }
  .sbc-odds-divider { display: none; }
  .sbc-vig-sides { grid-template-columns: 1fr; }
  .sbc-vig-vs { display: none; }
  .sbc-vs-matchup { gap: 14px; }
  .sbc-vs-hero-logo { width: 60px; height: 60px; }
  .sbc-vs-row { grid-template-columns: 1.2fr 1fr 1fr; padding: 10px 12px; }
  .sbc-vs-score-bar { flex-direction: column; align-items: flex-start; }
  .sbc-vs-score-track { width: 100%; }
  .sbc-vs-verdict-top { flex-direction: column; }
  .sbc-vs-cta-row { width: 100%; }
  .sbc-parlay-result-card .sbc-parlay-metrics { grid-template-columns: 1fr 1fr; }
}

.sbc-fist-wrap {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 260px;
  flex-shrink: 0;
  align-self: stretch;
}
.sbc-fist-peekaboo {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  width: 260px;
  will-change: transform;

}
.sbc-fist-img {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
  pointer-events: none;
}

@media (max-width: 640px) {
  .sbc-fist-wrap { display: none; }
  .sbc-guides-masterclass {
    grid-template-columns: 1fr;
    padding: 32px 24px;
  }
  .sbc-guides-masterclass-content { padding-bottom: 32px; }
}

.sbc-hp-pod-card--new {
  border-color: rgba(16,185,129,0.3) !important;
  box-shadow: 0 0 0 1px rgba(16,185,129,0.2), 0 4px 20px rgba(16,185,129,0.08);
}
.sbc-hp-pod-new-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #10b981;
  color: #000;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  padding: 3px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  z-index: 2;
  box-shadow: 0 2px 8px rgba(16,185,129,0.4);
}

.sbc-calc-hub {
  padding: 0;
  background: #050810;
  border-top: 1px solid rgba(16,185,129,0.1);
  border-bottom: 1px solid rgba(16,185,129,0.08);
}

.sbc-calc-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.sbc-calc-grid-overlay {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(16,185,129,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, black 30%, transparent 80%);
}
.sbc-calc-scanlines {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 3px,
    rgba(0,0,0,0.08) 3px,
    rgba(0,0,0,0.08) 4px
  );
  pointer-events: none;
}
.sbc-calc-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  pointer-events: none;
}
.sbc-calc-glow--1 {
  width: 600px; height: 400px;
  background: radial-gradient(ellipse, rgba(16,185,129,0.12) 0%, transparent 70%);
  top: -100px; left: -100px;
}
.sbc-calc-glow--2 {
  width: 500px; height: 400px;
  background: radial-gradient(ellipse, rgba(59,130,246,0.07) 0%, transparent 70%);
  bottom: -80px; right: 10%;
}
.sbc-calc-glow--3 {
  width: 300px; height: 300px;
  background: radial-gradient(ellipse, rgba(16,185,129,0.06) 0%, transparent 70%);
  top: 40%; right: -50px;
}

.sbc-calc-ticker {
  background: rgba(16,185,129,0.06);
  border-bottom: 1px solid rgba(16,185,129,0.12);
  overflow: hidden;
  height: 36px;
  display: flex;
  align-items: center;
}
.sbc-calc-ticker-track {
  display: flex;
  gap: 0;
  white-space: nowrap;
  animation: sbc-ticker-scroll 40s linear infinite;
}
@keyframes sbc-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.sbc-calc-ticker:hover .sbc-calc-ticker-track { animation-play-state: paused; }
.sbc-calc-tick-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 24px;
  border-right: 1px solid rgba(16,185,129,0.1);
  font-size: 11px;
  font-family: 'Courier New', monospace;
  letter-spacing: .05em;
}
.sbc-calc-tick-label { color: rgba(255,255,255,0.5); }
.sbc-calc-tick-odds  { font-weight: 700; letter-spacing: .03em; }
.sbc-calc-tick--up   { color: #10b981; }
.sbc-calc-tick--down { color: #ef4444; }

.sbc-calc-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding: 52px 0 40px;
  flex-wrap: wrap;
}
.sbc-calc-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  margin-bottom: 14px;
}
.sbc-calc-eyebrow-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 8px #10b981;
  animation: sbc-dot-pulse 2s ease-in-out infinite;
}
@keyframes sbc-dot-pulse {
  0%,100% { opacity: 1; box-shadow: 0 0 8px #10b981; }
  50%      { opacity: .5; box-shadow: 0 0 2px #10b981; }
}
.sbc-calc-eyebrow-live {
  color: #10b981;
  font-size: 10px;
  letter-spacing: .08em;
  animation: sbc-live-blink 2s step-start infinite;
}
@keyframes sbc-live-blink {
  0%,49% { opacity: 1; }
  50%,100%{ opacity: 0; }
}
.sbc-calc-title {
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 900;
  line-height: 1.0;
  color: #fff;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -.02em;
  margin-bottom: 12px;
}
.sbc-calc-title em {
  font-style: italic;
  color: #10b981;
  position: relative;
}
.sbc-calc-subtitle {
  font-size: 15px;
  color: rgba(255,255,255,0.45);
  max-width: 420px;
  line-height: 1.55;
}

.sbc-calc-stat-board {
  display: flex;
  align-items: center;
  gap: 0;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(16,185,129,0.15);
  border-radius: 14px;
  overflow: hidden;
  padding: 20px 28px;
  gap: 24px;
}
.sbc-calc-stat { text-align: center; }
.sbc-calc-stat-num {
  display: block;
  font-size: 28px;
  font-weight: 900;
  color: #10b981;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  line-height: 1;
}
.sbc-calc-stat-lbl {
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-top: 4px;
}
.sbc-calc-stat-div {
  width: 1px;
  height: 36px;
  background: rgba(255,255,255,0.08);
}

.sbc-calc-tools-grid {
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 14px;
  margin-bottom: 20px;
}

.sbc-calc-card {
  position: relative;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.025);
  overflow: hidden;
  text-decoration: none;
  display: block;
  transition: border-color .25s, transform .25s, box-shadow .25s;
  cursor: pointer;
}
.sbc-calc-card:hover {
  border-color: rgba(16,185,129,0.4);
  transform: translateY(-3px);
  box-shadow: 0 16px 48px rgba(0,0,0,0.4), 0 0 0 1px rgba(16,185,129,0.2);
  text-decoration: none;
}
.sbc-calc-card-glow {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none;
  border-radius: 16px;
}
.sbc-calc-card:hover .sbc-calc-card-glow { opacity: 1; }

.sbc-calc-card-inner {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.sbc-calc-card--hero {
  grid-row: span 2;
  background: linear-gradient(135deg, rgba(16,185,129,0.08) 0%, rgba(5,150,105,0.04) 50%, rgba(255,255,255,0.02) 100%);
  border-color: rgba(16,185,129,0.2);
}
.sbc-calc-card--hero .sbc-calc-card-glow {
  background: radial-gradient(ellipse 80% 60% at 20% 30%, rgba(16,185,129,0.12) 0%, transparent 60%);
}
.sbc-calc-card--hero:hover { border-color: rgba(16,185,129,0.6); }
.sbc-calc-card--hero .sbc-calc-card-inner { padding: 32px; justify-content: space-between; }

.sbc-calc-card--parlay .sbc-calc-card-glow { background: radial-gradient(ellipse at 0% 0%, rgba(16,185,129,0.1) 0%, transparent 60%); }
.sbc-calc-card--odds .sbc-calc-card-glow   { background: radial-gradient(ellipse at 0% 0%, rgba(59,130,246,0.1) 0%, transparent 60%); }
.sbc-calc-card--vig .sbc-calc-card-glow    { background: radial-gradient(ellipse at 0% 0%, rgba(245,158,11,0.1) 0%, transparent 60%); }
.sbc-calc-card--arb .sbc-calc-card-glow    { background: radial-gradient(ellipse at 0% 0%, rgba(168,85,247,0.1) 0%, transparent 60%); }

.sbc-calc-card-icon {
  width: 52px; height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: 4px;
}
.sbc-calc-card-icon--ev    { background: rgba(16,185,129,0.15); color: #10b981; }
.sbc-calc-card-icon--parlay{ background: rgba(16,185,129,0.1);  color: #34d399; }
.sbc-calc-card-icon--odds  { background: rgba(59,130,246,0.12); color: #60a5fa; }
.sbc-calc-card-icon--vig   { background: rgba(245,158,11,0.12); color: #fbbf24; }
.sbc-calc-card-icon--arb   { background: rgba(168,85,247,0.12); color: #c084fc; }

.sbc-calc-card-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: rgba(16,185,129,0.15);
  color: #10b981;
  border: 1px solid rgba(16,185,129,0.25);
  width: fit-content;
}
.sbc-calc-card-body { display: flex; flex-direction: column; gap: 6px; }
.sbc-calc-card-title {
  font-size: 22px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -.01em;
  color: #fff;
  line-height: 1.1;
}
.sbc-calc-card--hero .sbc-calc-card-title { font-size: 30px; }
.sbc-calc-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.55;
}

.sbc-calc-card-live-demo {
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(16,185,129,0.15);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: 'Courier New', monospace;
  position: relative;
  overflow: hidden;
}
.sbc-calc-card-live-demo::before {
  content: 'LIVE PREVIEW';
  position: absolute;
  top: 8px; right: 10px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  color: rgba(16,185,129,0.5);
}
.sbc-calc-demo-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}
.sbc-calc-demo-lbl { color: rgba(255,255,255,0.35); font-size: 11px; letter-spacing: .04em; }
.sbc-calc-demo-val { color: #fff; font-weight: 700; transition: color .3s; }
.sbc-demo-positive { color: #10b981 !important; }
.sbc-demo-negative { color: #ef4444 !important; }
.sbc-calc-demo-verdict {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-align: center;
  padding: 6px;
  border-radius: 6px;
  background: rgba(16,185,129,0.1);
  transition: all .3s;
}
.sbc-demo-positive.sbc-calc-demo-verdict { color: #10b981; background: rgba(16,185,129,0.12); }
.sbc-demo-negative.sbc-calc-demo-verdict { color: #ef4444; background: rgba(239,68,68,0.1); }

.sbc-calc-parlay-preview {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  background: rgba(0,0,0,0.25);
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.06);
  font-size: 12px;
  font-family: 'Courier New', monospace;
}
.sbc-calc-parlay-leg {
  display: flex;
  justify-content: space-between;
  color: rgba(255,255,255,0.45);
  padding: 2px 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-calc-parlay-leg span { color: #fff; }
.sbc-calc-parlay-result {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  color: rgba(255,255,255,0.4);
  font-size: 12px;
  margin-top: 2px;
}
.sbc-calc-parlay-result strong { color: #10b981; font-size: 15px; }

.sbc-calc-odds-badges {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.sbc-calc-odds-badge {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 800;
  font-family: 'Courier New', monospace;
  letter-spacing: .03em;
}
.sbc-calc-odds-badge--am   { background: rgba(16,185,129,0.15); color: #10b981; }
.sbc-calc-odds-badge--dec  { background: rgba(59,130,246,0.15); color: #60a5fa; }
.sbc-calc-odds-badge--frac { background: rgba(168,85,247,0.15); color: #c084fc; }
.sbc-calc-odds-badge-arr   { color: rgba(255,255,255,0.25); font-size: 14px; }

.sbc-calc-vig-meter { margin-top: 4px; }
.sbc-calc-vig-label-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  margin-bottom: 6px;
}
.sbc-calc-vig-pct { font-weight: 700; color: #fbbf24; font-family: 'Courier New', monospace; }
.sbc-calc-vig-bar-bg {
  height: 8px;
  background: rgba(255,255,255,0.06);
  border-radius: 4px;
  overflow: hidden;
}
.sbc-calc-vig-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #10b981, #fbbf24);
  border-radius: 4px;
  transition: width .6s ease;
}
.sbc-calc-vig-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.25);
  margin-top: 5px;
  font-style: italic;
}

.sbc-calc-arb-preview {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px 12px;
  background: rgba(0,0,0,0.25);
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.06);
}
.sbc-calc-arb-row {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  font-family: 'Courier New', monospace;
}
.sbc-calc-arb-book { color: rgba(255,255,255,0.35); flex: 0 0 50px; font-size: 11px; }
.sbc-calc-arb-odds { color: #c084fc; font-weight: 700; flex: 0 0 38px; }
.sbc-calc-arb-stake{ color: rgba(255,255,255,0.7); margin-left: auto; }
.sbc-calc-arb-profit {
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  border-top: 1px solid rgba(255,255,255,0.07);
  padding-top: 6px;
  margin-top: 2px;
  font-family: 'Courier New', monospace;
}
.sbc-calc-arb-profit strong { color: #10b981; font-size: 14px; }

.sbc-calc-card-cta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.35);
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.06);
  transition: color .2s;
}
.sbc-calc-card:hover .sbc-calc-card-cta { color: #10b981; }
.sbc-calc-card--hero .sbc-calc-card-cta {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
}
.sbc-calc-card--hero:hover .sbc-calc-card-cta { color: #10b981; }

.sbc-calc-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 24px;
  background: rgba(16,185,129,0.05);
  border: 1px solid rgba(16,185,129,0.12);
  border-radius: 12px;
  margin-bottom: 52px;
  flex-wrap: wrap;
}
.sbc-calc-bottom-copy {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: rgba(255,255,255,0.45);
}
.sbc-calc-bottom-icon { font-size: 16px; }
.sbc-calc-bottom-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 22px;
  border-radius: 9px;
  background: #10b981;
  color: #000;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .18s;
  white-space: nowrap;
}
.sbc-calc-bottom-cta:hover {
  background: #34d399;
  color: #000;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(16,185,129,0.35);
}

html.light .sbc-calc-hub {
  background: #eaf0ee;
  border-top-color: rgba(16,185,129,0.15);
  border-bottom-color: rgba(16,185,129,0.1);
}
html.light .sbc-calc-scanlines { opacity: 0; }
html.light .sbc-calc-glow--1 {
  background: radial-gradient(ellipse, rgba(16,185,129,0.12) 0%, transparent 70%);
}
html.light .sbc-calc-glow--2 {
  background: radial-gradient(ellipse, rgba(59,130,246,0.07) 0%, transparent 70%);
}
html.light .sbc-calc-glow--3 {
  background: radial-gradient(ellipse, rgba(16,185,129,0.08) 0%, transparent 70%);
}
html.light .sbc-calc-grid-overlay {
  background-image:
    linear-gradient(rgba(16,185,129,0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,0.1) 1px, transparent 1px);
}

html.light .sbc-calc-ticker {
  background: rgba(255,255,255,0.65);
  border-color: rgba(0,0,0,0.07);
  backdrop-filter: blur(8px);
}
html.light .sbc-calc-tick-label { color: rgba(0,0,0,0.4); }

html.light .sbc-calc-eyebrow      { color: rgba(0,0,0,0.4); }
html.light .sbc-calc-eyebrow-live { color: #10b981; }
html.light .sbc-calc-title        { color: #0d1117; }
html.light .sbc-calc-title em     { color: #10b981; }
html.light .sbc-calc-subtitle     { color: rgba(0,0,0,0.5); }

html.light .sbc-calc-stat-val { color: #059669; }
html.light .sbc-calc-stat-lbl { color: rgba(0,0,0,0.4); }
html.light .sbc-calc-stat-div { background: rgba(0,0,0,0.1); }

html.light .sbc-calc-card {
  background: rgba(255,255,255,0.72);
  border-color: rgba(0,0,0,0.08);
  box-shadow: 0 2px 16px rgba(0,0,0,0.05);
  backdrop-filter: blur(6px);
}
html.light .sbc-calc-card:hover {
  background: rgba(255,255,255,0.88);
  border-color: rgba(16,185,129,0.4);
  box-shadow: 0 4px 24px rgba(16,185,129,0.1);
}
html.light .sbc-calc-card--hero { background: rgba(255,255,255,0.72); }
html.light .sbc-calc-card--hero:hover { background: rgba(255,255,255,0.88); }

html.light .sbc-calc-card-label { color: rgba(0,0,0,0.35); }
html.light .sbc-calc-card-title { color: #0d1117; }
html.light .sbc-calc-card-desc  { color: rgba(0,0,0,0.55); }
html.light .sbc-calc-card-cta   {
  color: rgba(0,0,0,0.4);
  border-top-color: rgba(0,0,0,0.07);
}
html.light .sbc-calc-card:hover .sbc-calc-card-cta,
html.light .sbc-calc-card--hero:hover .sbc-calc-card-cta { color: #10b981; }

html.light .sbc-calc-card-live-demo {
  background: rgba(255,255,255,0.55);
  border-color: rgba(16,185,129,0.2);
}
html.light .sbc-calc-card-live-demo::before { color: rgba(16,185,129,0.6); }
html.light .sbc-calc-demo-row  { border-color: rgba(0,0,0,0.07); }
html.light .sbc-calc-demo-lbl  { color: rgba(0,0,0,0.45); }
html.light .sbc-calc-demo-val  { color: #0d1117; }
html.light .sbc-demo-positive  { color: #059669 !important; }
html.light .sbc-demo-negative  { color: #dc2626 !important; }
html.light .sbc-demo-positive.sbc-calc-demo-verdict {
  color: #059669;
  background: rgba(16,185,129,0.1);
}
html.light .sbc-demo-negative.sbc-calc-demo-verdict {
  color: #dc2626;
  background: rgba(239,68,68,0.08);
}

html.light .sbc-calc-mini-kelly {
  background: rgba(255,255,255,0.55);
  border-color: rgba(16,185,129,0.2);
}
html.light .sbc-calc-mini-kelly-hint { color: rgba(0,0,0,0.35); }
html.light .sbc-calc-mini-lbl        { color: rgba(0,0,0,0.45); }
html.light .sbc-calc-mini-input {
  background: rgba(255,255,255,0.8);
  border-color: rgba(0,0,0,0.14);
  color: #0d1117;
}
html.light .sbc-calc-mini-input:focus {
  border-color: #10b981;
  background: rgba(255,255,255,0.95);
}
html.light .sbc-calc-mini-metric-lbl { color: rgba(0,0,0,0.45); }
html.light .sbc-calc-mini-metric-val { color: #0d1117; }

html.light .sbc-calc-parlay-preview {
  background: rgba(255,255,255,0.5);
  border-color: rgba(0,0,0,0.08);
}
html.light .sbc-calc-parlay-leg       { color: rgba(0,0,0,0.45); border-color: rgba(0,0,0,0.06); }
html.light .sbc-calc-parlay-leg span  { color: #0d1117; }
html.light .sbc-calc-parlay-result    { color: rgba(0,0,0,0.4); }

html.light .sbc-calc-vig-label-row { color: rgba(0,0,0,0.45); }
html.light .sbc-calc-vig-pct       { color: #d97706; }
html.light .sbc-calc-vig-bar-bg    { background: rgba(0,0,0,0.08); }
html.light .sbc-calc-vig-sub       { color: rgba(0,0,0,0.3); }

html.light .sbc-calc-arb-preview {
  background: rgba(255,255,255,0.5);
  border-color: rgba(0,0,0,0.08);
}
html.light .sbc-calc-arb-book   { color: rgba(0,0,0,0.4); }
html.light .sbc-calc-arb-odds   { color: #7c3aed; }
html.light .sbc-calc-arb-stake  { color: rgba(0,0,0,0.65); }
html.light .sbc-calc-arb-profit { color: rgba(0,0,0,0.4); border-color: rgba(0,0,0,0.07); }

html.light .sbc-calc-bottom-copy { color: rgba(0,0,0,0.45); }
html.light .sbc-calc-bottom-cta {
  background: rgba(255,255,255,0.65);
  border-color: rgba(0,0,0,0.08);
  color: rgba(0,0,0,0.5);
  backdrop-filter: blur(6px);
}
html.light .sbc-calc-bottom-cta:hover { border-color: #10b981; color: #10b981; }

@media (max-width: 1024px) {
  .sbc-calc-tools-grid {
    grid-template-columns: 1fr 1fr;
  }
  .sbc-calc-card--hero { grid-row: span 1; }
  .sbc-calc-card--hero .sbc-calc-card-title { font-size: 24px; }
}
@media (max-width: 640px) {
  .sbc-calc-tools-grid { grid-template-columns: 1fr; }
  .sbc-calc-header { flex-direction: column; align-items: flex-start; gap: 20px; }
  .sbc-calc-stat-board { width: 100%; justify-content: space-around; }
  .sbc-calc-bottom-bar { flex-direction: column; align-items: flex-start; }
  .sbc-calc-bottom-cta { width: 100%; justify-content: center; }
}

.sbc-calc-mini-kelly {
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(16,185,129,0.18);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  flex: 1;
}
.sbc-calc-mini-kelly-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sbc-calc-mini-kelly-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #10b981;
}
.sbc-calc-mini-kelly-hint {
  font-size: 10px;
  color: rgba(255,255,255,0.25);
  font-style: italic;
}
.sbc-calc-mini-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}
.sbc-calc-mini-field { display: flex; flex-direction: column; gap: 4px; }
.sbc-calc-mini-lbl {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}
.sbc-calc-mini-input {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 7px;
  padding: 7px 9px;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  color: #fff;
  width: 100%;
  outline: none;
  transition: border-color .2s;
  -moz-appearance: textfield;
}
.sbc-calc-mini-input::-webkit-outer-spin-button,
.sbc-calc-mini-input::-webkit-inner-spin-button { -webkit-appearance: none; }
.sbc-calc-mini-input:focus {
  border-color: rgba(16,185,129,0.5);
  background: rgba(16,185,129,0.05);
}
.sbc-calc-mini-result {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sbc-calc-mini-result-pill {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  transition: all .3s;
  font-family: 'Courier New', monospace;
}
.sbc-calc-mini-result-pill.is-pos { background: rgba(16,185,129,0.15); color: #10b981; }
.sbc-calc-mini-result-pill.is-neg { background: rgba(239,68,68,0.12);  color: #ef4444; }
.sbc-calc-mini-result-pill.is-even{ background: rgba(245,158,11,0.12); color: #fbbf24; }
.sbc-calc-mini-result-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
}
.sbc-calc-mini-metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  background: rgba(255,255,255,0.03);
  border-radius: 6px;
  padding: 6px 4px;
}
.sbc-calc-mini-metric-lbl {
  font-size: 9px;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  font-weight: 600;
}
.sbc-calc-mini-metric-val {
  font-size: 14px;
  font-weight: 800;
  font-family: 'Courier New', monospace;
  color: #fff;
  transition: color .3s;
}
.sbc-calc-mini-stake { color: #10b981 !important; }

#sbc-scores-ticker {
  display: flex;
  align-items: stretch;
  height: 38px;
  background: rgba(0,0,0,0.4);
  border-bottom: 1px solid rgba(16,185,129,0.1);
  overflow: hidden;
}
.sbc-calc-ticker-label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #10b981;
  background: rgba(16,185,129,0.1);
  border-right: 1px solid rgba(16,185,129,0.15);
  white-space: nowrap;
  flex-shrink: 0;
}
.sbc-calc-ticker-scroll-wrap {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.sbc-calc-ticker-scroll-wrap::before,
.sbc-calc-ticker-scroll-wrap::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 40px;
  z-index: 2;
  pointer-events: none;
}
.sbc-calc-ticker-scroll-wrap::before {
  left: 0;
  background: linear-gradient(to right, #050810, transparent);
}
.sbc-calc-ticker-scroll-wrap::after {
  right: 0;
  background: linear-gradient(to left, #050810, transparent);
}
#sbc-scores-track {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 100%;
  animation: sbc-ticker-scroll 55s linear infinite;
  will-change: transform;
}
#sbc-scores-ticker:hover #sbc-scores-track { animation-play-state: paused; }

#sbc-scores-ticker.sbc-header-scores-ticker {
  position: sticky;
  top: 64px;
  z-index: 49;
  width: 100%;
  height: 48px;
  background: rgba(10, 18, 32, 0.92);
  border-bottom: 1px solid rgba(16,185,129,0.2);
  box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
#sbc-scores-ticker.sbc-header-scores-ticker .sbc-calc-ticker-label {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .14em;
  padding: 0 18px;
}
#sbc-scores-ticker.sbc-header-scores-ticker .sbc-calc-ticker-sport-icon {
  font-size: 13px;
}
#sbc-scores-ticker.sbc-header-scores-ticker .sbc-calc-tick-item {
  font-size: 13px;
  gap: 10px;
  padding: 0 24px;
}
#sbc-scores-ticker.sbc-header-scores-ticker .sbc-calc-tick-sport {
  font-size: 11px;
}
#sbc-scores-ticker.sbc-header-scores-ticker .sbc-calc-tick-matchup {
  font-size: 13px;
}
#sbc-scores-ticker.sbc-header-scores-ticker .sbc-calc-tick-score {
  font-size: 14px;
}

.sbc-calc-tick-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 20px;
  border-right: 1px solid rgba(255,255,255,0.06);
  font-size: 11.5px;
  height: 100%;
}
.sbc-calc-tick-sport {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  color: rgba(255,255,255,0.3);
  text-transform: uppercase;
}
.sbc-calc-tick-matchup {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  color: rgba(255,255,255,0.85);
  font-size: 12px;
}
.sbc-calc-tick-vs {
  color: rgba(255,255,255,0.25);
  font-size: 10px;
  font-weight: 400;
}
.sbc-calc-tick-team { letter-spacing: .04em; }
.sbc-calc-tick-score {
  font-weight: 900;
  font-family: 'Courier New', monospace;
  font-size: 13px;
  letter-spacing: .03em;
  color: #fff;
  padding: 1px 6px;
  border-radius: 4px;
  background: rgba(255,255,255,0.06);
}
.sbc-calc-tick--live .sbc-calc-tick-score,
.sbc-calc-tick-score.sbc-calc-tick--live {
  color: #10b981;
  background: rgba(16,185,129,0.12);
  animation: sbc-live-score-pulse 2s ease-in-out infinite;
}
@keyframes sbc-live-score-pulse {
  0%,100% { opacity: 1; }
  50%      { opacity: .7; }
}
.sbc-calc-tick--final { color: rgba(255,255,255,0.6) !important; }
.sbc-calc-tick-status {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  font-family: 'Courier New', monospace;
}
.sbc-calc-tick-status.sbc-calc-tick--live {
  color: #10b981;
  animation: sbc-live-blink 1.4s step-start infinite;
}
.sbc-calc-tick-loading {
  color: rgba(255,255,255,0.25);
  font-size: 11px;
  font-style: italic;
  animation: none !important;
}
.sbc-tick-dots { letter-spacing: .1em; }

.sbc-ranked-chips { margin: 4px 0; }
.sbc-ranked-chips .sbc-hp-book-chip { font-size: 10px; padding: 3px 8px; }

.sbc-live-scores-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,0.6);
  transition: color .2s;
}
.sbc-live-scores-nav-link:hover { color: #fff; }
.sbc-nav-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 8px #10b981;
  flex-shrink: 0;
  animation: sbc-nav-dot-pulse 1.6s ease-in-out infinite;
}
@keyframes sbc-nav-dot-pulse {
  0%,100% { opacity:1; box-shadow: 0 0 6px #10b981; }
  50%      { opacity:.4; box-shadow: 0 0 2px #10b981; }
}

.sbc-upcoming-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}
.sbc-upcoming-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, #10b981, #4fc3f7, #10b981);
  background-size: 200% 100%;
  animation: sbc-upcoming-shimmer-hd 3s linear infinite;
}
@keyframes sbc-upcoming-shimmer-hd {
  0%   { background-position: 0% 0; }
  100% { background-position: 200% 0; }
}

.sbc-upcoming-hd {
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-upcoming-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.sbc-upcoming-eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
  color: #10b981;
  font-family: 'IBM Plex Mono', monospace;
}
.sbc-upcoming-pip {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 8px #10b981;
  animation: sbc-nav-dot-pulse 1.6s ease-in-out infinite;
}
.sbc-upcoming-all-link {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  text-decoration: none;
  transition: color .15s;
  display: flex;
  align-items: center;
  gap: 3px;
}
.sbc-upcoming-all-link:hover { color: #10b981; }
.sbc-upcoming-h3 {
  font-family: 'Barlow Condensed', 'Impact', sans-serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.01em;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  line-height: 1;
}
.sbc-upcoming-h3 em {
  font-style: italic;
  color: #10b981;
}

.sbc-upcoming-list {
  display: flex;
  flex-direction: column;
}

.sbc-upcoming-item {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 11px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  cursor: pointer;
  transition: background .15s;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.sbc-upcoming-item:last-child { border-bottom: none; }
.sbc-upcoming-item::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 2px;
  background: var(--league-col, #10b981);
  opacity: 0;
  transition: opacity .15s;
}
.sbc-upcoming-item:hover { background: rgba(255,255,255,0.03); }
.sbc-upcoming-item:hover::before { opacity: 1; }

.sbc-upcoming-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin-right: 12px;
  transition: border-color .15s;
}
.sbc-upcoming-item:hover .sbc-upcoming-date {
  border-color: var(--league-col, #10b981);
}
.sbc-upcoming-date-mon {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--league-col, #10b981);
  line-height: 1;
  font-family: 'IBM Plex Mono', monospace;
}
.sbc-upcoming-date-day {
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  font-family: 'Barlow Condensed', sans-serif;
}

.sbc-upcoming-matchup {
  flex: 1;
  min-width: 0;
}
.sbc-upcoming-teams {
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,0.85);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: .01em;
  margin-bottom: 2px;
}
.sbc-upcoming-meta {
  display: flex;
  align-items: center;
  gap: 6px;
}
.sbc-upcoming-league-badge {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--league-col, #10b981);
  background: rgba(var(--league-rgb, 16,185,129), 0.12);
  padding: 1px 5px;
  border-radius: 3px;
  font-family: 'IBM Plex Mono', monospace;
}
.sbc-upcoming-time {
  font-size: 10px;
  color: rgba(255,255,255,0.3);
  font-family: 'IBM Plex Mono', monospace;
}

.sbc-upcoming-arrow {
  color: rgba(255,255,255,0.15);
  font-size: 12px;
  flex-shrink: 0;
  transition: color .15s, transform .15s;
  margin-left: 6px;
}
.sbc-upcoming-item:hover .sbc-upcoming-arrow {
  color: var(--league-col, #10b981);
  transform: translateX(2px);
}

.sbc-upcoming-skeleton {
  height: 62px;
  margin: 0;
  background: linear-gradient(90deg, #0d1117 25%, rgba(255,255,255,0.04) 50%, #0d1117 75%);
  background-size: 200% 100%;
  animation: sbc-upcoming-sk 1.4s ease infinite;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-upcoming-skeleton:last-child { border-bottom: none; }
@keyframes sbc-upcoming-sk {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.sbc-upcoming-empty {
  padding: 28px 18px;
  text-align: center;
  font-size: 12px;
  color: rgba(255,255,255,0.25);
  font-family: 'IBM Plex Mono', monospace;
}

html.light .sbc-upcoming-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.09);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
html.light .sbc-upcoming-hd {
  border-bottom-color: rgba(0,0,0,0.07);
}
html.light .sbc-upcoming-h3 { color: #111; }
html.light .sbc-upcoming-all-link { color: rgba(0,0,0,0.3); }
html.light .sbc-upcoming-all-link:hover { color: #10b981; }
html.light .sbc-upcoming-item {
  border-bottom-color: rgba(0,0,0,0.05);
}
html.light .sbc-upcoming-item:hover {
  background: rgba(16,185,129,0.04);
}
html.light .sbc-upcoming-date {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.09);
}
html.light .sbc-upcoming-item:hover .sbc-upcoming-date {
  border-color: var(--league-col, #10b981);
}
html.light .sbc-upcoming-date-day { color: #111; }
html.light .sbc-upcoming-teams { color: rgba(0,0,0,0.82); }
html.light .sbc-upcoming-time  { color: rgba(0,0,0,0.35); }
html.light .sbc-upcoming-arrow { color: rgba(0,0,0,0.15); }
html.light .sbc-upcoming-item:hover .sbc-upcoming-arrow { color: var(--league-col, #10b981); }
html.light .sbc-upcoming-skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, rgba(0,0,0,0.04) 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-bottom-color: rgba(0,0,0,0.04);
}
html.light .sbc-upcoming-empty { color: rgba(0,0,0,0.25); }

.sbc-cw-section {
  margin-top: 56px;
  padding-bottom: 24px;
}

.sbc-cw-lead {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 32px;
  align-items: start;
  margin-bottom: 48px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
@media (max-width: 900px) {
  .sbc-cw-lead { grid-template-columns: 1fr; }
}

.sbc-cw-eyebrow {
  display: flex; align-items: center; gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.15em; text-transform: uppercase;
  color: #10b981;
  margin-bottom: 14px;
}
.sbc-cw-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(26px, 3.5vw, 38px);
  font-weight: 900;
  line-height: 1.1;
  color: #fff;
  letter-spacing: -0.01em;
  margin: 0 0 16px;
}
.sbc-cw-intro {
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,0.6);
  margin: 0;
  max-width: 640px;
}

.sbc-cw-toc {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 20px 22px;
  position: sticky;
  top: 88px;
}
.sbc-cw-toc-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 800;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 12px;
}
.sbc-cw-toc-link {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,0.5);
  text-decoration: none;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: color 0.18s;
}
.sbc-cw-toc-link:last-child { border-bottom: none; }
.sbc-cw-toc-link:hover { color: #10b981; }

.sbc-cw-body {
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.sbc-cw-sec { }

.sbc-cw-h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(22px, 2.8vw, 28px);
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.01em;
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(16,185,129,0.2);
}
.sbc-cw-h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 28px 0 12px;
}
.sbc-cw-sec p {
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255,255,255,0.6);
  margin: 0 0 14px;
}
.sbc-cw-sec p strong { color: rgba(255,255,255,0.85); font-weight: 600; }
.sbc-cw-sec p em { color: #10b981; font-style: normal; font-weight: 600; }

.sbc-cw-callout {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.65;
  margin: 22px 0;
}
.sbc-cw-callout--green {
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.2);
  color: rgba(255,255,255,0.75);
}
.sbc-cw-callout--green i { color: #10b981; flex-shrink: 0; margin-top: 2px; }
.sbc-cw-callout--green strong { color: #10b981; }
.sbc-cw-callout--amber {
  background: rgba(245,158,11,0.07);
  border: 1px solid rgba(245,158,11,0.2);
  color: rgba(255,255,255,0.75);
}
.sbc-cw-callout--amber i { color: #f59e0b; flex-shrink: 0; margin-top: 2px; }
.sbc-cw-callout--amber strong { color: #f59e0b; }

.sbc-cw-formula {
  margin: 18px 0;
}
.sbc-cw-formula-inner {
  background: rgba(0,0,0,0.4);
  border: 1px solid rgba(16,185,129,0.18);
  border-left: 3px solid #10b981;
  border-radius: 8px;
  padding: 14px 18px;
  font-family: 'Courier New', monospace;
}
.sbc-cw-formula-text {
  font-size: 14px;
  color: #10b981;
  letter-spacing: 0.02em;
}

.sbc-cw-table-wrap {
  overflow-x: auto;
  margin: 18px 0;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.07);
}
.sbc-cw-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
.sbc-cw-table thead tr {
  background: rgba(16,185,129,0.08);
}
.sbc-cw-table th {
  padding: 11px 14px;
  text-align: left;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  white-space: nowrap;
}
.sbc-cw-table td {
  padding: 10px 14px;
  color: rgba(255,255,255,0.65);
  border-top: 1px solid rgba(255,255,255,0.05);
  line-height: 1.5;
}
.sbc-cw-table td strong { color: rgba(255,255,255,0.85); }
.sbc-cw-table tbody tr:hover td { background: rgba(255,255,255,0.02); }

.sbc-cw-list {
  margin: 14px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sbc-cw-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255,255,255,0.6);
  padding-left: 0;
}
.sbc-cw-list li::before {
  content: '→';
  color: #10b981;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 1px;
}
.sbc-cw-list li strong { color: rgba(255,255,255,0.85); }

.sbc-cw-compare {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin: 20px 0;
}
@media (max-width: 700px) { .sbc-cw-compare { grid-template-columns: 1fr; } }

.sbc-cw-compare-item {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 18px;
  position: relative;
}
.sbc-cw-compare-item--featured {
  background: rgba(16,185,129,0.06);
  border-color: rgba(16,185,129,0.25);
}
.sbc-cw-compare-badge {
  display: inline-block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #10b981;
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.2);
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.sbc-cw-compare-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 4px;
}
.sbc-cw-compare-val {
  font-size: 12px;
  font-weight: 600;
  color: #10b981;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.sbc-cw-compare-desc {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255,255,255,0.45);
}

.sbc-cw-mistakes {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 18px 0;
}
.sbc-cw-mistake {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
  padding: 18px 20px;
}
.sbc-cw-mistake-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 28px;
  font-weight: 900;
  color: rgba(16,185,129,0.25);
  line-height: 1;
  flex-shrink: 0;
  width: 36px;
  padding-top: 2px;
}
.sbc-cw-mistake h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: rgba(255,255,255,0.85);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 7px;
}
.sbc-cw-mistake p {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255,255,255,0.5);
  margin: 0;
}

.sbc-cw-faq {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  overflow: hidden;
}
.sbc-cw-faq-item {
  padding: 20px 22px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-cw-faq-item:last-child { border-bottom: none; }
.sbc-cw-faq-q {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}
.sbc-cw-faq-a {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,0.55);
}

html.light .sbc-cw-section { }
html.light .sbc-cw-lead { border-bottom-color: rgba(0,0,0,0.07); }
html.light .sbc-cw-title { color: #0d1117; }
html.light .sbc-cw-intro { color: rgba(0,0,0,0.55); }
html.light .sbc-cw-toc { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 12px rgba(0,0,0,0.05); }
html.light .sbc-cw-toc-label { color: rgba(0,0,0,0.35); }
html.light .sbc-cw-toc-link { color: rgba(0,0,0,0.5); border-color: rgba(0,0,0,0.06); }
html.light .sbc-cw-toc-link:hover { color: #059669; }
html.light .sbc-cw-h2 { color: #0d1117; border-color: rgba(16,185,129,0.25); }
html.light .sbc-cw-h3 { color: rgba(0,0,0,0.7); }
html.light .sbc-cw-sec p { color: rgba(0,0,0,0.6); }
html.light .sbc-cw-sec p strong { color: rgba(0,0,0,0.8); }
html.light .sbc-cw-sec p em { color: #059669; }
html.light .sbc-cw-callout--green { background: rgba(16,185,129,0.06); border-color: rgba(16,185,129,0.2); color: rgba(0,0,0,0.6); }
html.light .sbc-cw-callout--amber { background: rgba(245,158,11,0.06); border-color: rgba(245,158,11,0.2); color: rgba(0,0,0,0.6); }
html.light .sbc-cw-formula-inner { background: #f4f6f9; border-color: rgba(16,185,129,0.2); }
html.light .sbc-cw-table-wrap { border-color: rgba(0,0,0,0.08); }
html.light .sbc-cw-table thead tr { background: rgba(16,185,129,0.06); }
html.light .sbc-cw-table th { color: rgba(0,0,0,0.45); }
html.light .sbc-cw-table td { color: rgba(0,0,0,0.6); border-color: rgba(0,0,0,0.05); }
html.light .sbc-cw-table td strong { color: rgba(0,0,0,0.8); }
html.light .sbc-cw-table tbody tr:hover td { background: rgba(0,0,0,0.015); }
html.light .sbc-cw-list li { color: rgba(0,0,0,0.6); }
html.light .sbc-cw-list li strong { color: rgba(0,0,0,0.8); }
html.light .sbc-cw-compare-item { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
html.light .sbc-cw-compare-item--featured { background: rgba(16,185,129,0.04); border-color: rgba(16,185,129,0.2); }
html.light .sbc-cw-compare-label { color: #0d1117; }
html.light .sbc-cw-compare-desc { color: rgba(0,0,0,0.5); }
html.light .sbc-cw-mistake { background: #fff; border-color: rgba(0,0,0,0.07); box-shadow: 0 1px 6px rgba(0,0,0,0.04); }
html.light .sbc-cw-mistake h3 { color: rgba(0,0,0,0.75); }
html.light .sbc-cw-mistake p { color: rgba(0,0,0,0.5); }
html.light .sbc-cw-faq { border-color: rgba(0,0,0,0.08); }
html.light .sbc-cw-faq-item { border-color: rgba(0,0,0,0.06); }
html.light .sbc-cw-faq-q { color: #0d1117; }
html.light .sbc-cw-faq-a { color: rgba(0,0,0,0.55); }

.sbc-edu-main {
  background: #080b0f;
  min-height: 100vh;
}

.sbc-edu-hero {
  position: relative;
  padding: 80px 0 72px;
  overflow: hidden;
}
.sbc-edu-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.sbc-edu-hero-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 60% at 60% 40%, rgba(16,185,129,0.07) 0%, transparent 70%);
}
.sbc-edu-hero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(16,185,129,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
}
.sbc-edu-hero-inner {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 24px;
}
.sbc-edu-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 24px;
}
.sbc-edu-breadcrumb a {
  color: rgba(255,255,255,0.3);
  text-decoration: none;
  transition: color 0.18s;
}
.sbc-edu-breadcrumb a:hover { color: #10b981; }
.sbc-edu-breadcrumb span { color: rgba(255,255,255,0.15); }

.sbc-edu-meta-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.sbc-edu-category-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #10b981;
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.2);
  padding: 4px 10px;
  border-radius: 6px;
}
.sbc-edu-level-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 4px 10px;
  border-radius: 6px;
}
.sbc-edu-readtime {
  font-size: 12px;
  color: rgba(255,255,255,0.3);
  font-weight: 500;
}

.sbc-edu-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(32px, 5.5vw, 58px);
  font-weight: 700;
  line-height: 1.05;
  color: #fff;
  letter-spacing: -0.02em;
  margin: 0 0 20px;
}
.sbc-edu-hero-title em {
  color: #10b981;
  font-style: normal;
}
.sbc-edu-hero-deck {
  font-size: clamp(16px, 1.8vw, 19px);
  line-height: 1.65;
  color: rgba(255,255,255,0.55);
  margin: 0 0 32px;
  max-width: 680px;
}
.sbc-edu-hero-key-point {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  background: rgba(16,185,129,0.07);
  border: 1px solid rgba(16,185,129,0.18);
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255,255,255,0.65);
  max-width: 620px;
}
.sbc-edu-hero-key-point i { color: #10b981; flex-shrink: 0; margin-top: 2px; }
.sbc-edu-hero-key-point strong { color: #10b981; }

.sbc-edu-body-wrap {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 48px;
  align-items: start;
  max-width: 1160px;
  margin: 0 auto;
  padding: 56px 24px 80px;
}
@media (max-width: 1000px) {
  .sbc-edu-body-wrap { grid-template-columns: 1fr; }
  .sbc-edu-sidebar { display: none; }
}

.sbc-edu-article { }
.sbc-edu-article h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.01em;
  margin: 48px 0 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(16,185,129,0.2);
  scroll-margin-top: 88px;
}
.sbc-edu-article h2:first-child { margin-top: 0; }
.sbc-edu-article h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: rgba(255,255,255,0.8);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 32px 0 12px;
}
.sbc-edu-article p {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(255,255,255,0.6);
  margin: 0 0 18px;
}
.sbc-edu-article p strong { color: rgba(255,255,255,0.85); font-weight: 600; }
.sbc-edu-article p a {
  color: #10b981;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sbc-edu-article p a:hover { color: #34d399; }

.sbc-edu-callout {
  display: flex;
  gap: 14px;
  padding: 18px 20px;
  border-radius: 14px;
  margin: 24px 0;
  font-size: 15px;
  line-height: 1.7;
}
.sbc-edu-callout i { flex-shrink: 0; margin-top: 2px; }
.sbc-edu-callout--green {
  background: rgba(16,185,129,0.07);
  border: 1px solid rgba(16,185,129,0.2);
  color: rgba(255,255,255,0.7);
}
.sbc-edu-callout--green i, .sbc-edu-callout--green strong { color: #10b981; }
.sbc-edu-callout--amber {
  background: rgba(245,158,11,0.07);
  border: 1px solid rgba(245,158,11,0.2);
  color: rgba(255,255,255,0.7);
}
.sbc-edu-callout--amber i, .sbc-edu-callout--amber strong { color: #f59e0b; }
.sbc-edu-callout--blue {
  background: rgba(59,130,246,0.07);
  border: 1px solid rgba(59,130,246,0.2);
  color: rgba(255,255,255,0.7);
}
.sbc-edu-callout--blue i, .sbc-edu-callout--blue strong { color: #60a5fa; }

.sbc-edu-stat-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px;
  margin: 24px 0;
}
.sbc-edu-stat {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 18px;
  text-align: center;
}
.sbc-edu-stat-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 36px;
  font-weight: 900;
  color: #10b981;
  line-height: 1;
  margin-bottom: 6px;
  display: block;
}
.sbc-edu-stat-lbl {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.35);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.sbc-edu-table-wrap {
  overflow-x: auto;
  margin: 24px 0;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.07);
}
.sbc-edu-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.sbc-edu-table thead tr { background: rgba(16,185,129,0.08); }
.sbc-edu-table th {
  padding: 12px 16px;
  text-align: left;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
}
.sbc-edu-table td {
  padding: 11px 16px;
  color: rgba(255,255,255,0.6);
  border-top: 1px solid rgba(255,255,255,0.05);
  line-height: 1.5;
}
.sbc-edu-table td strong { color: rgba(255,255,255,0.85); }
.sbc-edu-table tbody tr:hover td { background: rgba(255,255,255,0.02); }
.sbc-edu-val--green { color: #10b981 !important; font-weight: 600; }
.sbc-edu-val--amber { color: #f59e0b !important; font-weight: 600; }
.sbc-edu-val--red   { color: #ef4444 !important; font-weight: 600; }

.sbc-edu-list {
  list-style: none;
  margin: 14px 0 18px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sbc-edu-list li {
  display: flex;
  gap: 10px;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255,255,255,0.6);
}
.sbc-edu-list li::before {
  content: '→';
  color: #10b981;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}
.sbc-edu-list li strong { color: rgba(255,255,255,0.85); }

.sbc-edu-formula {
  background: rgba(0,0,0,0.4);
  border: 1px solid rgba(16,185,129,0.2);
  border-left: 3px solid #10b981;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 20px 0;
  font-family: 'Courier New', monospace;
  font-size: 14px;
  color: #10b981;
  letter-spacing: 0.02em;
  line-height: 1.7;
}

.sbc-edu-scenario {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px;
  padding: 22px 24px;
  margin: 24px 0;
}
.sbc-edu-scenario-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 12px;
}
.sbc-edu-scenario h4 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}
.sbc-edu-scenario p {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,0.55);
  margin: 0 0 10px;
}
.sbc-edu-scenario p:last-child { margin-bottom: 0; }
.sbc-edu-scenario p strong { color: rgba(255,255,255,0.8); }

.sbc-edu-takeaway {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: linear-gradient(135deg, rgba(16,185,129,0.08), rgba(16,185,129,0.04));
  border: 1px solid rgba(16,185,129,0.25);
  border-radius: 16px;
  padding: 20px 22px;
  margin: 32px 0;
}
.sbc-edu-takeaway-icon {
  width: 38px;
  height: 38px;
  background: rgba(16,185,129,0.15);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #10b981;
}
.sbc-edu-takeaway-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #10b981;
  margin-bottom: 5px;
}
.sbc-edu-takeaway p {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255,255,255,0.7);
  margin: 0;
}
.sbc-edu-takeaway p strong { color: #fff; }

.sbc-edu-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 88px;
}
.sbc-edu-sidebar-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px;
  padding: 20px;
}
.sbc-edu-sidebar-card-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 14px;
}

.sbc-edu-toc-link {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  text-decoration: none;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  line-height: 1.4;
  transition: color 0.18s;
}
.sbc-edu-toc-link:last-child { border-bottom: none; }
.sbc-edu-toc-link:hover { color: #10b981; }
.sbc-edu-toc-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: rgba(16,185,129,0.5);
  flex-shrink: 0;
  margin-top: 1px;
}

.sbc-edu-related-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  text-decoration: none;
}
.sbc-edu-related-item:last-child { border-bottom: none; }
.sbc-edu-related-icon {
  width: 32px;
  height: 32px;
  background: rgba(16,185,129,0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #10b981;
}
.sbc-edu-related-text { }
.sbc-edu-related-title {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  display: block;
  line-height: 1.35;
  transition: color 0.18s;
}
.sbc-edu-related-item:hover .sbc-edu-related-title { color: #10b981; }
.sbc-edu-related-meta {
  font-size: 11px;
  color: rgba(255,255,255,0.25);
  margin-top: 2px;
}

.sbc-edu-sidebar-cta {
  background: linear-gradient(135deg, rgba(16,185,129,0.1), rgba(16,185,129,0.04));
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 16px;
  padding: 20px;
  text-align: center;
}
.sbc-edu-sidebar-cta-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.sbc-edu-sidebar-cta p {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.6;
  margin: 0 0 14px;
}
.sbc-edu-sidebar-cta-btn {
  display: block;
  background: #10b981;
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 10px 16px;
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.18s;
}
.sbc-edu-sidebar-cta-btn:hover { background: #059669; color: #fff; }

.sbc-edu-article-nav {
  border-top: 1px solid rgba(255,255,255,0.07);
  padding-top: 40px;
  margin-top: 48px;
}
.sbc-edu-article-nav-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  margin-bottom: 20px;
}
.sbc-edu-article-nav-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}
.sbc-edu-nav-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 16px;
  text-decoration: none;
  transition: border-color 0.18s, background 0.18s;
}
.sbc-edu-nav-card:hover {
  border-color: rgba(16,185,129,0.3);
  background: rgba(16,185,129,0.04);
}
.sbc-edu-nav-card-icon {
  width: 36px;
  height: 36px;
  background: rgba(16,185,129,0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #10b981;
}
.sbc-edu-nav-card-title {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.75);
  display: block;
  margin-bottom: 3px;
  line-height: 1.3;
}
.sbc-edu-nav-card-meta {
  font-size: 12px;
  color: rgba(255,255,255,0.3);
}

html.light .sbc-edu-main { background: #f4f6f9; }
html.light .sbc-edu-hero-bg::before { background: radial-gradient(ellipse 70% 60% at 60% 40%, rgba(16,185,129,0.05) 0%, transparent 70%); }
html.light .sbc-edu-hero-grid { opacity: 0.5; }
html.light .sbc-edu-breadcrumb,
html.light .sbc-edu-breadcrumb a { color: rgba(0,0,0,0.35); }
html.light .sbc-edu-breadcrumb a:hover { color: #059669; }
html.light .sbc-edu-hero-title { color: #0d1117; }
html.light .sbc-edu-hero-deck { color: rgba(0,0,0,0.55); }
html.light .sbc-edu-hero-key-point { background: rgba(16,185,129,0.06); color: rgba(0,0,0,0.6); }
html.light .sbc-edu-article h2 { color: #0d1117; }
html.light .sbc-edu-article h3 { color: rgba(0,0,0,0.7); }
html.light .sbc-edu-article p { color: rgba(0,0,0,0.62); }
html.light .sbc-edu-article p strong { color: rgba(0,0,0,0.82); }
html.light .sbc-edu-callout--green { background: rgba(16,185,129,0.06); color: rgba(0,0,0,0.6); }
html.light .sbc-edu-callout--amber { background: rgba(245,158,11,0.06); color: rgba(0,0,0,0.6); }
html.light .sbc-edu-callout--blue  { background: rgba(59,130,246,0.06); color: rgba(0,0,0,0.6); }
html.light .sbc-edu-stat { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
html.light .sbc-edu-stat-lbl { color: rgba(0,0,0,0.4); }
html.light .sbc-edu-table-wrap { border-color: rgba(0,0,0,0.08); }
html.light .sbc-edu-table thead tr { background: rgba(16,185,129,0.06); }
html.light .sbc-edu-table th { color: rgba(0,0,0,0.4); }
html.light .sbc-edu-table td { color: rgba(0,0,0,0.6); border-color: rgba(0,0,0,0.05); }
html.light .sbc-edu-table td strong { color: rgba(0,0,0,0.8); }
html.light .sbc-edu-list li { color: rgba(0,0,0,0.6); }
html.light .sbc-edu-list li strong { color: rgba(0,0,0,0.8); }
html.light .sbc-edu-formula { background: #f0f4f1; color: #059669; }
html.light .sbc-edu-scenario { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
html.light .sbc-edu-scenario h4 { color: #0d1117; }
html.light .sbc-edu-scenario p { color: rgba(0,0,0,0.55); }
html.light .sbc-edu-takeaway { background: linear-gradient(135deg, rgba(16,185,129,0.06), rgba(16,185,129,0.02)); }
html.light .sbc-edu-takeaway p { color: rgba(0,0,0,0.62); }
html.light .sbc-edu-sidebar-card { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 12px rgba(0,0,0,0.05); }
html.light .sbc-edu-toc-link { color: rgba(0,0,0,0.45); border-color: rgba(0,0,0,0.06); }
html.light .sbc-edu-related-title { color: rgba(0,0,0,0.65); }
html.light .sbc-edu-related-meta { color: rgba(0,0,0,0.3); }
html.light .sbc-edu-sidebar-card-label { color: rgba(0,0,0,0.35); }
html.light .sbc-edu-sidebar-cta-title { color: rgba(0,0,0,0.85); }
html.light .sbc-edu-sidebar-cta p { color: rgba(0,0,0,0.5); }
html.light .sbc-edu-nav-card { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-edu-nav-card:hover { background: rgba(16,185,129,0.04); border-color: rgba(16,185,129,0.25); }
html.light .sbc-edu-nav-card-title { color: rgba(0,0,0,0.7); }
html.light .sbc-edu-nav-card-meta { color: rgba(0,0,0,0.35); }

.sbc-edu-level-badge--advanced {
  background: rgba(139,92,246,0.12);
  color: #a78bfa;
  border-color: rgba(139,92,246,0.2);
}

.sbc-hub-main { background: #080b0f; min-height: 100vh; }

.sbc-hub-hero {
  position: relative;
  padding: 100px 0 72px;
  overflow: hidden;
}
.sbc-hub-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.sbc-hub-hero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(16,185,129,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
}
.sbc-hub-hero-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
}
.sbc-hub-hero-orb--1 {
  width: 500px; height: 500px;
  background: rgba(16,185,129,0.06);
  top: -100px; right: -100px;
}
.sbc-hub-hero-orb--2 {
  width: 300px; height: 300px;
  background: rgba(139,92,246,0.04);
  bottom: -50px; left: 10%;
}
.sbc-hub-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
}
.sbc-hub-hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.sbc-hub-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #10b981;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.18);
  padding: 4px 10px;
  border-radius: 20px;
}
.sbc-hub-badge-sep {
  font-size: 12px;
  color: rgba(255,255,255,0.2);
  font-weight: 500;
}
.sbc-hub-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(42px, 6vw, 72px);
  font-weight: 900;
  line-height: 1.0;
  color: #fff;
  letter-spacing: -0.02em;
  margin: 0 0 20px;
}
.sbc-hub-hero-title em {
  color: #10b981;
  font-style: normal;
}
.sbc-hub-hero-deck {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,0.55);
  margin: 0 0 32px;
  max-width: 640px;
}
.sbc-hub-hero-stats {
  display: flex;
  gap: 32px;
}
.sbc-hub-hero-stat {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.sbc-hub-hero-stat-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 32px;
  font-weight: 900;
  color: #10b981;
  line-height: 1;
}
.sbc-hub-hero-stat-lbl {
  font-size: 12px;
  color: rgba(255,255,255,0.3);
  font-weight: 500;
}

.sbc-hub-body {
  padding: 0 0 80px;
}

.sbc-hub-intro-bar {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 40px;
  align-items: start;
  padding: 40px 0 48px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  margin-bottom: 48px;
}
@media (max-width: 900px) { .sbc-hub-intro-bar { grid-template-columns: 1fr; } }

.sbc-hub-intro-text p {
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255,255,255,0.55);
  margin: 0 0 14px;
}
.sbc-hub-intro-text p:last-child { margin-bottom: 0; }

.sbc-hub-intro-cta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sbc-hub-tool-cta {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background: rgba(16,185,129,0.06);
  border: 1px solid rgba(16,185,129,0.18);
  border-radius: 14px;
  text-decoration: none;
  transition: all 0.2s;
}
.sbc-hub-tool-cta:hover {
  background: rgba(16,185,129,0.1);
  border-color: rgba(16,185,129,0.3);
  transform: translateX(3px);
}
.sbc-hub-tool-cta > i:first-child { color: #10b981; flex-shrink: 0; }
.sbc-hub-tool-cta--dim {
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.07);
}
.sbc-hub-tool-cta--dim:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.12);
}
.sbc-hub-tool-cta--dim > i:first-child { color: rgba(255,255,255,0.4); }
.sbc-hub-tool-cta-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.85);
  margin-bottom: 2px;
}
.sbc-hub-tool-cta-sub {
  display: block;
  font-size: 12px;
  color: rgba(255,255,255,0.35);
}
.sbc-hub-tool-cta-arrow {
  margin-left: auto;
  color: rgba(255,255,255,0.2);
  flex-shrink: 0;
  transition: color 0.2s;
}
.sbc-hub-tool-cta:hover .sbc-hub-tool-cta-arrow { color: #10b981; }

.sbc-hub-series-label {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.sbc-hub-series-label span {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  white-space: nowrap;
}
.sbc-hub-series-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,0.06);
}

.sbc-hub-articles {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 72px;
}
.sbc-hub-article-card {
  display: grid;
  grid-template-columns: 64px 1fr 80px;
  gap: 0;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px;
  padding: 28px 28px 28px 0;
  text-decoration: none;
  transition: all 0.22s;
  overflow: hidden;
  position: relative;
}
.sbc-hub-article-card::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: transparent;
  transition: background 0.22s;
  border-radius: 18px 0 0 18px;
}
.sbc-hub-article-card:hover {
  background: rgba(16,185,129,0.04);
  border-color: rgba(16,185,129,0.18);
  transform: translateX(4px);
}
.sbc-hub-article-card:hover::before {
  background: #10b981;
}
.sbc-hub-article-card--advanced {
  background: rgba(139,92,246,0.025);
  border-color: rgba(139,92,246,0.08);
}
.sbc-hub-article-card--advanced:hover {
  background: rgba(139,92,246,0.05);
  border-color: rgba(139,92,246,0.2);
}
.sbc-hub-article-card--advanced:hover::before {
  background: #a78bfa;
}

.sbc-hub-article-num {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 4px;
}
.sbc-hub-article-num span {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 28px;
  font-weight: 900;
  color: rgba(255,255,255,0.08);
  line-height: 1;
}

.sbc-hub-article-body { padding-right: 20px; }

.sbc-hub-article-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.sbc-hub-article-level {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 4px;
}
.sbc-hub-article-level--intermediate {
  background: rgba(16,185,129,0.1);
  color: #10b981;
  border: 1px solid rgba(16,185,129,0.2);
}
.sbc-hub-article-level--advanced {
  background: rgba(139,92,246,0.1);
  color: #a78bfa;
  border: 1px solid rgba(139,92,246,0.2);
}
.sbc-hub-article-read {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: rgba(255,255,255,0.25);
}
.sbc-hub-article-read i { color: rgba(255,255,255,0.2); }

.sbc-hub-article-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 4px;
  letter-spacing: -0.01em;
}
.sbc-hub-article-short {
  font-size: 13px;
  font-weight: 600;
  color: #10b981;
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.sbc-hub-article-desc {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255,255,255,0.4);
  margin: 0 0 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sbc-hub-article-cta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,0.3);
  transition: color 0.2s;
}
.sbc-hub-article-card:hover .sbc-hub-article-cta { color: #10b981; }

.sbc-hub-article-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.05);
  transition: color 0.22s;
}
.sbc-hub-article-card:hover .sbc-hub-article-icon { color: rgba(16,185,129,0.15); }
.sbc-hub-article-card--advanced:hover .sbc-hub-article-icon { color: rgba(139,92,246,0.15); }

@media (max-width: 700px) {
  .sbc-hub-article-card { grid-template-columns: 48px 1fr; }
  .sbc-hub-article-icon { display: none; }
  .sbc-hub-article-desc { -webkit-line-clamp: 3; }
}

.sbc-hub-philosophy {
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 64px;
}
.sbc-hub-philosophy-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}
@media (max-width: 900px) { .sbc-hub-philosophy-inner { grid-template-columns: 1fr; gap: 40px; } }

.sbc-hub-philosophy-eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  margin-bottom: 16px;
}
.sbc-hub-philosophy-eyebrow i { color: rgba(255,255,255,0.2); }
.sbc-hub-philosophy-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(28px, 3.5vw, 38px);
  font-weight: 900;
  color: #fff;
  margin: 0 0 18px;
  letter-spacing: -0.01em;
}
.sbc-hub-philosophy-text p {
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255,255,255,0.5);
  margin: 0 0 14px;
}
.sbc-hub-philosophy-text p:last-child { margin-bottom: 0; }

.sbc-hub-philosophy-pillars {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sbc-hub-pillar {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
  padding: 20px;
}
.sbc-hub-pillar-icon {
  width: 38px; height: 38px;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.15);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #10b981;
  margin-bottom: 12px;
}
.sbc-hub-pillar h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: rgba(255,255,255,0.85);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 7px;
}
.sbc-hub-pillar p {
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(255,255,255,0.4);
  margin: 0;
}

html.light .sbc-hub-main { background: #f4f6f9; }
html.light .sbc-hub-hero-grid { opacity: 0.4; }
html.light .sbc-hub-hero-title { color: #0d1117; }
html.light .sbc-hub-hero-deck { color: rgba(0,0,0,0.55); }
html.light .sbc-hub-hero-stat-lbl { color: rgba(0,0,0,0.35); }
html.light .sbc-hub-badge-sep { color: rgba(0,0,0,0.2); }
html.light .sbc-hub-intro-bar { border-color: rgba(0,0,0,0.07); }
html.light .sbc-hub-intro-text p { color: rgba(0,0,0,0.55); }
html.light .sbc-hub-tool-cta-title { color: rgba(0,0,0,0.7); }
html.light .sbc-hub-tool-cta-sub { color: rgba(0,0,0,0.35); }
html.light .sbc-hub-series-label span { color: rgba(0,0,0,0.25); }
html.light .sbc-hub-series-label::after { background: rgba(0,0,0,0.07); }
html.light .sbc-hub-article-card {
  background: #fff;
  border-color: rgba(0,0,0,0.08);
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
html.light .sbc-hub-article-card:hover { background: rgba(16,185,129,0.03); border-color: rgba(16,185,129,0.2); }
html.light .sbc-hub-article-num span { color: rgba(0,0,0,0.07); }
html.light .sbc-hub-article-title { color: #0d1117; }
html.light .sbc-hub-article-desc { color: rgba(0,0,0,0.45); }
html.light .sbc-hub-article-cta { color: rgba(0,0,0,0.3); }
html.light .sbc-hub-article-card:hover .sbc-hub-article-cta { color: #059669; }
html.light .sbc-hub-philosophy { border-color: rgba(0,0,0,0.07); }
html.light .sbc-hub-philosophy-title { color: #0d1117; }
html.light .sbc-hub-philosophy-text p { color: rgba(0,0,0,0.5); }
html.light .sbc-hub-pillar { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
html.light .sbc-hub-pillar h3 { color: rgba(0,0,0,0.7); }
html.light .sbc-hub-pillar p { color: rgba(0,0,0,0.45); }

.sbc-meth-main { background: #080b0f; min-height: 100vh; }

.sbc-meth-hero {
  position: relative;
  padding: 100px 0 72px;
  overflow: hidden;
}
.sbc-meth-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.sbc-meth-hero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(16,185,129,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
}
.sbc-meth-hero-orb {
  position: absolute;
  width: 600px; height: 400px;
  right: -100px; top: -80px;
  background: radial-gradient(ellipse, rgba(16,185,129,0.05) 0%, transparent 70%);
  pointer-events: none;
}
.sbc-meth-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 900px;
}
.sbc-meth-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #10b981;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.18);
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.sbc-meth-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(40px, 6vw, 70px);
  font-weight: 900;
  line-height: 1.0;
  color: #fff;
  letter-spacing: -0.02em;
  margin: 0 0 20px;
}
.sbc-meth-hero-title em { color: #10b981; font-style: normal; }
.sbc-meth-hero-deck {
  font-size: 17px;
  line-height: 1.72;
  color: rgba(255,255,255,0.5);
  max-width: 700px;
  margin: 0 0 36px;
}
.sbc-meth-hero-facts {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
}
.sbc-meth-hero-fact {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.sbc-meth-hero-fact-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 28px;
  font-weight: 900;
  color: #10b981;
  line-height: 1;
}
.sbc-meth-hero-fact-lbl {
  font-size: 12px;
  color: rgba(255,255,255,0.3);
  font-weight: 500;
}

.sbc-meth-body { padding: 0 0 100px; }

.sbc-meth-section-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  margin-bottom: 10px;
  display: block;
}
.sbc-meth-section-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(26px, 3.5vw, 36px);
  font-weight: 900;
  color: #fff;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}
.sbc-meth-section-intro {
  font-size: 15px;
  line-height: 1.72;
  color: rgba(255,255,255,0.5);
  max-width: 720px;
  margin: 0 0 36px;
}

.sbc-meth-honesty {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  background: rgba(16,185,129,0.04);
  border: 1px solid rgba(16,185,129,0.12);
  border-radius: 20px;
  padding: 36px;
  margin: 56px 0;
}
.sbc-meth-honesty-icon {
  width: 52px; height: 52px;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.18);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #10b981;
  flex-shrink: 0;
}
.sbc-meth-honesty-content h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}
.sbc-meth-honesty-content p {
  font-size: 14.5px;
  line-height: 1.7;
  color: rgba(255,255,255,0.5);
  margin: 0 0 10px;
}
.sbc-meth-honesty-content p:last-child { margin-bottom: 0; }
@media (max-width: 640px) { .sbc-meth-honesty { flex-direction: column; padding: 24px; } }

.sbc-meth-weights-section {
  margin-bottom: 80px;
}
.sbc-meth-weight-bars {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 800px;
}
.sbc-meth-weight-bar-row {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 16px;
  align-items: center;
}
@media (max-width: 640px) { .sbc-meth-weight-bar-row { grid-template-columns: 1fr; gap: 8px; } }
.sbc-meth-weight-bar-label {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sbc-meth-weight-bar-icon {
  width: 36px; height: 36px;
  border-radius: 10px;
  border: 1px solid transparent;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.sbc-meth-weight-bar-name {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.8);
  line-height: 1.2;
}
.sbc-meth-weight-bar-pct {
  display: block;
  font-size: 11px;
  color: rgba(255,255,255,0.3);
}
.sbc-meth-weight-bar-track {
  height: 8px;
  background: rgba(255,255,255,0.05);
  border-radius: 99px;
  overflow: hidden;
}
.sbc-meth-weight-bar-fill {
  height: 100%;
  border-radius: 99px;
  transition: width 0.6s ease;
  opacity: 0.85;
}

.sbc-meth-criteria-section { margin-bottom: 80px; }

.sbc-meth-criterion {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 20px;
  transition: border-color 0.2s;
}
.sbc-meth-criterion:hover { border-color: rgba(255,255,255,0.1); }

.sbc-meth-criterion-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.sbc-meth-criterion-icon {
  width: 48px; height: 48px;
  border-radius: 14px;
  border: 1px solid transparent;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.sbc-meth-criterion-hd {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.sbc-meth-criterion-hd h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: rgba(255,255,255,0.9);
  margin: 0;
  letter-spacing: -0.01em;
}
.sbc-meth-criterion-weight {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 99px;
  border: 1px solid transparent;
}
.sbc-meth-criterion-intro {
  font-size: 14.5px;
  line-height: 1.72;
  color: rgba(255,255,255,0.5);
  margin: 0 0 24px;
  max-width: 800px;
}
.sbc-meth-criterion-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 800px) { .sbc-meth-criterion-detail { grid-template-columns: 1fr; } }

.sbc-meth-detail-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  margin-bottom: 10px;
}
.sbc-meth-detail-label i { color: rgba(255,255,255,0.2); }
.sbc-meth-criterion-method p {
  font-size: 13px;
  line-height: 1.68;
  color: rgba(255,255,255,0.42);
  margin: 0 0 12px;
}
.sbc-meth-data-note {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 11px;
  color: rgba(255,255,255,0.3);
  line-height: 1.5;
}
.sbc-meth-data-note i { flex-shrink: 0; margin-top: 1px; color: rgba(255,255,255,0.2); }

.sbc-meth-sub-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.sbc-meth-sub-label {
  font-size: 12px;
  color: rgba(255,255,255,0.45);
  width: 200px;
  flex-shrink: 0;
}
@media (max-width: 500px) { .sbc-meth-sub-label { width: 140px; } }
.sbc-meth-sub-bar-track {
  flex: 1;
  height: 5px;
  background: rgba(255,255,255,0.05);
  border-radius: 99px;
  overflow: hidden;
}
.sbc-meth-sub-bar-fill {
  height: 100%;
  border-radius: 99px;
  opacity: 0.7;
}
.sbc-meth-sub-pct {
  font-size: 11px;
  color: rgba(255,255,255,0.25);
  width: 28px;
  text-align: right;
  flex-shrink: 0;
}

.sbc-meth-scorecard-section { margin-bottom: 80px; }
.sbc-meth-scorecard-wrap {
  overflow-x: auto;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  background: rgba(255,255,255,0.02);
}
.sbc-meth-scorecard {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
.sbc-meth-scorecard thead tr {
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.sbc-meth-scorecard th {
  padding: 14px 16px;
  text-align: left;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
}
.sbc-meth-scorecard th span { display: block; }
.sbc-meth-th-weight {
  font-size: 9px !important;
  color: rgba(255,255,255,0.15) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
}
.sbc-meth-scorecard tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: background 0.15s;
}
.sbc-meth-scorecard tbody tr:last-child { border-bottom: none; }
.sbc-meth-scorecard tbody tr:hover { background: rgba(255,255,255,0.025); }
.sbc-meth-scorecard td {
  padding: 14px 16px;
  font-size: 13px;
  color: rgba(255,255,255,0.55);
  vertical-align: middle;
}
.sbc-meth-sc-name {
  font-weight: 700 !important;
  color: rgba(255,255,255,0.85) !important;
  white-space: nowrap;
}
.sbc-meth-sc-vig {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.sbc-meth-val--green { color: #10b981 !important; }
.sbc-meth-val--amber { color: #f59e0b !important; }
.sbc-meth-val--red   { color: #f87171 !important; }

.sbc-meth-sc-score {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 80px;
}
.sbc-meth-sc-bar-track {
  flex: 1;
  height: 4px;
  background: rgba(255,255,255,0.06);
  border-radius: 99px;
  overflow: hidden;
}
.sbc-meth-sc-bar-fill {
  height: 100%;
  border-radius: 99px;
  opacity: 0.75;
}
.sbc-meth-sc-bar--green  { background: #10b981; }
.sbc-meth-sc-bar--blue   { background: #3b82f6; }
.sbc-meth-sc-bar--amber  { background: #f59e0b; }
.sbc-meth-sc-bar--purple { background: #a78bfa; }
.sbc-meth-sc-bar--gray   { background: #94a3b8; }

.sbc-meth-sc-score > span {
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,0.65);
  white-space: nowrap;
  width: 22px;
  text-align: right;
}
.sbc-meth-sc-overall { white-space: nowrap; }
.sbc-meth-sc-rating {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #10b981;
}
.sbc-meth-sc-rating-max {
  font-size: 12px;
  color: rgba(255,255,255,0.2);
  margin-left: 1px;
}
.sbc-meth-scorecard-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 16px 20px;
  border-top: 1px solid rgba(255,255,255,0.05);
  font-size: 11.5px;
  color: rgba(255,255,255,0.25);
  line-height: 1.55;
}
.sbc-meth-scorecard-note i { flex-shrink: 0; margin-top: 1px; }

.sbc-meth-nodo-section { margin-bottom: 80px; }
.sbc-meth-nodo-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (max-width: 700px) { .sbc-meth-nodo-grid { grid-template-columns: 1fr; } }
.sbc-meth-nodo-card {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  padding: 24px;
}
.sbc-meth-nodo-icon {
  width: 40px; height: 40px;
  background: rgba(248,113,113,0.08);
  border: 1px solid rgba(248,113,113,0.15);
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  color: #f87171;
  margin-bottom: 14px;
}
.sbc-meth-nodo-card h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: rgba(255,255,255,0.8);
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.sbc-meth-nodo-card p {
  font-size: 13.5px;
  line-height: 1.68;
  color: rgba(255,255,255,0.4);
  margin: 0;
}

.sbc-meth-update-section {
  background: rgba(16,185,129,0.04);
  border: 1px solid rgba(16,185,129,0.12);
  border-radius: 20px;
  padding: 48px;
}
@media (max-width: 640px) { .sbc-meth-update-section { padding: 28px; } }
.sbc-meth-update-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
  align-items: start;
}
@media (max-width: 800px) { .sbc-meth-update-inner { grid-template-columns: 1fr; } }
.sbc-meth-update-text .sbc-meth-section-label { margin-bottom: 8px; }
.sbc-meth-update-text h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}
.sbc-meth-update-text p {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,0.5);
  margin: 0 0 12px;
}
.sbc-meth-update-text p:last-child { margin: 0; }
.sbc-meth-update-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 240px;
}
.sbc-meth-update-cta {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s;
  white-space: nowrap;
}
.sbc-meth-update-cta--primary {
  background: #10b981;
  color: #fff;
}
.sbc-meth-update-cta--primary:hover { background: #059669; transform: translateY(-1px); }
.sbc-meth-update-cta--secondary {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.65);
}
.sbc-meth-update-cta--secondary:hover { background: rgba(255,255,255,0.08); color: #fff; }

.sbc-sr-meth-card {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 18px;
  margin-top: 14px;
}
.sbc-sr-meth-card-hd {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  margin-bottom: 10px;
}
.sbc-sr-meth-card-hd i { color: #10b981; }
.sbc-sr-meth-card-intro {
  font-size: 12px;
  line-height: 1.6;
  color: rgba(255,255,255,0.35);
  margin: 0 0 14px;
}
.sbc-sr-meth-criteria {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 14px;
}
.sbc-sr-meth-row {
  display: flex;
  align-items: center;
  gap: 7px;
}
.sbc-sr-meth-row-label {
  flex: 1;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
}
.sbc-sr-meth-row-weight {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,0.2);
  letter-spacing: 0.05em;
}
.sbc-sr-meth-card-link {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 700;
  color: #10b981;
  text-decoration: none;
  transition: color 0.2s;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding-top: 12px;
}
.sbc-sr-meth-card-link:hover { color: #34d399; }
.sbc-sr-meth-card-link i { flex-shrink: 0; }

html.light .sbc-meth-main { background: #f4f6f9; }
html.light .sbc-meth-hero-grid {
  background-image:
    linear-gradient(rgba(16,185,129,0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,185,129,0.09) 1px, transparent 1px);
  background-size: 48px 48px;
  opacity: 1;
}
html.light .sbc-meth-hero-title { color: #0d1117; }
html.light .sbc-meth-hero-deck { color: rgba(0,0,0,0.55); }
html.light .sbc-meth-hero-fact-lbl { color: rgba(0,0,0,0.35); }
html.light .sbc-meth-th-weight { color: rgba(0,0,0,0.35) !important; }
html.light .sbc-meth-section-title { color: #0d1117; }
html.light .sbc-meth-section-intro { color: rgba(0,0,0,0.55); }
html.light .sbc-meth-section-label { color: rgba(0,0,0,0.25); }
html.light .sbc-meth-honesty { background: rgba(16,185,129,0.04); border-color: rgba(16,185,129,0.12); }
html.light .sbc-meth-honesty-content h2 { color: #0d1117; }
html.light .sbc-meth-honesty-content p { color: rgba(0,0,0,0.5); }
html.light .sbc-meth-weight-bar-name { color: rgba(0,0,0,0.7); }
html.light .sbc-meth-weight-bar-pct { color: rgba(0,0,0,0.3); }
html.light .sbc-meth-weight-bar-track { background: rgba(0,0,0,0.06); }
html.light .sbc-meth-criterion { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 12px rgba(0,0,0,0.04); }
html.light .sbc-meth-criterion-hd h3 { color: rgba(0,0,0,0.8); }
html.light .sbc-meth-criterion-intro { color: rgba(0,0,0,0.55); }
html.light .sbc-meth-detail-label { color: rgba(0,0,0,0.25); }
html.light .sbc-meth-criterion-method p { color: rgba(0,0,0,0.5); }
html.light .sbc-meth-data-note { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.07); color: rgba(0,0,0,0.35); }
html.light .sbc-meth-sub-label { color: rgba(0,0,0,0.45); }
html.light .sbc-meth-sub-bar-track { background: rgba(0,0,0,0.06); }
html.light .sbc-meth-sub-pct { color: rgba(0,0,0,0.25); }
html.light .sbc-meth-scorecard-wrap { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-meth-scorecard thead tr { border-color: rgba(0,0,0,0.07); }
html.light .sbc-meth-scorecard th { color: rgba(0,0,0,0.3); }
html.light .sbc-meth-scorecard tbody tr { border-color: rgba(0,0,0,0.05); }
html.light .sbc-meth-scorecard tbody tr:hover { background: rgba(0,0,0,0.02); }
html.light .sbc-meth-scorecard td { color: rgba(0,0,0,0.55); }
html.light .sbc-meth-sc-name { color: rgba(0,0,0,0.8) !important; }
html.light .sbc-meth-sc-bar-track { background: rgba(0,0,0,0.06); }
html.light .sbc-meth-sc-score > span { color: rgba(0,0,0,0.55); }
html.light .sbc-meth-scorecard-note { border-color: rgba(0,0,0,0.06); color: rgba(0,0,0,0.3); }
html.light .sbc-meth-nodo-card { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
html.light .sbc-meth-nodo-card h3 { color: rgba(0,0,0,0.7); }
html.light .sbc-meth-nodo-card p { color: rgba(0,0,0,0.45); }
html.light .sbc-meth-update-section { background: rgba(16,185,129,0.04); border-color: rgba(16,185,129,0.12); }
html.light .sbc-meth-update-text h2 { color: #0d1117; }
html.light .sbc-meth-update-text p { color: rgba(0,0,0,0.5); }
html.light .sbc-meth-update-cta--secondary { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.55); }
html.light .sbc-meth-update-cta--secondary:hover { color: #0d1117; }

html.light .sbc-sr-meth-card { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
html.light .sbc-sr-meth-card-hd { color: rgba(0,0,0,0.35); }
html.light .sbc-sr-meth-card-intro { color: rgba(0,0,0,0.4); }
html.light .sbc-sr-meth-row-label { color: rgba(0,0,0,0.45); }
html.light .sbc-sr-meth-row-weight { color: rgba(0,0,0,0.25); }
html.light .sbc-sr-meth-card-link { border-color: rgba(0,0,0,0.07); }

.sbc-meth-th-review {
  text-align: center !important;
  white-space: nowrap;
}
.sbc-meth-sc-review-cell {
  text-align: center;
  white-space: nowrap;
}
.sbc-meth-sc-review-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #10b981;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 6px;
  padding: 4px 10px;
  text-decoration: none;
  transition: all 0.18s;
}
.sbc-meth-sc-review-cta:hover {
  background: rgba(16,185,129,0.15);
  border-color: rgba(16,185,129,0.4);
  color: #34d399;
  transform: translateX(2px);
}
.sbc-meth-sc-review-cta i { flex-shrink: 0; }
.sbc-meth-sc-review-soon {
  font-size: 10px;
  color: rgba(255,255,255,0.15);
  font-style: italic;
}
.sbc-meth-sc-empty {
  text-align: center !important;
  padding: 40px 20px !important;
  color: rgba(255,255,255,0.25) !important;
  font-size: 14px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

html.light .sbc-meth-sc-review-cta { color: #059669; background: rgba(16,185,129,0.07); border-color: rgba(16,185,129,0.2); }
html.light .sbc-meth-sc-review-cta:hover { background: rgba(16,185,129,0.12); color: #047857; }
html.light .sbc-meth-sc-review-soon { color: rgba(0,0,0,0.2); }
html.light .sbc-meth-sc-empty { color: rgba(0,0,0,0.3) !important; }

.sbc-inline-link {
  color: #10b981;
  text-decoration: underline;
  text-decoration-color: rgba(16,185,129,0.3);
  text-underline-offset: 2px;
  font-weight: 600;
  transition: color 0.15s, text-decoration-color 0.15s;
}
.sbc-inline-link:hover {
  color: #34d399;
  text-decoration-color: rgba(52,211,153,0.6);
}
html.light .sbc-inline-link { color: #059669; text-decoration-color: rgba(5,150,105,0.3); }
html.light .sbc-inline-link:hover { color: #047857; text-decoration-color: rgba(4,120,87,0.5); }

.sbc-related-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  margin: 16px 0;
  background: rgba(16,185,129,0.05);
  border-left: 2px solid rgba(16,185,129,0.3);
  border-radius: 0 8px 8px 0;
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  line-height: 1.5;
}
.sbc-related-strip i { color: #10b981; flex-shrink: 0; }
.sbc-related-strip-link {
  color: #10b981;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(16,185,129,0.3);
  transition: color 0.15s, border-color 0.15s;
}
.sbc-related-strip-link:hover {
  color: #34d399;
  border-color: rgba(52,211,153,0.5);
}
html.light .sbc-related-strip {
  background: rgba(16,185,129,0.05);
  border-left-color: rgba(16,185,129,0.35);
  color: rgba(0,0,0,0.5);
}
html.light .sbc-related-strip i { color: #059669; }
html.light .sbc-related-strip-link { color: #059669; border-color: rgba(5,150,105,0.3); }
html.light .sbc-related-strip-link:hover { color: #047857; }

.sbc-sr-scoring-note {
  font-size: 13px;
  color: rgba(255,255,255,0.38);
  margin: 0 0 16px;
  line-height: 1.6;
}
.sbc-sr-scoring-note .sbc-inline-link { font-size: 13px; }
html.light .sbc-sr-scoring-note { color: rgba(0,0,0,0.4); }

.sbc-review-related {
  margin-top: 24px;
  padding: 20px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
}
.sbc-review-related-hd {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  margin-bottom: 14px;
}
.sbc-review-related-hd i { color: rgba(255,255,255,0.2); }
.sbc-review-related-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sbc-review-related-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.55;
}
.sbc-review-related-list li i {
  color: #10b981;
  flex-shrink: 0;
  margin-top: 2px;
}
html.light .sbc-review-related {
  background: #fff;
  border-color: rgba(0,0,0,0.08);
  box-shadow: 0 1px 6px rgba(0,0,0,0.04);
}
html.light .sbc-review-related-hd { color: rgba(0,0,0,0.25); }
html.light .sbc-review-related-list li { color: rgba(0,0,0,0.5); }
html.light .sbc-review-related-list li i { color: #059669; }
html.light .sbc-review-related-list li a { color: #059669; }
html.light .sbc-review-related-list li a:hover { color: #047857; }

.sbc-review-related-list li a {
  color: #10b981;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(16,185,129,0.3);
  font-weight: 600;
  transition: color 0.15s;
}
.sbc-review-related-list li a:hover { color: #34d399; }

.sbc-omr-quarter-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  background: rgba(16,185,129,0.12);
  border: 1px solid rgba(16,185,129,0.25);
  border-radius: 20px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #10b981;
}
.sbc-omr-hero-stats {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  margin-top: 28px;
  padding: 20px 24px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
}
.sbc-omr-stat {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 0 16px 0 0;
  flex: 1;
  min-width: 0;
}
.sbc-omr-stat:first-child { padding-left: 0; }
.sbc-omr-stat-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 26px;
  font-weight: 800;
  color: #10b981;
  line-height: 1;
  letter-spacing: -0.01em;
}
.sbc-omr-stat-lbl {
  font-size: 11px;
  color: rgba(255,255,255,0.35);
  letter-spacing: 0.02em;
}
.sbc-omr-stat-div {
  width: 1px;
  height: 36px;
  background: rgba(255,255,255,0.08);
  margin: 0 16px 0 0;
  flex-shrink: 0;
}
html.light .sbc-omr-hero-stats { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-omr-stat-lbl   { color: rgba(0,0,0,0.4); }
html.light .sbc-omr-stat-div   { background: rgba(0,0,0,0.1); }

.sbc-omr-method-note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px 18px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 10px;
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.65;
  margin-bottom: 32px;
}
.sbc-omr-method-note i { color: rgba(255,255,255,0.2); flex-shrink: 0; margin-top: 2px; }
.sbc-omr-method-note strong { color: rgba(255,255,255,0.7); }
html.light .sbc-omr-method-note { background: #f8fafc; border-color: rgba(0,0,0,0.07); color: rgba(0,0,0,0.5); }
html.light .sbc-omr-method-note strong { color: rgba(0,0,0,0.75); }
html.light .sbc-omr-method-note i { color: rgba(0,0,0,0.2); }

.sbc-omr-table-wrap {
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.07);
  margin: 24px 0 8px;
}
.sbc-omr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.sbc-omr-table thead tr {
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.sbc-omr-table th {
  padding: 11px 14px;
  text-align: left;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  white-space: nowrap;
}
.sbc-omr-th-rank   { width: 36px; text-align: center; }
.sbc-omr-th-vig    { width: 130px; }
.sbc-omr-th-acct   { width: 180px; }
.sbc-omr-th-tier   { width: 100px; }
.sbc-omr-th-review { width: 70px; }

.sbc-omr-row {
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: background 0.15s;
}
.sbc-omr-row:last-child { border-bottom: none; }
.sbc-omr-row:hover { background: rgba(255,255,255,0.025); }
.sbc-omr-row--best { background: rgba(16,185,129,0.04); }
.sbc-omr-row--best:hover { background: rgba(16,185,129,0.07); }

.sbc-omr-table td { padding: 12px 14px; vertical-align: middle; }

.sbc-omr-td-rank { text-align: center; }
.sbc-omr-rank-best {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px; height: 22px;
  background: rgba(16,185,129,0.15);
  border-radius: 50%;
  color: #10b981;
}
.sbc-omr-rank-num {
  font-size: 12px;
  color: rgba(255,255,255,0.25);
  font-weight: 600;
}

.sbc-omr-td-name { white-space: nowrap; }
.sbc-omr-book-name {
  font-weight: 700;
  color: rgba(255,255,255,0.85);
  display: block;
  font-size: 13px;
}
.sbc-omr-book-badge {
  display: inline-block;
  margin-top: 3px;
  padding: 1px 7px;
  background: rgba(16,185,129,0.12);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #10b981;
  text-transform: uppercase;
}

.sbc-omr-td-vig { white-space: nowrap; }
.sbc-omr-vig-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 800;
  display: block;
  line-height: 1.2;
}
.sbc-omr-vig-val--sharp { color: #10b981; }
.sbc-omr-vig-val--mid   { color: #60a5fa; }
.sbc-omr-vig-val--rec   { color: #f59e0b; }
.sbc-omr-vig-bar-track {
  width: 80px;
  height: 3px;
  background: rgba(255,255,255,0.06);
  border-radius: 2px;
  margin-top: 5px;
  overflow: hidden;
}
.sbc-omr-vig-bar-fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.6s ease;
}

.sbc-omr-td-spreads,
.sbc-omr-td-ml {
  color: rgba(255,255,255,0.5);
  font-size: 12px;
}

.sbc-omr-acct {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
}
.sbc-omr-acct--good { color: #10b981; }
.sbc-omr-acct--warn { color: rgba(255,255,255,0.35); }

.sbc-omr-tier-badge {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.sbc-omr-tier-badge--green { background: rgba(16,185,129,0.12); color: #10b981; border: 1px solid rgba(16,185,129,0.2); }
.sbc-omr-tier-badge--blue  { background: rgba(96,165,250,0.12); color: #60a5fa; border: 1px solid rgba(96,165,250,0.2); }
.sbc-omr-tier-badge--amber { background: rgba(245,158,11,0.10); color: #f59e0b; border: 1px solid rgba(245,158,11,0.2); }

.sbc-omr-review-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  color: #10b981;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}
.sbc-omr-review-link:hover { background: rgba(16,185,129,0.18); border-color: rgba(16,185,129,0.35); }
.sbc-omr-review-soon { color: rgba(255,255,255,0.2); font-size: 12px; }

.sbc-omr-table-note {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: rgba(255,255,255,0.25);
  margin: 8px 0 32px;
  line-height: 1.5;
}
.sbc-omr-table-note i { flex-shrink: 0; color: rgba(255,255,255,0.15); }

html.light .sbc-omr-table thead tr { background: #f8fafc; border-color: rgba(0,0,0,0.07); }
html.light .sbc-omr-table th       { color: rgba(0,0,0,0.3); }
html.light .sbc-omr-row            { border-color: rgba(0,0,0,0.05); }
html.light .sbc-omr-row--best      { background: rgba(16,185,129,0.04); }
html.light .sbc-omr-table-wrap     { border-color: rgba(0,0,0,0.08); }
html.light .sbc-omr-book-name      { color: rgba(0,0,0,0.85); }
html.light .sbc-omr-rank-num       { color: rgba(0,0,0,0.25); }
html.light .sbc-omr-td-spreads,
html.light .sbc-omr-td-ml          { color: rgba(0,0,0,0.45); }
html.light .sbc-omr-acct--warn     { color: rgba(0,0,0,0.35); }
html.light .sbc-omr-vig-bar-track  { background: rgba(0,0,0,0.07); }
html.light .sbc-omr-table-note     { color: rgba(0,0,0,0.3); }

.sbc-omr-cost-table-wrap {
  overflow-x: auto;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.07);
  margin: 20px 0 24px;
}
.sbc-omr-cost-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.sbc-omr-cost-table th {
  padding: 10px 16px;
  text-align: left;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.02);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.sbc-omr-cost-table td {
  padding: 10px 16px;
  color: rgba(255,255,255,0.55);
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-omr-cost-table tr:last-child td { border-bottom: none; }
.sbc-omr-cost-diff {
  color: #10b981 !important;
  font-weight: 700;
}
html.light .sbc-omr-cost-table-wrap { border-color: rgba(0,0,0,0.08); }
html.light .sbc-omr-cost-table th   { color: rgba(0,0,0,0.3); background: #f8fafc; border-color: rgba(0,0,0,0.07); }
html.light .sbc-omr-cost-table td   { color: rgba(0,0,0,0.55); border-color: rgba(0,0,0,0.05); }

.sbc-omr-sport-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin: 20px 0 32px;
}
.sbc-omr-sport-card {
  padding: 18px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
}
.sbc-omr-sport-icon { color: #10b981; margin-bottom: 8px; }
.sbc-omr-sport-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: rgba(255,255,255,0.85);
  margin-bottom: 6px;
}
.sbc-omr-sport-note { font-size: 12px; color: rgba(255,255,255,0.4); line-height: 1.6; }
html.light .sbc-omr-sport-card { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-omr-sport-name { color: rgba(0,0,0,0.8); }
html.light .sbc-omr-sport-note { color: rgba(0,0,0,0.45); }

.sbc-omr-sources-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  overflow: hidden;
  margin: 20px 0 24px;
}
.sbc-omr-source-row {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 16px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  font-size: 13px;
  line-height: 1.6;
}
.sbc-omr-source-row:last-child { border-bottom: none; }
.sbc-omr-source-book {
  font-weight: 700;
  color: rgba(255,255,255,0.7);
  padding-top: 1px;
}
.sbc-omr-source-note { color: rgba(255,255,255,0.4); }
html.light .sbc-omr-sources-list   { border-color: rgba(0,0,0,0.08); }
html.light .sbc-omr-source-row     { border-color: rgba(0,0,0,0.05); }
html.light .sbc-omr-source-book    { color: rgba(0,0,0,0.75); }
html.light .sbc-omr-source-note    { color: rgba(0,0,0,0.45); }

.sbc-omr-nextsteps {
  margin-top: 40px;
  padding: 24px;
  background: rgba(16,185,129,0.04);
  border: 1px solid rgba(16,185,129,0.12);
  border-radius: 14px;
}
.sbc-omr-nextstep-hd {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  margin-bottom: 16px;
}
.sbc-omr-nextstep-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}
.sbc-omr-nextstep-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s;
}
.sbc-omr-nextstep-card:hover { background: rgba(255,255,255,0.06); border-color: rgba(16,185,129,0.2); }
.sbc-omr-nextstep-card i { color: #10b981; flex-shrink: 0; margin-top: 1px; }
.sbc-omr-nextstep-card strong { display: block; color: rgba(255,255,255,0.8); font-size: 13px; font-weight: 700; margin-bottom: 3px; }
.sbc-omr-nextstep-card span   { font-size: 11px; color: rgba(255,255,255,0.35); line-height: 1.5; }
html.light .sbc-omr-nextsteps          { background: rgba(16,185,129,0.03); border-color: rgba(16,185,129,0.1); }
html.light .sbc-omr-nextstep-hd        { color: rgba(0,0,0,0.25); }
html.light .sbc-omr-nextstep-card      { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-omr-nextstep-card strong { color: rgba(0,0,0,0.8); }
html.light .sbc-omr-nextstep-card span   { color: rgba(0,0,0,0.4); }

.sbc-omr-sidebar-snapshot { padding: 18px 16px; }
.sbc-omr-snap-row {
  display: grid;
  grid-template-columns: 80px 1fr 38px;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
}
.sbc-omr-snap-row:last-of-type { margin-bottom: 0; }
.sbc-omr-snap-name {
  font-size: 11px;
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sbc-omr-snap-bar-track {
  height: 4px;
  background: rgba(255,255,255,0.06);
  border-radius: 2px;
  overflow: hidden;
}
.sbc-omr-snap-bar-fill { height: 100%; border-radius: 2px; }
.sbc-omr-snap-val {
  font-size: 10px;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}
.sbc-omr-snap-note {
  font-size: 10px;
  color: rgba(255,255,255,0.2);
  margin-top: 12px;
  line-height: 1.5;
}
html.light .sbc-omr-snap-name  { color: rgba(0,0,0,0.45); }
html.light .sbc-omr-snap-bar-track { background: rgba(0,0,0,0.07); }
html.light .sbc-omr-snap-note  { color: rgba(0,0,0,0.25); }

.sbc-rg-tool-main {
  min-height: 100vh;
}
.sbc-rg-body {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 24px 80px;
}

.sbc-rg-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: rgba(255,255,255,0.3);
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.sbc-rg-breadcrumb a {
  color: rgba(255,255,255,0.4);
  text-decoration: none;
  transition: color 0.15s;
}
.sbc-rg-breadcrumb a:hover { color: #10b981; }
.sbc-rg-breadcrumb span:last-child { color: rgba(255,255,255,0.6); }

.sbc-rg-hero {
  position: relative;
  overflow: hidden;
  padding: 64px 24px 72px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  margin-bottom: 64px;
}
.sbc-rg-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 780px;
  margin: 0 auto;
}
.sbc-rg-hero-glow {
  position: absolute;
  top: -120px;
  left: -80px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,0.08) 0%, transparent 70%);
  pointer-events: none;
}
.sbc-rg-hero-glow--amber {
  background: radial-gradient(circle, rgba(245,158,11,0.08) 0%, transparent 70%);
}
.sbc-rg-hero-glow--red {
  background: radial-gradient(circle, rgba(239,68,68,0.08) 0%, transparent 70%);
}

.sbc-rg-hero-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: rgba(16,185,129,0.12);
  border: 1px solid rgba(16,185,129,0.25);
  color: #10b981;
  margin-bottom: 20px;
}
.sbc-rg-hero-icon-wrap--amber {
  background: rgba(245,158,11,0.1);
  border-color: rgba(245,158,11,0.25);
  color: #f59e0b;
}
.sbc-rg-hero-icon-wrap--red {
  background: rgba(239,68,68,0.1);
  border-color: rgba(239,68,68,0.25);
  color: #ef4444;
}

.sbc-rg-tool-eyebrow {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #10b981;
  margin-bottom: 10px;
}
.sbc-rg-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(42px, 8vw, 72px);
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #fff;
  margin-bottom: 20px;
}
.sbc-rg-hero-title span { color: #10b981; }
.sbc-rg-hero-title--amber span { color: #f59e0b; }
.sbc-rg-hero-title--red span   { color: #ef4444; }

.sbc-rg-hero-deck {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,0.55);
  max-width: 580px;
  margin-bottom: 32px;
}

.sbc-rg-hero-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.sbc-rg-hero-card {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 30px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.55);
}
.sbc-rg-hero-card svg { color: #10b981; flex-shrink: 0; }

html.light .sbc-rg-hero {
  background: #f4f7f5;
  border-color: rgba(0,0,0,0.07);
}
html.light .sbc-rg-hero-title    { color: #0d1117; }
html.light .sbc-rg-hero-deck     { color: rgba(0,0,0,0.5); }
html.light .sbc-rg-hero-card     { background: #fff; border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.5); }
html.light .sbc-rg-breadcrumb a  { color: rgba(0,0,0,0.4); }
html.light .sbc-rg-breadcrumb span:last-child { color: rgba(0,0,0,0.65); }
html.light .sbc-rg-tool-eyebrow  { color: #059669; }

.sbc-rg-section {
  margin-bottom: 56px;
}
.sbc-rg-section p {
  font-size: 15px;
  line-height: 1.8;
  color: rgba(255,255,255,0.6);
  margin-bottom: 18px;
}
.sbc-rg-section p:last-child { margin-bottom: 0; }
.sbc-rg-section-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 26px;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.9);
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
html.light .sbc-rg-section p         { color: rgba(0,0,0,0.6); }
html.light .sbc-rg-section-title     { color: rgba(0,0,0,0.85); border-color: rgba(0,0,0,0.08); }

.sbc-rg-callout {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 18px 20px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.7;
  margin: 24px 0;
}
.sbc-rg-callout svg { flex-shrink: 0; margin-top: 2px; }
.sbc-rg-callout strong { display: block; margin-bottom: 4px; }
.sbc-rg-callout--green {
  background: rgba(16,185,129,0.06);
  border: 1px solid rgba(16,185,129,0.18);
  color: rgba(255,255,255,0.6);
}
.sbc-rg-callout--green svg    { color: #10b981; }
.sbc-rg-callout--green strong { color: rgba(255,255,255,0.85); }
.sbc-rg-callout--amber {
  background: rgba(245,158,11,0.06);
  border: 1px solid rgba(245,158,11,0.2);
  color: rgba(255,255,255,0.6);
}
.sbc-rg-callout--amber svg    { color: #f59e0b; }
.sbc-rg-callout--amber strong { color: rgba(255,255,255,0.85); }
.sbc-rg-callout--red {
  background: rgba(239,68,68,0.05);
  border: 1px solid rgba(239,68,68,0.18);
  color: rgba(255,255,255,0.6);
}
.sbc-rg-callout--red svg    { color: #ef4444; }
.sbc-rg-callout--red strong { color: rgba(255,255,255,0.85); }
.sbc-rg-inline-link { color: #10b981; text-decoration: underline; text-underline-offset: 3px; }
html.light .sbc-rg-callout--green { background: #f0fdf4; border-color: rgba(16,185,129,0.2); color: rgba(0,0,0,0.6); }
html.light .sbc-rg-callout--green strong { color: rgba(0,0,0,0.8); }
html.light .sbc-rg-callout--amber { background: #fffbeb; border-color: rgba(245,158,11,0.25); color: rgba(0,0,0,0.6); }
html.light .sbc-rg-callout--amber strong { color: rgba(0,0,0,0.8); }
html.light .sbc-rg-callout--red   { background: #fef2f2; border-color: rgba(239,68,68,0.2); color: rgba(0,0,0,0.6); }
html.light .sbc-rg-callout--red strong   { color: rgba(0,0,0,0.8); }

.sbc-rg-periods-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin: 20px 0;
}
.sbc-rg-period-card {
  padding: 22px 20px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  transition: border-color 0.2s;
}
.sbc-rg-period-card:hover { border-color: rgba(16,185,129,0.2); }
.sbc-rg-period-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16,185,129,0.1);
  border-radius: 10px;
  color: #10b981;
  margin-bottom: 14px;
}
.sbc-rg-period-card h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  color: rgba(255,255,255,0.85);
  margin-bottom: 10px;
}
.sbc-rg-period-card p {
  font-size: 13px;
  line-height: 1.65;
  color: rgba(255,255,255,0.45);
  margin-bottom: 12px !important;
}
.sbc-rg-period-example {
  font-size: 12px;
  color: rgba(16,185,129,0.7);
  font-style: italic;
  padding: 10px 12px;
  background: rgba(16,185,129,0.05);
  border-left: 2px solid rgba(16,185,129,0.25);
  border-radius: 0 6px 6px 0;
  line-height: 1.55;
}
html.light .sbc-rg-period-card     { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-rg-period-card h3  { color: rgba(0,0,0,0.82); }
html.light .sbc-rg-period-card p   { color: rgba(0,0,0,0.5) !important; }
html.light .sbc-rg-period-example  { background: rgba(16,185,129,0.05); color: #059669; }

.sbc-rg-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 20px 0;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  overflow: hidden;
}
.sbc-rg-step {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  transition: background 0.15s;
}
.sbc-rg-step:last-child { border-bottom: none; }
.sbc-rg-step:hover { background: rgba(255,255,255,0.025); }
.sbc-rg-step-num {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
  color: #10b981;
  margin-top: 2px;
}
.sbc-rg-step-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.sbc-rg-step-body strong {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.82);
}
.sbc-rg-step-body span {
  font-size: 13px;
  line-height: 1.65;
  color: rgba(255,255,255,0.42);
}
html.light .sbc-rg-steps          { border-color: rgba(0,0,0,0.09); }
html.light .sbc-rg-step           { border-color: rgba(0,0,0,0.06); }
html.light .sbc-rg-step-body strong { color: rgba(0,0,0,0.8); }
html.light .sbc-rg-step-body span   { color: rgba(0,0,0,0.45); }

.sbc-rg-why-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin: 20px 0;
}
.sbc-rg-why-card {
  padding: 20px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
}
.sbc-rg-why-card svg { color: #10b981; margin-bottom: 12px; }
.sbc-rg-why-card h4 {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,0.8);
  margin-bottom: 8px;
  line-height: 1.4;
}
.sbc-rg-why-card p {
  font-size: 12px !important;
  color: rgba(255,255,255,0.38) !important;
  line-height: 1.65;
  margin-bottom: 0 !important;
}
html.light .sbc-rg-why-card   { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-rg-why-card h4 { color: rgba(0,0,0,0.78); }
html.light .sbc-rg-why-card p  { color: rgba(0,0,0,0.45) !important; }

.sbc-rg-guide-block {
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  overflow: hidden;
  margin: 20px 0;
}
.sbc-rg-guide-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 20px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  font-size: 13px;
  line-height: 1.65;
}
.sbc-rg-guide-row:last-child { border-bottom: none; }
.sbc-rg-guide-label {
  font-weight: 700;
  color: rgba(255,255,255,0.7);
  padding-top: 1px;
}
.sbc-rg-guide-text { color: rgba(255,255,255,0.4); }
html.light .sbc-rg-guide-block    { border-color: rgba(0,0,0,0.09); }
html.light .sbc-rg-guide-row      { border-color: rgba(0,0,0,0.06); }
html.light .sbc-rg-guide-label    { color: rgba(0,0,0,0.75); }
html.light .sbc-rg-guide-text     { color: rgba(0,0,0,0.48); }
@media (max-width: 540px) {
  .sbc-rg-guide-row { grid-template-columns: 1fr; gap: 6px; }
}

.sbc-rg-duration-timeline {
  position: relative;
  padding-left: 28px;
  margin: 24px 0;
}
.sbc-rg-duration-timeline::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: linear-gradient(to bottom, rgba(245,158,11,0.3), rgba(245,158,11,0.05));
}
.sbc-rg-duration-item {
  position: relative;
  padding: 0 0 28px 22px;
}
.sbc-rg-duration-item:last-child { padding-bottom: 0; }
.sbc-rg-duration-dot {
  position: absolute;
  left: -28px;
  top: 5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgba(245,158,11,0.2);
  border: 2px solid rgba(245,158,11,0.4);
}
.sbc-rg-duration-dot--end {
  background: rgba(239,68,68,0.2);
  border-color: rgba(239,68,68,0.4);
}
.sbc-rg-duration-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  color: #f59e0b;
  margin-bottom: 5px;
}
.sbc-rg-duration-item--end .sbc-rg-duration-label { color: #ef4444; }
.sbc-rg-duration-desc {
  font-size: 13px;
  line-height: 1.65;
  color: rgba(255,255,255,0.42);
}
html.light .sbc-rg-duration-label { color: #d97706; }
html.light .sbc-rg-duration-item--end .sbc-rg-duration-label { color: #dc2626; }
html.light .sbc-rg-duration-desc  { color: rgba(0,0,0,0.48); }

.sbc-rg-what-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 20px 0;
}
@media (max-width: 600px) {
  .sbc-rg-what-grid { grid-template-columns: 1fr; }
}
.sbc-rg-what-card {
  padding: 20px 20px 20px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.07);
}
.sbc-rg-what-card--blocked {
  background: rgba(239,68,68,0.04);
  border-color: rgba(239,68,68,0.12);
}
.sbc-rg-what-card--allowed {
  background: rgba(16,185,129,0.04);
  border-color: rgba(16,185,129,0.12);
}
.sbc-rg-what-card-hd {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-rg-what-card--blocked .sbc-rg-what-card-hd { color: rgba(239,68,68,0.7); }
.sbc-rg-what-card--blocked .sbc-rg-what-card-hd svg { color: #ef4444; }
.sbc-rg-what-card--allowed .sbc-rg-what-card-hd { color: rgba(16,185,129,0.8); }
.sbc-rg-what-card--allowed .sbc-rg-what-card-hd svg { color: #10b981; }
.sbc-rg-what-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sbc-rg-what-card ul li {
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255,255,255,0.45);
  padding-left: 16px;
  position: relative;
}
.sbc-rg-what-card ul li::before {
  content: '–';
  position: absolute;
  left: 0;
  color: rgba(255,255,255,0.15);
}
html.light .sbc-rg-what-card          { border-color: rgba(0,0,0,0.09); }
html.light .sbc-rg-what-card--blocked { background: #fef2f2; border-color: rgba(239,68,68,0.12); }
html.light .sbc-rg-what-card--allowed { background: #f0fdf4; border-color: rgba(16,185,129,0.14); }
html.light .sbc-rg-what-card ul li    { color: rgba(0,0,0,0.5); }
html.light .sbc-rg-what-card-hd       { border-color: rgba(0,0,0,0.07); }

.sbc-rg-signals-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  margin: 18px 0;
}
.sbc-rg-signal {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 9px;
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
}
.sbc-rg-signal svg { color: #f59e0b; flex-shrink: 0; }
html.light .sbc-rg-signal { background: #fffbeb; border-color: rgba(245,158,11,0.15); color: rgba(0,0,0,0.55); }

.sbc-rg-coverage-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 20px 0;
}
@media (max-width: 600px) {
  .sbc-rg-coverage-grid { grid-template-columns: 1fr; }
}
.sbc-rg-coverage-card {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.07);
}
.sbc-rg-coverage-card--yes {
  background: rgba(16,185,129,0.04);
  border-color: rgba(16,185,129,0.14);
}
.sbc-rg-coverage-card--no {
  background: rgba(245,158,11,0.04);
  border-color: rgba(245,158,11,0.14);
}
.sbc-rg-coverage-hd {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-rg-coverage-card--yes .sbc-rg-coverage-hd { color: rgba(16,185,129,0.8); }
.sbc-rg-coverage-card--yes .sbc-rg-coverage-hd svg { color: #10b981; }
.sbc-rg-coverage-card--no .sbc-rg-coverage-hd  { color: rgba(245,158,11,0.8); }
.sbc-rg-coverage-card--no .sbc-rg-coverage-hd svg  { color: #f59e0b; }
.sbc-rg-coverage-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sbc-rg-coverage-card ul li {
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255,255,255,0.45);
  padding-left: 16px;
  position: relative;
}
.sbc-rg-coverage-card ul li::before {
  content: '–';
  position: absolute;
  left: 0;
  color: rgba(255,255,255,0.15);
}
html.light .sbc-rg-coverage-card--yes { background: #f0fdf4; border-color: rgba(16,185,129,0.14); }
html.light .sbc-rg-coverage-card--no  { background: #fffbeb; border-color: rgba(245,158,11,0.15); }
html.light .sbc-rg-coverage-card ul li { color: rgba(0,0,0,0.5); }
html.light .sbc-rg-coverage-hd { border-color: rgba(0,0,0,0.07); }

.sbc-rg-period-guide {
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  overflow: hidden;
  margin: 20px 0;
}
.sbc-rg-period-guide-row {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 20px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  font-size: 13px;
  line-height: 1.65;
}
.sbc-rg-period-guide-row:last-child { border-bottom: none; }
.sbc-rg-period-guide-row--permanent {
  background: rgba(239,68,68,0.04);
  border-color: rgba(239,68,68,0.1) !important;
}
.sbc-rg-period-guide-period {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  color: #ef4444;
  padding-top: 1px;
  align-self: flex-start;
}
.sbc-rg-period-guide-row:not(.sbc-rg-period-guide-row--permanent) .sbc-rg-period-guide-period {
  color: rgba(255,255,255,0.65);
}
.sbc-rg-period-guide-text { color: rgba(255,255,255,0.42); }
html.light .sbc-rg-period-guide            { border-color: rgba(0,0,0,0.09); }
html.light .sbc-rg-period-guide-row        { border-color: rgba(0,0,0,0.06); }
html.light .sbc-rg-period-guide-row--permanent { background: #fef2f2; }
html.light .sbc-rg-period-guide-row:not(.sbc-rg-period-guide-row--permanent) .sbc-rg-period-guide-period { color: rgba(0,0,0,0.7); }
html.light .sbc-rg-period-guide-text       { color: rgba(0,0,0,0.48); }
@media (max-width: 480px) {
  .sbc-rg-period-guide-row { grid-template-columns: 1fr; gap: 4px; }
}

.sbc-rg-support-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin: 20px 0;
}
.sbc-rg-support-card {
  padding: 22px 20px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
}
.sbc-rg-support-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(239,68,68,0.1);
  border-radius: 10px;
  color: #ef4444;
  margin-bottom: 14px;
}
.sbc-rg-support-card h4 {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.82);
  margin-bottom: 8px;
}
.sbc-rg-support-card p {
  font-size: 12px !important;
  color: rgba(255,255,255,0.4) !important;
  line-height: 1.65;
  margin-bottom: 12px !important;
}
.sbc-rg-support-link {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: #ef4444;
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: 0.8;
  transition: opacity 0.15s;
}
.sbc-rg-support-link:hover { opacity: 1; }
html.light .sbc-rg-support-card   { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-rg-support-card h4 { color: rgba(0,0,0,0.8); }
html.light .sbc-rg-support-card p  { color: rgba(0,0,0,0.48) !important; }

.sbc-rg-reflection-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 18px 0;
}
.sbc-rg-reflection-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 16px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 9px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255,255,255,0.5);
}
.sbc-rg-reflection-item svg { color: rgba(255,255,255,0.2); flex-shrink: 0; margin-top: 1px; }
html.light .sbc-rg-reflection-item { background: #f8fafc; border-color: rgba(0,0,0,0.07); color: rgba(0,0,0,0.55); }

.sbc-rg-urgent-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: rgba(239,68,68,0.07);
  border: 1px solid rgba(239,68,68,0.18);
  border-radius: 10px;
  font-size: 13px;
  color: rgba(255,255,255,0.55);
  margin-bottom: 40px;
  line-height: 1.5;
}
.sbc-rg-urgent-bar svg { color: #ef4444; flex-shrink: 0; }
.sbc-rg-urgent-bar a {
  color: #ef4444;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
html.light .sbc-rg-urgent-bar { background: #fef2f2; border-color: rgba(239,68,68,0.2); color: rgba(0,0,0,0.55); }

.sbc-rg-related-tools {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 20px 0;
}
@media (max-width: 560px) {
  .sbc-rg-related-tools { grid-template-columns: 1fr; }
}
.sbc-rg-related-card {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 18px 18px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  text-decoration: none;
  transition: border-color 0.15s, background 0.15s;
}
.sbc-rg-related-card:hover { background: rgba(255,255,255,0.045); }
.sbc-rg-related-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-top: 2px;
}
.sbc-rg-related-icon--green { background: rgba(16,185,129,0.1);  color: #10b981; }
.sbc-rg-related-icon--amber { background: rgba(245,158,11,0.1);  color: #f59e0b; }
.sbc-rg-related-icon--red   { background: rgba(239,68,68,0.1);   color: #ef4444; }
.sbc-rg-related-card > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.sbc-rg-related-card strong {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.82);
  display: block;
}
.sbc-rg-related-card span {
  font-size: 12px;
  color: rgba(255,255,255,0.38);
  line-height: 1.55;
  display: block;
}
.sbc-rg-related-card em {
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  color: #10b981;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
}
html.light .sbc-rg-related-card        { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-rg-related-card strong { color: rgba(0,0,0,0.8); }
html.light .sbc-rg-related-card span   { color: rgba(0,0,0,0.45); }

.sbc-rg-help-block {
  margin-top: 56px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(16,185,129,0.07) 0%, rgba(16,185,129,0.02) 100%);
  border: 1px solid rgba(16,185,129,0.14);
  padding: 2px;
}
.sbc-rg-help-block--prominent {
  background: linear-gradient(135deg, rgba(239,68,68,0.07) 0%, rgba(239,68,68,0.02) 100%);
  border-color: rgba(239,68,68,0.16);
}
.sbc-rg-help-inner {
  padding: 48px 40px;
  text-align: center;
  border-radius: 18px;
  background: rgba(8,11,15,0.6);
}
.sbc-rg-help-inner > svg {
  color: #10b981;
  margin-bottom: 18px;
  display: inline-block;
}
.sbc-rg-help-block--prominent .sbc-rg-help-inner > svg { color: #ef4444; }
.sbc-rg-help-inner h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 32px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  color: rgba(255,255,255,0.9);
  margin-bottom: 14px;
  letter-spacing: -0.01em;
}
.sbc-rg-help-inner > p {
  font-size: 14px;
  line-height: 1.75;
  color: rgba(255,255,255,0.45);
  max-width: 500px;
  margin: 0 auto 28px;
}
.sbc-rg-help-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
}
.sbc-rg-help-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.15s;
}
.sbc-rg-help-btn--primary {
  background: #ef4444;
  color: #fff;
  box-shadow: 0 4px 20px rgba(239,68,68,0.25);
}
.sbc-rg-help-btn--primary:hover { background: #dc2626; box-shadow: 0 6px 24px rgba(239,68,68,0.35); }
.sbc-rg-help-btn--secondary {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.7);
}
.sbc-rg-help-btn--secondary:hover { background: rgba(255,255,255,0.12); }
.sbc-rg-help-resources {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 16px 0 12px;
  font-size: 11px;
}
.sbc-rg-help-resources a {
  color: rgba(255,255,255,0.35);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.15s;
}
.sbc-rg-help-resources a:hover { color: rgba(255,255,255,0.65); }
.sbc-rg-help-resources span { color: rgba(255,255,255,0.15); }
.sbc-rg-help-note {
  font-size: 11px !important;
  color: rgba(255,255,255,0.2) !important;
  margin: 0 !important;
}
html.light .sbc-rg-help-block     { background: linear-gradient(135deg, #f0fdf4, #f8fafc); border-color: rgba(16,185,129,0.15); }
html.light .sbc-rg-help-block--prominent { background: linear-gradient(135deg, #fef2f2, #f8fafc); border-color: rgba(239,68,68,0.15); }
html.light .sbc-rg-help-inner     { background: rgba(255,255,255,0.7); }
html.light .sbc-rg-help-inner h2  { color: rgba(0,0,0,0.85); }
html.light .sbc-rg-help-inner > p { color: rgba(0,0,0,0.5); }
html.light .sbc-rg-help-btn--secondary { background: #fff; border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.6); }
html.light .sbc-rg-help-resources a { color: rgba(0,0,0,0.35); }
html.light .sbc-rg-help-note { color: rgba(0,0,0,0.3) !important; }

.sbc-rg-back-link {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.sbc-rg-back-link a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.35);
  text-decoration: none;
  transition: color 0.15s;
}
.sbc-rg-back-link a:hover { color: #10b981; }
html.light .sbc-rg-back-link { border-color: rgba(0,0,0,0.07); }
html.light .sbc-rg-back-link a { color: rgba(0,0,0,0.35); }

.sbc-omr-hero--split { padding: 72px 0 64px; }

.sbc-omr-hero-split-inner {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 56px;
  align-items: center;
}

.sbc-omr-hero-left {
  max-width: 640px;
}

.sbc-omr-hero-left .sbc-edu-hero-deck {
  font-size: clamp(15px, 1.6vw, 18px);
  margin-bottom: 28px;
}

.sbc-omr-hero-left .sbc-omr-hero-stats {
  margin-top: 24px;
  max-width: 100%;
  padding: 12px 14px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.sbc-omr-hero-left .sbc-omr-stat {
  flex: 1 1 0;
  min-width: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.sbc-omr-hero-left .sbc-omr-stat-val {
  font-size: 18px;
  white-space: nowrap;
}
.sbc-omr-hero-left .sbc-omr-stat-lbl {
  font-size: 10px;
  white-space: nowrap;
}
.sbc-omr-hero-left .sbc-omr-stat-div {
  width: 1px;
  flex-shrink: 0;
  margin: 0 10px;
  align-self: stretch;
}

.sbc-omr-hero-right {
  display: flex;
  align-items: stretch;
}
.sbc-omr-live-card {
  width: 100%;
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 20px 22px 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  box-shadow: 0 8px 48px rgba(0,0,0,0.45), 0 0 0 1px rgba(16,185,129,0.06);
}

.sbc-omr-live-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.sbc-omr-live-card-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.35);
}
.sbc-omr-live-pulse {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #10b981;
}
.sbc-omr-pulse-dot {
  width: 6px;
  height: 6px;
  background: #10b981;
  border-radius: 50%;
  animation: sbc-pulse-blink 1.6s ease-in-out infinite;
}
@keyframes sbc-pulse-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.25; }
}

.sbc-omr-live-rows {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.sbc-omr-live-row {
  display: grid;
  grid-template-columns: 96px 1fr 46px;
  align-items: center;
  gap: 10px;
  opacity: 1;
  transform: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.sbc-omr-hero--js-ready .sbc-omr-live-row {
  opacity: 0;
  transform: translateX(-6px);
}
.sbc-omr-live-row.sbc-live-visible {
  opacity: 1;
  transform: none;
}
.sbc-omr-live-name {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.75);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sbc-omr-live-bar-track {
  height: 5px;
  background: rgba(255,255,255,0.06);
  border-radius: 99px;
  overflow: hidden;
}
.sbc-omr-live-bar-fill {
  height: 100%;
  width: 0%;
  border-radius: 99px;
  transition: width 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sbc-omr-live-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-align: right;
  letter-spacing: 0.01em;
}
.sbc-omr-live-foot {
  margin-top: 14px;
  font-size: 10px;
  color: rgba(255,255,255,0.2);
  border-top: 1px solid rgba(255,255,255,0.05);
  padding-top: 10px;
}

html.light .sbc-omr-live-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}
html.light .sbc-omr-live-name    { color: rgba(0,0,0,0.65); }
html.light .sbc-omr-live-bar-track { background: rgba(0,0,0,0.06); }
html.light .sbc-omr-live-foot    { color: rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.07); }

@media (max-width: 1024px) {
  .sbc-omr-hero-split-inner {
    grid-template-columns: 1fr 360px;
    gap: 40px;
    padding: 0 28px;
  }
}

@media (max-width: 768px) {
  .sbc-omr-hero-split-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0 20px;
  }
  .sbc-omr-hero-left { max-width: 100%; }
  .sbc-omr-hero-right { display: none; }
}

.sbc-omr-hero-split-inner .sbc-omr-hero-bar {
  transition: width 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
}

.sbc-nhl-main { background: #080b0f; }

.sbc-nhl-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 9999;
  background: transparent;
  pointer-events: none;
}
.sbc-nhl-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #10b981, #3b82f6);
  transition: width 0.1s linear;
  border-radius: 0 2px 2px 0;
}

.sbc-nhl-hero { padding: 72px 0 64px; position: relative; overflow: hidden; }
.sbc-nhl-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 56px;
  align-items: center;
}

.sbc-nhl-hero-rink {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0.04;
  pointer-events: none;
}
.sbc-nhl-rink-centre {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.sbc-nhl-rink-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
}
.sbc-nhl-rink-line--red   { left: 50%; background: #ff4444; }
.sbc-nhl-rink-line--blue-l { left: 30%; background: #4488ff; }
.sbc-nhl-rink-line--blue-r { left: 70%; background: #4488ff; }

.sbc-nhl-season-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75);
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  padding: 4px 10px;
  border-radius: 6px;
}
.sbc-nhl-season-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10b981;
  display: inline-block;
  animation: sbc-nhl-blink 2s ease-in-out infinite;
}
@keyframes sbc-nhl-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.sbc-nhl-hero-title em { font-style: normal; color: #10b981; }

.sbc-nhl-hero-ctas {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  flex-wrap: wrap;
}
.sbc-nhl-cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #10b981;
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 11px 20px;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(16,185,129,0.3);
  transition: background 0.18s, transform 0.15s, box-shadow 0.18s;
}
.sbc-nhl-cta-primary:hover {
  background: #059669;
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(16,185,129,0.35);
}
.sbc-nhl-cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.8);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 11px 20px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.1);
  text-decoration: none;
  transition: background 0.18s, color 0.18s;
}
.sbc-nhl-cta-secondary:hover { background: rgba(255,255,255,0.1); color: #fff; }
.sbc-nhl-cta-ghost {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.4);
  text-decoration: none;
  transition: color 0.18s;
}
.sbc-nhl-cta-ghost:hover { color: #10b981; }

.sbc-nhl-stats-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px;
  padding: 22px 22px 18px;
  box-shadow: 0 12px 48px rgba(0,0,0,0.5), 0 0 0 1px rgba(16,185,129,0.04);
}
.sbc-nhl-stats-card-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.sbc-nhl-stats-card-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}
.sbc-nhl-stats-card-season {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  color: rgba(16,185,129,0.6);
  letter-spacing: 0.08em;
}
.sbc-nhl-stat-rows { display: flex; flex-direction: column; gap: 0; }
.sbc-nhl-stat-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-nhl-stat-row:last-child { border-bottom: none; padding-bottom: 0; }
.sbc-nhl-stat-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255,255,255,0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgba(255,255,255,0.35);
}
.sbc-nhl-stat-icon--green { background: rgba(16,185,129,0.1); color: #10b981; }
.sbc-nhl-stat-icon--amber { background: rgba(245,158,11,0.1);  color: #f59e0b; }
.sbc-nhl-stat-icon--blue  { background: rgba(59,130,246,0.1);  color: #3b82f6; }
.sbc-nhl-stat-content { display: flex; flex-direction: column; gap: 2px; }
.sbc-nhl-stat-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 21px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.sbc-nhl-stat-val--green { color: #10b981; }
.sbc-nhl-stat-val--amber { color: #f59e0b; }
.sbc-nhl-stat-val--blue  { color: #3b82f6; }
.sbc-nhl-stat-lbl { font-size: 11px; color: rgba(255,255,255,0.35); line-height: 1.4; }
.sbc-nhl-stats-card-cta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #10b981;
  text-decoration: none;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.05);
  transition: gap 0.2s;
}
.sbc-nhl-stats-card-cta:hover { gap: 10px; }

.sbc-nhl-body-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 56px 40px 80px;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 48px;
  align-items: start;
}
.sbc-nhl-article { min-width: 0; }
.sbc-nhl-article p {
  font-size: 16px;
  line-height: 1.72;
  color: rgba(255,255,255,0.6);
  margin: 0 0 18px;
}
.sbc-nhl-article p strong { color: rgba(255,255,255,0.85); }

.sbc-nhl-section-hd { margin: 52px 0 24px; }
.sbc-nhl-section-hd:first-child { margin-top: 0; }
.sbc-nhl-section-hd h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(24px, 3.2vw, 32px);
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  margin: 10px 0 8px;
  line-height: 1.1;
}
.sbc-nhl-section-hd p {
  font-size: 15px;
  color: rgba(255,255,255,0.5);
  margin: 0;
  line-height: 1.6;
}
.sbc-nhl-section-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #10b981;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.18);
  padding: 4px 10px;
  border-radius: 5px;
}

.sbc-nhl-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}
.sbc-nhl-reveal.sbc-nhl-visible {
  opacity: 1;
  transform: none;
}

.sbc-nhl-books-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 32px;
}
.sbc-nhl-book-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 20px;
  position: relative;
  transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
}
.sbc-nhl-book-card:hover {
  border-color: rgba(16,185,129,0.28);
  box-shadow: 0 6px 32px rgba(0,0,0,0.35);
  transform: translateY(-1px);
}
.sbc-nhl-book-card--top {
  grid-column: 1 / -1;
  border-color: rgba(16,185,129,0.18);
  background: linear-gradient(135deg, #0d1117 0%, rgba(16,185,129,0.035) 100%);
}
.sbc-nhl-book-card--top:hover { border-color: rgba(16,185,129,0.4); }
.sbc-nhl-book-rank {
  display: inline-flex;
  align-items: center;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 3px 9px;
  border-radius: 5px;
  border: 1px solid;
  margin-bottom: 12px;
}
.sbc-nhl-book-header {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 12px;
}
.sbc-nhl-book-logo {
  width: 46px;
  height: 46px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.sbc-nhl-book-logo--white { background: #fff; padding: 6px; }
.sbc-nhl-book-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-nhl-book-initial {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: #10b981;
}
.sbc-nhl-book-title-block { flex: 1; min-width: 0; }
.sbc-nhl-book-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 2px;
  line-height: 1.1;
}
.sbc-nhl-book-best {
  font-size: 11px;
  color: #10b981;
  font-weight: 600;
  display: block;
}
.sbc-nhl-book-score { text-align: right; flex-shrink: 0; }
.sbc-nhl-book-score-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 24px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  display: block;
}
.sbc-nhl-book-stars { display: flex; gap: 2px; justify-content: flex-end; margin-top: 2px; }
.sbc-nhl-star { font-size: 11px; color: rgba(255,255,255,0.12); }
.sbc-nhl-star--on { color: #10b981; }
.sbc-nhl-book-note {
  font-size: 13px;
  line-height: 1.58;
  color: rgba(255,255,255,0.48);
  margin: 0 0 14px;
}
.sbc-nhl-book-chips { margin-bottom: 14px; }
.sbc-nhl-chips-wrap { display: flex; flex-wrap: wrap; gap: 6px; }
.sbc-nhl-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,0.45);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  padding: 4px 9px;
  border-radius: 6px;
}
.sbc-nhl-book-actions { display: flex; gap: 10px; }
.sbc-nhl-book-review-btn {
  flex: 1;
  text-align: center;
  padding: 10px;
  border-radius: 9px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.18s, color 0.18s;
}
.sbc-nhl-book-review-btn:hover { background: rgba(255,255,255,0.09); color: #fff; }
.sbc-nhl-book-visit-btn {
  flex: 1;
  padding: 10px;
  border-radius: 9px;
  background: #10b981;
  border: none;
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.18s;
  box-shadow: 0 3px 12px rgba(16,185,129,0.25);
}
.sbc-nhl-book-visit-btn:hover { background: #059669; }

.sbc-nhl-markets-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 36px;
}
.sbc-nhl-market-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 22px 18px;
  transition: border-color 0.2s;
}
.sbc-nhl-market-card:hover { border-color: rgba(255,255,255,0.12); }
.sbc-nhl-market-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 8px;
  margin-bottom: 14px;
}
.sbc-nhl-market-desc {
  font-size: 13px;
  line-height: 1.62;
  color: rgba(255,255,255,0.5);
  margin: 0 0 14px;
}
.sbc-nhl-market-insight {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(16,185,129,0.05);
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.55;
  color: rgba(255,255,255,0.45);
}
.sbc-nhl-market-insight i { color: #10b981; flex-shrink: 0; margin-top: 1px; }

.sbc-nhl-table-row--highlight td {
  background: rgba(16,185,129,0.05);
  position: relative;
}
.sbc-nhl-table-row--highlight td:first-child { border-left: 3px solid #10b981; }

.sbc-nhl-vig-strip {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 20px;
  align-items: center;
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 20px 24px;
  margin: 24px 0 32px;
}
.sbc-nhl-vig-strip-left {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.sbc-nhl-vig-strip-icon {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: rgba(16,185,129,0.1);
  color: #10b981;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sbc-nhl-vig-strip-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-bottom: 4px;
}
.sbc-nhl-vig-strip-left p {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  margin: 0;
  line-height: 1.5;
}
.sbc-nhl-vig-rows { display: flex; flex-direction: column; gap: 8px; }
.sbc-nhl-vig-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sbc-nhl-vig-book { font-size: 12px; color: rgba(255,255,255,0.45); white-space: nowrap; }
.sbc-nhl-vig-cost {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap;
}
.sbc-nhl-vig-cost--good { color: #10b981; }
.sbc-nhl-vig-cost--bad  { color: #ef4444; }
.sbc-nhl-vig-diff {
  font-size: 12px;
  color: rgba(255,255,255,0.45);
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,0.06);
  margin-top: 4px;
}
.sbc-nhl-vig-diff strong { color: #10b981; }
.sbc-nhl-vig-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #10b981;
  text-decoration: none;
  white-space: nowrap;
  padding: 10px 16px;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.18);
  border-radius: 9px;
  transition: background 0.18s;
}
.sbc-nhl-vig-cta:hover { background: rgba(16,185,129,0.14); }

.sbc-nhl-teams-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 20px 0 32px;
}
.sbc-nhl-team-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s, border-color 0.2s;
}
.sbc-nhl-team-card:hover { transform: translateY(-2px); border-color: rgba(255,255,255,0.12); }
.sbc-nhl-team-top { padding: 14px 14px 10px; }
.sbc-nhl-team-city {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 2px;
}
.sbc-nhl-team-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 8px;
}
.sbc-nhl-team-vol-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.sbc-nhl-team-vol-label { font-size: 10px; color: rgba(255,255,255,0.25); }
.sbc-nhl-team-vol-val   { font-size: 11px; color: rgba(255,255,255,0.6); font-weight: 700; }
.sbc-nhl-team-note {
  font-size: 12px;
  line-height: 1.55;
  color: rgba(255,255,255,0.38);
  margin: 0;
  padding: 10px 14px 14px;
  border-top: 1px solid rgba(255,255,255,0.04);
}

.sbc-nhl-props-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 24px;
}
.sbc-nhl-prop-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 16px;
}
.sbc-nhl-prop-icon {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sbc-nhl-prop-card strong { display: block; color: #fff; font-size: 14px; margin-bottom: 5px; }
.sbc-nhl-prop-card span  { font-size: 12px; color: rgba(255,255,255,0.42); line-height: 1.55; }

.sbc-nhl-nextsteps { margin-top: 52px; }
.sbc-nhl-nextsteps-hd {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.28);
  margin-bottom: 16px;
}
.sbc-nhl-nextsteps-hd i { color: #10b981; }
.sbc-nhl-nextsteps-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.sbc-nhl-nextstep-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  text-decoration: none;
  transition: border-color 0.2s, transform 0.2s;
}
.sbc-nhl-nextstep-card:hover { border-color: rgba(16,185,129,0.3); transform: translateY(-1px); }
.sbc-nhl-nextstep-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sbc-nhl-nextstep-card strong { display: block; color: #fff; font-size: 14px; margin-bottom: 4px; }
.sbc-nhl-nextstep-card span  { font-size: 12px; color: rgba(255,255,255,0.4); line-height: 1.5; }

.sbc-nhl-sidebar-top-pick .sbc-nhl-top-pick-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.sbc-nhl-top-pick-logo {
  width: 42px;
  height: 42px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.sbc-nhl-top-pick-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-nhl-top-pick-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 17px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
}
.sbc-nhl-top-pick-stars {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 3px;
}
.sbc-nhl-top-pick-score {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,0.4);
  margin-left: 4px;
}
.sbc-nhl-top-pick-reason { font-size: 11px; color: #10b981; font-weight: 600; margin-top: 3px; }

.sbc-edu-toc-link.sbc-nhl-toc-active {
  color: #10b981;
}
.sbc-edu-toc-link.sbc-nhl-toc-active .sbc-edu-toc-num {
  color: #10b981;
}

@media (max-width: 1100px) {
  .sbc-nhl-hero-inner    { grid-template-columns: 1fr 340px; gap: 36px; padding: 0 28px; }
  .sbc-nhl-body-wrap     { grid-template-columns: 1fr 280px; gap: 36px; padding: 40px 28px 60px; }
  .sbc-nhl-markets-grid  { grid-template-columns: 1fr 1fr; }
  .sbc-nhl-teams-grid    { grid-template-columns: repeat(3, 1fr); }
  .sbc-nhl-vig-strip     { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 768px) {
  .sbc-nhl-hero-inner    { grid-template-columns: 1fr; padding: 0 20px; }
  .sbc-nhl-hero-right    { display: none; }
  .sbc-nhl-body-wrap     { grid-template-columns: 1fr; padding: 32px 20px 48px; }
  .sbc-nhl-books-grid    { grid-template-columns: 1fr; }
  .sbc-nhl-book-card--top { grid-column: 1; }
  .sbc-nhl-markets-grid  { grid-template-columns: 1fr; }
  .sbc-nhl-teams-grid    { grid-template-columns: 1fr 1fr; }
  .sbc-nhl-props-grid    { grid-template-columns: 1fr; }
  .sbc-nhl-nextsteps-grid { grid-template-columns: 1fr; }
  .sbc-nhl-cta-ghost     { display: none; }
}

html.light .sbc-nhl-main { background: #f4f6f9; }

html.light .sbc-nhl-season-badge        { color: rgba(0,0,0,0.6); background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.1); }
html.light .sbc-nhl-hero-title em       { color: #059669; }
html.light .sbc-nhl-cta-secondary       { color: rgba(0,0,0,0.65); background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.1); }
html.light .sbc-nhl-cta-secondary:hover { background: rgba(0,0,0,0.08); color: rgba(0,0,0,0.85); }
html.light .sbc-nhl-cta-ghost           { color: rgba(0,0,0,0.35); }
html.light .sbc-nhl-cta-ghost:hover     { color: #059669; }
html.light .sbc-nhl-rink-line--red   { background: rgba(255,44,44,0.6); }
html.light .sbc-nhl-rink-line--blue-l,
html.light .sbc-nhl-rink-line--blue-r { background: rgba(44,100,255,0.6); }
html.light .sbc-nhl-rink-centre { border-color: rgba(0,0,0,0.6); }

html.light .sbc-nhl-stats-card         { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 6px 32px rgba(0,0,0,0.08); }
html.light .sbc-nhl-stats-card-label   { color: rgba(0,0,0,0.35); }
html.light .sbc-nhl-stats-card-season  { color: rgba(5,150,105,0.7); }
html.light .sbc-nhl-stat-row           { border-color: rgba(0,0,0,0.05); }
html.light .sbc-nhl-stat-icon          { background: rgba(0,0,0,0.04); color: rgba(0,0,0,0.3); }
html.light .sbc-nhl-stat-icon--green   { background: rgba(16,185,129,0.08); }
html.light .sbc-nhl-stat-icon--amber   { background: rgba(245,158,11,0.08); }
html.light .sbc-nhl-stat-icon--blue    { background: rgba(59,130,246,0.08); }
html.light .sbc-nhl-stat-val           { color: #0d1117; }
html.light .sbc-nhl-stat-lbl           { color: rgba(0,0,0,0.4); }
html.light .sbc-nhl-stats-card-cta     { border-color: rgba(0,0,0,0.07); }

html.light .sbc-nhl-article p          { color: rgba(0,0,0,0.62); }
html.light .sbc-nhl-article p strong   { color: rgba(0,0,0,0.82); }
html.light .sbc-nhl-section-hd h2      { color: #0d1117; }
html.light .sbc-nhl-section-hd p       { color: rgba(0,0,0,0.5); }

html.light .sbc-nhl-book-card          { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nhl-book-card:hover    { box-shadow: 0 6px 28px rgba(0,0,0,0.09); }
html.light .sbc-nhl-book-card--top     { background: linear-gradient(135deg,#fff 0%,rgba(16,185,129,0.03) 100%); border-color: rgba(16,185,129,0.18); }
html.light .sbc-nhl-book-name          { color: #0d1117; }
html.light .sbc-nhl-book-score-val     { color: #0d1117; }
html.light .sbc-nhl-book-note          { color: rgba(0,0,0,0.5); }
html.light .sbc-nhl-star               { color: rgba(0,0,0,0.1); }
html.light .sbc-nhl-star--on           { color: #10b981; }
html.light .sbc-nhl-chip               { color: rgba(0,0,0,0.45); background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.07); }
html.light .sbc-nhl-book-review-btn   { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.55); }
html.light .sbc-nhl-book-review-btn:hover { background: rgba(0,0,0,0.07); color: #0d1117; }

html.light .sbc-nhl-market-card        { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nhl-market-desc        { color: rgba(0,0,0,0.55); }
html.light .sbc-nhl-market-insight     { background: rgba(16,185,129,0.05); color: rgba(0,0,0,0.52); }

html.light .sbc-nhl-vig-strip          { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nhl-vig-strip-label    { color: rgba(0,0,0,0.4); }
html.light .sbc-nhl-vig-strip-left p   { color: rgba(0,0,0,0.5); }
html.light .sbc-nhl-vig-book           { color: rgba(0,0,0,0.5); }
html.light .sbc-nhl-vig-diff           { color: rgba(0,0,0,0.45); border-color: rgba(0,0,0,0.07); }
html.light .sbc-nhl-vig-cta            { background: rgba(16,185,129,0.07); border-color: rgba(16,185,129,0.18); }
html.light .sbc-nhl-vig-cta:hover      { background: rgba(16,185,129,0.12); }

html.light .sbc-nhl-team-card          { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nhl-team-card:hover    { box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
html.light .sbc-nhl-team-city          { color: rgba(0,0,0,0.3); }
html.light .sbc-nhl-team-name          { color: #0d1117; }
html.light .sbc-nhl-team-vol-label     { color: rgba(0,0,0,0.28); }
html.light .sbc-nhl-team-vol-val       { color: rgba(0,0,0,0.6); }
html.light .sbc-nhl-team-note          { color: rgba(0,0,0,0.45); border-color: rgba(0,0,0,0.05); }

html.light .sbc-nhl-prop-card          { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nhl-prop-card strong   { color: #0d1117; }
html.light .sbc-nhl-prop-card span     { color: rgba(0,0,0,0.48); }

html.light .sbc-nhl-nextsteps-hd       { color: rgba(0,0,0,0.28); }
html.light .sbc-nhl-nextstep-card      { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nhl-nextstep-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
html.light .sbc-nhl-nextstep-card strong { color: #0d1117; }
html.light .sbc-nhl-nextstep-card span  { color: rgba(0,0,0,0.45); }

html.light .sbc-nhl-top-pick-name      { color: #0d1117; }
html.light .sbc-nhl-top-pick-score     { color: rgba(0,0,0,0.3); }
html.light .sbc-nhl-star--on           { color: #10b981; }

html.light .sbc-nhl-table-row--highlight td { background: rgba(16,185,129,0.04); }

.sbc-cfl-main { background: #080a0d; }

.sbc-cfl-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 9999;
  background: rgba(255,255,255,0.05);
  pointer-events: none;
}
.sbc-cfl-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #c8102e 0%, #e63946 100%);
  transition: width 0.1s linear;
}

.sbc-cfl-hero { padding: 72px 0 64px; position: relative; overflow: hidden; }
.sbc-cfl-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 56px;
  align-items: center;
}

.sbc-cfl-hero-field {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.06;
}
.sbc-cfl-field-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(200,16,46,0.9);
}
.sbc-cfl-field-line--mid  { left: 50%; }
.sbc-cfl-field-line--q1   { left: 25%; background: rgba(255,255,255,0.6); }
.sbc-cfl-field-line--q3   { left: 75%; background: rgba(255,255,255,0.6); }
.sbc-cfl-field-hash {
  position: absolute;
  top: 50%;
  width: 30%;
  height: 1px;
  background: rgba(255,255,255,0.4);
}
.sbc-cfl-field-hash--l { left: 10%; }
.sbc-cfl-field-hash--r { right: 10%; }
.sbc-cfl-endzone {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 9%;
  background: linear-gradient(90deg, rgba(200,16,46,0.18), transparent);
}
.sbc-cfl-endzone--l { left: 0; }
.sbc-cfl-endzone--r { right: 0; transform: scaleX(-1); }

.sbc-cfl-season-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.55);
}
.sbc-cfl-season-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c8102e;
  animation: sbc-cfl-blink 2s ease-in-out infinite;
}
@keyframes sbc-cfl-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.3; }
}

.sbc-cfl-hero-title em { font-style: normal; color: #c8102e; }

.sbc-cfl-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.sbc-cfl-cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 22px;
  border-radius: 10px;
  background: #c8102e;
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.18s, transform 0.18s;
}
.sbc-cfl-cta-primary:hover { background: #a50e26; transform: translateY(-1px); color: #fff; }
.sbc-cfl-cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 22px;
  border-radius: 10px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.8);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.18s, color 0.18s;
}
.sbc-cfl-cta-secondary:hover { background: rgba(255,255,255,0.1); color: #fff; }
.sbc-cfl-cta-ghost {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 22px;
  border-radius: 10px;
  background: transparent;
  color: rgba(255,255,255,0.45);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.18s;
}
.sbc-cfl-cta-ghost:hover { color: #c8102e; }

.sbc-cfl-stats-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px;
  padding: 22px;
}
.sbc-cfl-stats-card-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.sbc-cfl-stats-card-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}
.sbc-cfl-stats-card-season {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: rgba(200,16,46,0.7);
  letter-spacing: 0.05em;
}
.sbc-cfl-stat-rows { display: flex; flex-direction: column; gap: 0; }
.sbc-cfl-stat-row {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-cfl-stat-row:last-child { border-bottom: none; }
.sbc-cfl-stat-icon {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgba(255,255,255,0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.3);
  flex-shrink: 0;
}
.sbc-cfl-stat-icon--red   { background: rgba(200,16,46,0.1);  color: #c8102e; }
.sbc-cfl-stat-icon--amber { background: rgba(245,158,11,0.1); color: #f59e0b; }
.sbc-cfl-stat-icon--green { background: rgba(16,185,129,0.1); color: #10b981; }
.sbc-cfl-stat-icon--blue  { background: rgba(59,130,246,0.1); color: #3b82f6; }
.sbc-cfl-stat-content { flex: 1; min-width: 0; }
.sbc-cfl-stat-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  display: block;
}
.sbc-cfl-stat-val--red   { color: #c8102e; }
.sbc-cfl-stat-val--amber { color: #f59e0b; }
.sbc-cfl-stat-val--green { color: #10b981; }
.sbc-cfl-stat-val--blue  { color: #3b82f6; }
.sbc-cfl-stat-lbl {
  font-size: 11px;
  color: rgba(255,255,255,0.38);
  line-height: 1.35;
  margin-top: 2px;
  display: block;
}
.sbc-cfl-stats-card-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.05);
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,0.35);
  text-decoration: none;
  transition: color 0.18s;
}
.sbc-cfl-stats-card-cta:hover { color: #c8102e; gap: 10px; }

.sbc-cfl-body-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 52px 40px 80px;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 52px;
  align-items: start;
}

.sbc-cfl-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}
.sbc-cfl-reveal.sbc-cfl-visible {
  opacity: 1;
  transform: none;
}

.sbc-cfl-section-hd { margin: 52px 0 24px; }
.sbc-cfl-section-hd:first-child { margin-top: 0; }
.sbc-cfl-section-hd h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  margin: 10px 0 8px;
  line-height: 1.1;
}
.sbc-cfl-section-hd p {
  font-size: 15px;
  color: rgba(255,255,255,0.5);
  margin: 0;
  line-height: 1.6;
}
.sbc-cfl-section-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c8102e;
}

.sbc-cfl-books-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 28px;
}
.sbc-cfl-book-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 20px;
  position: relative;
  transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
}
.sbc-cfl-book-card:hover {
  border-color: rgba(200,16,46,0.28);
  box-shadow: 0 6px 32px rgba(0,0,0,0.35);
  transform: translateY(-1px);
}
.sbc-cfl-book-card--top {
  grid-column: 1 / -1;
  border-color: rgba(200,16,46,0.18);
  background: linear-gradient(135deg, #0d1117 0%, rgba(200,16,46,0.03) 100%);
}
.sbc-cfl-book-card--top:hover { border-color: rgba(200,16,46,0.4); }
.sbc-cfl-book-rank {
  display: inline-flex;
  align-items: center;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 3px 9px;
  border-radius: 5px;
  border: 1px solid;
  margin-bottom: 12px;
}
.sbc-cfl-book-header {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 12px;
}
.sbc-cfl-book-logo {
  width: 46px;
  height: 46px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.sbc-cfl-book-logo--white { background: #fff; padding: 6px; }
.sbc-cfl-book-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-cfl-book-initial {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: #c8102e;
}
.sbc-cfl-book-title-block { flex: 1; min-width: 0; }
.sbc-cfl-book-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 2px;
  line-height: 1.1;
}
.sbc-cfl-book-best { font-size: 11px; color: #c8102e; font-weight: 600; display: block; }
.sbc-cfl-book-score { text-align: right; flex-shrink: 0; }
.sbc-cfl-book-score-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 24px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  display: block;
}
.sbc-cfl-book-stars { display: flex; gap: 2px; justify-content: flex-end; margin-top: 2px; }
.sbc-cfl-star { font-size: 11px; color: rgba(255,255,255,0.12); }
.sbc-cfl-star--on { color: #c8102e; }
.sbc-cfl-book-note {
  font-size: 13px;
  line-height: 1.58;
  color: rgba(255,255,255,0.48);
  margin: 0 0 14px;
}
.sbc-cfl-book-chips { margin-bottom: 14px; }
.sbc-cfl-chips-wrap { display: flex; flex-wrap: wrap; gap: 6px; }
.sbc-cfl-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,0.45);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  padding: 4px 9px;
  border-radius: 6px;
}
.sbc-cfl-book-actions { display: flex; gap: 10px; }
.sbc-cfl-book-review-btn {
  flex: 1;
  text-align: center;
  padding: 10px;
  border-radius: 9px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.18s, color 0.18s;
}
.sbc-cfl-book-review-btn:hover { background: rgba(255,255,255,0.09); color: #fff; }
.sbc-cfl-book-visit-btn {
  flex: 1;
  padding: 10px;
  border-radius: 9px;
  background: #c8102e;
  border: none;
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.18s;
}
.sbc-cfl-book-visit-btn:hover { background: #a50e26; }

.sbc-cfl-rules-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 28px;
}
.sbc-cfl-rule-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 20px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.sbc-cfl-rule-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 36px;
  font-weight: 900;
  color: rgba(200,16,46,0.6);
  line-height: 1;
  flex-shrink: 0;
  min-width: 42px;
}
.sbc-cfl-rule-body { flex: 1; }
.sbc-cfl-rule-body strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}
.sbc-cfl-rule-body span {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.58;
}

.sbc-cfl-markets-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 28px;
}
.sbc-cfl-market-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 20px;
}
.sbc-cfl-market-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 11px;
  border-radius: 7px;
  margin-bottom: 12px;
}
.sbc-cfl-market-desc {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255,255,255,0.5);
  margin: 0 0 14px;
}
.sbc-cfl-market-insight {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 9px;
  padding: 11px 13px;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  line-height: 1.55;
}
.sbc-cfl-market-insight i { color: rgba(255,255,255,0.3); flex-shrink: 0; margin-top: 1px; }

.sbc-cfl-greycup-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}
.sbc-cfl-greycup-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 20px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
}
.sbc-cfl-greycup-icon {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sbc-cfl-greycup-card strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}
.sbc-cfl-greycup-card p {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.6;
  margin: 0;
}

.sbc-cfl-teams-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}
.sbc-cfl-team-card {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  overflow: hidden;
}
.sbc-cfl-team-top {
  padding: 14px 16px 10px;
  background: rgba(255,255,255,0.02);
}
.sbc-cfl-team-location {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
  margin-bottom: 2px;
}
.sbc-cfl-team-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}
.sbc-cfl-team-div-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sbc-cfl-team-div {
  font-size: 10px;
  color: rgba(255,255,255,0.3);
}
.sbc-cfl-team-vol {
  font-size: 10px;
  color: rgba(200,16,46,0.8);
  font-weight: 700;
}
.sbc-cfl-team-note {
  font-size: 12px;
  color: rgba(255,255,255,0.38);
  line-height: 1.55;
  padding: 12px 16px;
  margin: 0;
}

.sbc-cfl-nextsteps {
  margin-top: 52px;
  padding: 24px;
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
}
.sbc-cfl-nextsteps-hd {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  margin-bottom: 16px;
}
.sbc-cfl-nextsteps-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.sbc-cfl-nextstep-card {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 11px;
  text-decoration: none;
  transition: background 0.18s, border-color 0.18s, box-shadow 0.18s;
}
.sbc-cfl-nextstep-card:hover {
  background: rgba(255,255,255,0.05);
  border-color: rgba(200,16,46,0.2);
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.sbc-cfl-nextstep-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sbc-cfl-nextstep-card strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 3px;
}
.sbc-cfl-nextstep-card span {
  font-size: 11px;
  color: rgba(255,255,255,0.35);
  line-height: 1.4;
}

.sbc-cfl-top-pick-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sbc-cfl-top-pick-logo {
  width: 52px;
  height: 52px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.sbc-cfl-book-logo--white { background: #fff; padding: 6px; }
.sbc-cfl-top-pick-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-cfl-top-pick-meta { flex: 1; }
.sbc-cfl-top-pick-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 3px;
}
.sbc-cfl-top-pick-stars {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 4px;
}
.sbc-cfl-top-pick-score {
  font-size: 12px;
  color: rgba(255,255,255,0.3);
  margin-left: 4px;
}
.sbc-cfl-top-pick-reason {
  font-size: 11px;
  color: rgba(255,255,255,0.3);
}

.sbc-edu-toc-link.sbc-cfl-toc-active {
  color: #c8102e;
  font-weight: 700;
}
.sbc-edu-toc-link.sbc-cfl-toc-active .sbc-edu-toc-num {
  color: #c8102e;
}

.sbc-cfl-article .sbc-inline-link { color: #c8102e; text-decoration: underline; text-underline-offset: 2px; }
.sbc-cfl-article .sbc-inline-link:hover { color: #e63946; }

@media (min-width: 1024px) {
  .sbc-cfl-hero-inner    { grid-template-columns: 1fr 340px; gap: 36px; padding: 0 28px; }
}
@media (max-width: 768px) {
  .sbc-cfl-hero-inner    { grid-template-columns: 1fr; padding: 0 20px; }
  .sbc-cfl-hero-right    { display: none; }
  .sbc-cfl-body-wrap     { grid-template-columns: 1fr; padding: 32px 20px 60px; }
  .sbc-cfl-books-grid    { grid-template-columns: 1fr; }
  .sbc-cfl-book-card--top { grid-column: 1; }
  .sbc-cfl-rules-grid    { grid-template-columns: 1fr; }
  .sbc-cfl-markets-grid  { grid-template-columns: 1fr; }
  .sbc-cfl-teams-grid    { grid-template-columns: 1fr 1fr; }
  .sbc-cfl-nextsteps-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .sbc-cfl-teams-grid    { grid-template-columns: 1fr; }
}

html.light .sbc-cfl-main             { background: #f5f5f7; }
html.light .sbc-cfl-stats-card       { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 6px 32px rgba(0,0,0,0.08); }
html.light .sbc-cfl-stats-card-label { color: rgba(0,0,0,0.35); }
html.light .sbc-cfl-stats-card-season { color: rgba(200,16,46,0.7); }
html.light .sbc-cfl-stats-card-cta   { border-color: rgba(0,0,0,0.07); }
html.light .sbc-cfl-section-hd h2   { color: #0d1117; }
html.light .sbc-cfl-section-hd p    { color: rgba(0,0,0,0.5); }
html.light .sbc-cfl-book-card        { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-cfl-book-card:hover  { box-shadow: 0 6px 28px rgba(0,0,0,0.09); }
html.light .sbc-cfl-book-card--top   { background: linear-gradient(135deg,#fff 0%,rgba(200,16,46,0.03) 100%); border-color: rgba(200,16,46,0.18); }
html.light .sbc-cfl-book-name        { color: #0d1117; }
html.light .sbc-cfl-book-note        { color: rgba(0,0,0,0.5); }
html.light .sbc-cfl-book-score-val   { color: #0d1117; }
html.light .sbc-cfl-book-review-btn  { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.6); }
html.light .sbc-cfl-rule-card        { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-cfl-rule-body strong { color: #0d1117; }
html.light .sbc-cfl-rule-body span   { color: rgba(0,0,0,0.48); }
html.light .sbc-cfl-market-card      { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-cfl-market-desc      { color: rgba(0,0,0,0.5); }
html.light .sbc-cfl-market-insight   { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.06); color: rgba(0,0,0,0.45); }
html.light .sbc-cfl-greycup-card     { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-cfl-greycup-card strong { color: #0d1117; }
html.light .sbc-cfl-greycup-card p   { color: rgba(0,0,0,0.48); }
html.light .sbc-cfl-team-card        { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-cfl-team-top         { background: rgba(0,0,0,0.02); }
html.light .sbc-cfl-team-name        { color: #0d1117; }
html.light .sbc-cfl-team-note        { color: rgba(0,0,0,0.45); }
html.light .sbc-cfl-nextsteps        { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-cfl-nextstep-card    { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.07); }
html.light .sbc-cfl-nextstep-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
html.light .sbc-cfl-nextstep-card strong { color: #0d1117; }
html.light .sbc-cfl-nextstep-card span  { color: rgba(0,0,0,0.45); }
html.light .sbc-cfl-top-pick-name    { color: #0d1117; }
html.light .sbc-cfl-top-pick-score   { color: rgba(0,0,0,0.3); }
html.light .sbc-cfl-star--on         { color: #c8102e; }

.sbc-nba-main { background: #080a0d; }

.sbc-nba-progress-bar {
  position: fixed; top: 0; left: 0; width: 100%; height: 3px;
  z-index: 9999; background: rgba(255,255,255,0.05); pointer-events: none;
}
.sbc-nba-progress-fill {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, #f97316 0%, #fb923c 100%);
  transition: width 0.1s linear;
}

.sbc-nba-hero { padding: 72px 0 64px; position: relative; overflow: hidden; }
.sbc-nba-hero-inner {
  position: relative; z-index: 1;
  max-width: 1280px; margin: 0 auto; padding: 0 40px;
  display: grid; grid-template-columns: 1fr 380px; gap: 56px; align-items: center;
}

.sbc-nba-hero-court {
  position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: 0.055;
}
.sbc-nba-court-line {
  position: absolute; top: 0; bottom: 0; width: 1px; background: rgba(249,115,22,0.8);
}
.sbc-nba-court-line--centre { left: 50%; }
.sbc-nba-court-circle {
  position: absolute; top: 50%; left: 50%;
  width: 120px; height: 120px; border-radius: 50%;
  border: 1px solid rgba(249,115,22,0.6);
  transform: translate(-50%, -50%);
}
.sbc-nba-court-arc {
  position: absolute; bottom: -20px;
  width: 180px; height: 180px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.4);
  border-bottom: none;
}
.sbc-nba-court-arc--l { left: 6%; }
.sbc-nba-court-arc--r { right: 6%; }
.sbc-nba-court-lane {
  position: absolute; top: 0; bottom: 0; width: 14%;
  border: 1px solid rgba(255,255,255,0.25);
  border-top: none; border-bottom: none;
}
.sbc-nba-court-lane--l { left: 6%; }
.sbc-nba-court-lane--r { right: 6%; }

.sbc-nba-season-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.55);
}
.sbc-nba-season-dot {
  width: 7px; height: 7px; border-radius: 50%; background: #f97316;
  animation: sbc-nba-blink 2s ease-in-out infinite;
}
@keyframes sbc-nba-blink { 0%,100%{opacity:1} 50%{opacity:0.3} }

.sbc-nba-hero-title em { font-style: normal; color: #f97316; }

.sbc-nba-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.sbc-nba-cta-primary {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 12px 22px; border-radius: 10px; background: #f97316; color: #fff;
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  transition: background 0.18s, transform 0.18s;
}
.sbc-nba-cta-primary:hover { background: #ea6b0a; transform: translateY(-1px); color: #fff; }
.sbc-nba-cta-secondary {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 12px 22px; border-radius: 10px;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.8);
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  transition: background 0.18s, color 0.18s;
}
.sbc-nba-cta-secondary:hover { background: rgba(255,255,255,0.1); color: #fff; }
.sbc-nba-cta-ghost {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 12px 22px; border-radius: 10px; background: transparent;
  color: rgba(255,255,255,0.45);
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  transition: color 0.18s;
}
.sbc-nba-cta-ghost:hover { color: #f97316; }

.sbc-nba-stats-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 22px;
}
.sbc-nba-stats-card-hd {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.05);
}
.sbc-nba-stats-card-label {
  display: flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}
.sbc-nba-stats-card-season {
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  color: rgba(249,115,22,0.7); letter-spacing: 0.05em;
}
.sbc-nba-stat-rows { display: flex; flex-direction: column; }
.sbc-nba-stat-row {
  display: flex; align-items: center; gap: 13px;
  padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-nba-stat-row:last-child { border-bottom: none; }
.sbc-nba-stat-icon {
  width: 34px; height: 34px; border-radius: 9px; background: rgba(255,255,255,0.04);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.3); flex-shrink: 0;
}
.sbc-nba-stat-icon--orange { background: rgba(249,115,22,0.1); color: #f97316; }
.sbc-nba-stat-icon--green  { background: rgba(16,185,129,0.1);  color: #10b981; }
.sbc-nba-stat-icon--blue   { background: rgba(59,130,246,0.1);  color: #3b82f6; }
.sbc-nba-stat-icon--amber  { background: rgba(245,158,11,0.1);  color: #f59e0b; }
.sbc-nba-stat-content { flex: 1; min-width: 0; }
.sbc-nba-stat-val {
  font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 900;
  color: #fff; line-height: 1; display: block;
}
.sbc-nba-stat-val--orange { color: #f97316; }
.sbc-nba-stat-val--green  { color: #10b981; }
.sbc-nba-stat-val--blue   { color: #3b82f6; }
.sbc-nba-stat-val--amber  { color: #f59e0b; }
.sbc-nba-stat-lbl { font-size: 11px; color: rgba(255,255,255,0.38); line-height: 1.35; margin-top: 2px; display: block; }
.sbc-nba-stats-card-cta {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.05);
  font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.35);
  text-decoration: none; transition: color 0.18s, gap 0.18s;
}
.sbc-nba-stats-card-cta:hover { color: #f97316; gap: 10px; }

.sbc-nba-body-wrap {
  max-width: 1280px; margin: 0 auto; padding: 52px 40px 80px;
  display: grid; grid-template-columns: 1fr 300px; gap: 52px; align-items: start;
}

.sbc-nba-reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.45s ease, transform 0.45s ease; }
.sbc-nba-reveal.sbc-nba-visible { opacity: 1; transform: none; }

.sbc-nba-section-hd { margin: 52px 0 24px; }
.sbc-nba-section-hd:first-child { margin-top: 0; }
.sbc-nba-section-hd h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(22px, 3vw, 30px); font-weight: 700;
  color: #fff; letter-spacing: -0.02em; margin: 10px 0 8px; line-height: 1.1;
}
.sbc-nba-section-hd p { font-size: 15px; color: rgba(255,255,255,0.5); margin: 0; line-height: 1.6; }
.sbc-nba-section-tag {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #f97316;
}

.sbc-nba-books-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-nba-book-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 20px; position: relative; transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
}
.sbc-nba-book-card:hover { border-color: rgba(249,115,22,0.28); box-shadow: 0 6px 32px rgba(0,0,0,0.35); transform: translateY(-1px); }
.sbc-nba-book-card--top { grid-column: 1 / -1; border-color: rgba(249,115,22,0.18); background: linear-gradient(135deg,#0d1117 0%,rgba(249,115,22,0.035) 100%); }
.sbc-nba-book-card--top:hover { border-color: rgba(249,115,22,0.4); }
.sbc-nba-book-rank {
  display: inline-flex; align-items: center;
  font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase; padding: 3px 9px;
  border-radius: 5px; border: 1px solid; margin-bottom: 12px;
}
.sbc-nba-book-header { display: flex; align-items: center; gap: 13px; margin-bottom: 12px; }
.sbc-nba-book-logo {
  width: 46px; height: 46px; border-radius: 10px; display: flex;
  align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;
}
.sbc-nba-book-logo--white { background: #fff; padding: 6px; }
.sbc-nba-book-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-nba-book-initial { font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 900; color: #f97316; }
.sbc-nba-book-title-block { flex: 1; min-width: 0; }
.sbc-nba-book-name { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700; color: #fff; margin: 0 0 2px; line-height: 1.1; }
.sbc-nba-book-best { font-size: 11px; color: #f97316; font-weight: 600; display: block; }
.sbc-nba-book-score { text-align: right; flex-shrink: 0; }
.sbc-nba-book-score-val { font-family: 'Barlow Condensed', sans-serif; font-size: 24px; font-weight: 900; color: #fff; line-height: 1; display: block; }
.sbc-nba-book-stars { display: flex; gap: 2px; justify-content: flex-end; margin-top: 2px; }
.sbc-nba-star { font-size: 11px; color: rgba(255,255,255,0.12); }
.sbc-nba-star--on { color: #f97316; }
.sbc-nba-book-note { font-size: 13px; line-height: 1.58; color: rgba(255,255,255,0.48); margin: 0 0 14px; }
.sbc-nba-book-chips { margin-bottom: 14px; }
.sbc-nba-chips-wrap { display: flex; flex-wrap: wrap; gap: 6px; }
.sbc-nba-chip {
  display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600;
  color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07); padding: 4px 9px; border-radius: 6px;
}
.sbc-nba-book-actions { display: flex; gap: 10px; }
.sbc-nba-book-review-btn {
  flex: 1; text-align: center; padding: 10px; border-radius: 9px;
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65);
  font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  transition: background 0.18s, color 0.18s;
}
.sbc-nba-book-review-btn:hover { background: rgba(255,255,255,0.09); color: #fff; }
.sbc-nba-book-visit-btn {
  flex: 1; padding: 10px; border-radius: 9px; background: #f97316; border: none; color: #fff;
  font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; transition: background 0.18s;
}
.sbc-nba-book-visit-btn:hover { background: #ea6b0a; }

.sbc-nba-markets-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-nba-market-card { background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; padding: 20px; }
.sbc-nba-market-pill {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 11px; border-radius: 7px; margin-bottom: 12px;
}
.sbc-nba-market-desc { font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.5); margin: 0 0 14px; }
.sbc-nba-market-insight {
  display: flex; gap: 8px; align-items: flex-start;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05);
  border-radius: 9px; padding: 11px 13px;
  font-size: 12px; color: rgba(255,255,255,0.4); line-height: 1.55;
}
.sbc-nba-market-insight i { color: rgba(255,255,255,0.3); flex-shrink: 0; margin-top: 1px; }

.sbc-nba-props-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 28px; }
.sbc-nba-prop-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 18px; display: flex; gap: 14px; align-items: flex-start;
}
.sbc-nba-prop-icon {
  width: 36px; height: 36px; border-radius: 10px; display: flex;
  align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-nba-prop-card strong { display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 5px; }
.sbc-nba-prop-card span { font-size: 12px; color: rgba(255,255,255,0.42); line-height: 1.55; }

.sbc-nba-raptors-grid { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; }
.sbc-nba-raptors-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 20px; display: flex; gap: 18px; align-items: flex-start;
}
.sbc-nba-raptors-icon {
  width: 42px; height: 42px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-nba-raptors-card strong { display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 6px; }
.sbc-nba-raptors-card p { font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.6; margin: 0; }

.sbc-nba-playoff-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-nba-playoff-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; padding: 20px;
}
.sbc-nba-playoff-num {
  font-family: 'Barlow Condensed', sans-serif; font-size: 38px; font-weight: 900;
  line-height: 1; margin-bottom: 6px;
}
.sbc-nba-playoff-card strong { display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.sbc-nba-playoff-card p { font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.6; margin: 0; }

.sbc-nba-nextsteps { margin-top: 52px; padding: 24px; background: #0d1117; border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; }
.sbc-nba-nextsteps-hd {
  display: flex; align-items: center; gap: 8px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.25); margin-bottom: 16px;
}
.sbc-nba-nextsteps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sbc-nba-nextstep-card {
  display: flex; align-items: center; gap: 13px; padding: 14px;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);
  border-radius: 11px; text-decoration: none; transition: background 0.18s, border-color 0.18s, box-shadow 0.18s;
}
.sbc-nba-nextstep-card:hover { background: rgba(255,255,255,0.05); border-color: rgba(249,115,22,0.2); box-shadow: 0 4px 16px rgba(0,0,0,0.2); }
.sbc-nba-nextstep-icon { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sbc-nba-nextstep-card strong { display: block; font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 3px; }
.sbc-nba-nextstep-card span { font-size: 11px; color: rgba(255,255,255,0.35); line-height: 1.4; }

.sbc-nba-top-pick-inner { display: flex; align-items: center; gap: 12px; }
.sbc-nba-top-pick-logo {
  width: 52px; height: 52px; border-radius: 11px; display: flex;
  align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;
}
.sbc-nba-book-logo--white { background: #fff; padding: 6px; }
.sbc-nba-top-pick-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-nba-top-pick-meta { flex: 1; }
.sbc-nba-top-pick-name { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 3px; }
.sbc-nba-top-pick-stars { display: flex; align-items: center; gap: 2px; margin-bottom: 4px; }
.sbc-nba-top-pick-score { font-size: 12px; color: rgba(255,255,255,0.3); margin-left: 4px; }
.sbc-nba-top-pick-reason { font-size: 11px; color: rgba(255,255,255,0.3); }

.sbc-edu-toc-link.sbc-nba-toc-active { color: #f97316; font-weight: 700; }
.sbc-edu-toc-link.sbc-nba-toc-active .sbc-edu-toc-num { color: #f97316; }

.sbc-nba-article .sbc-inline-link { color: #f97316; text-decoration: underline; text-underline-offset: 2px; }
.sbc-nba-article .sbc-inline-link:hover { color: #fb923c; }

@media (min-width: 1024px) {
  .sbc-nba-hero-inner { grid-template-columns: 1fr 340px; gap: 36px; padding: 0 28px; }
}
@media (max-width: 768px) {
  .sbc-nba-hero-inner    { grid-template-columns: 1fr; padding: 0 20px; }
  .sbc-nba-hero-right    { display: none; }
  .sbc-nba-body-wrap     { grid-template-columns: 1fr; padding: 32px 20px 60px; }
  .sbc-nba-books-grid    { grid-template-columns: 1fr; }
  .sbc-nba-book-card--top { grid-column: 1; }
  .sbc-nba-markets-grid  { grid-template-columns: 1fr; }
  .sbc-nba-props-grid    { grid-template-columns: 1fr; }
  .sbc-nba-playoff-grid  { grid-template-columns: 1fr; }
  .sbc-nba-nextsteps-grid { grid-template-columns: 1fr; }
}

html.light .sbc-nba-main              { background: #f5f5f7; }
html.light .sbc-nba-stats-card        { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 6px 32px rgba(0,0,0,0.08); }
html.light .sbc-nba-stats-card-label  { color: rgba(0,0,0,0.35); }
html.light .sbc-nba-stats-card-season { color: rgba(249,115,22,0.7); }
html.light .sbc-nba-section-hd h2    { color: #0d1117; }
html.light .sbc-nba-section-hd p     { color: rgba(0,0,0,0.5); }
html.light .sbc-nba-book-card         { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nba-book-card:hover   { box-shadow: 0 6px 28px rgba(0,0,0,0.09); }
html.light .sbc-nba-book-card--top    { background: linear-gradient(135deg,#fff 0%,rgba(249,115,22,0.03) 100%); border-color: rgba(249,115,22,0.18); }
html.light .sbc-nba-book-name         { color: #0d1117; }
html.light .sbc-nba-book-note         { color: rgba(0,0,0,0.5); }
html.light .sbc-nba-book-score-val    { color: #0d1117; }
html.light .sbc-nba-book-review-btn   { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.6); }
html.light .sbc-nba-market-card       { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nba-market-desc       { color: rgba(0,0,0,0.5); }
html.light .sbc-nba-market-insight    { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.06); color: rgba(0,0,0,0.45); }
html.light .sbc-nba-prop-card         { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nba-prop-card strong  { color: #0d1117; }
html.light .sbc-nba-prop-card span    { color: rgba(0,0,0,0.48); }
html.light .sbc-nba-raptors-card      { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nba-raptors-card strong { color: #0d1117; }
html.light .sbc-nba-raptors-card p    { color: rgba(0,0,0,0.48); }
html.light .sbc-nba-playoff-card      { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nba-playoff-card strong { color: #0d1117; }
html.light .sbc-nba-playoff-card p    { color: rgba(0,0,0,0.48); }
html.light .sbc-nba-nextsteps         { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-nba-nextstep-card     { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.07); }
html.light .sbc-nba-nextstep-card strong { color: #0d1117; }
html.light .sbc-nba-nextstep-card span  { color: rgba(0,0,0,0.45); }
html.light .sbc-nba-top-pick-name     { color: #0d1117; }
html.light .sbc-nba-top-pick-score    { color: rgba(0,0,0,0.3); }
html.light .sbc-nba-star--on          { color: #f97316; }

.sbc-mlb-main { background: #07090d; }

.sbc-mlb-progress-bar {
  position: fixed; top: 0; left: 0; width: 100%; height: 3px;
  z-index: 9999; background: rgba(255,255,255,0.05); pointer-events: none;
}
.sbc-mlb-progress-fill {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, #1d4ed8 0%, #3b82f6 100%);
  transition: width 0.1s linear;
}

.sbc-mlb-hero { padding: 72px 0 64px; position: relative; overflow: hidden; }
.sbc-mlb-hero-inner {
  position: relative; z-index: 1; max-width: 1280px; margin: 0 auto;
  padding: 0 40px; display: grid; grid-template-columns: 1fr 380px; gap: 56px; align-items: center;
}

.sbc-mlb-hero-diamond {
  position: absolute; right: 5%; bottom: -20%; width: 520px; height: 520px;
  pointer-events: none; z-index: 0; opacity: 0.055;
  transform: rotate(45deg);
}
.sbc-mlb-diamond-shape {
  position: absolute; inset: 15%;
  border: 1px solid rgba(59,130,246,0.7);
}
.sbc-mlb-diamond-base {
  position: absolute; width: 10px; height: 10px;
  background: rgba(59,130,246,0.6); border-radius: 2px;
}
.sbc-mlb-diamond-base--1b  { right: 15%; top: 50%; transform: translate(50%,-50%); }
.sbc-mlb-diamond-base--2b  { top: 15%; left: 50%; transform: translate(-50%,-50%); }
.sbc-mlb-diamond-base--3b  { left: 15%; top: 50%; transform: translate(-50%,-50%); }
.sbc-mlb-diamond-base--home { bottom: 15%; left: 50%; transform: translate(-50%,50%); background: rgba(255,255,255,0.5); }
.sbc-mlb-foul-line {
  position: absolute; bottom: 15%; width: 1px; height: 55%;
  background: rgba(255,255,255,0.3); transform-origin: bottom center;
}
.sbc-mlb-foul-line--l { left: 50%; transform: translateX(-50%) rotate(-45deg); }
.sbc-mlb-foul-line--r { left: 50%; transform: translateX(-50%) rotate(45deg); }
.sbc-mlb-pitchers-mound {
  position: absolute; bottom: 35%; left: 50%;
  width: 18px; height: 18px; border-radius: 50%;
  background: rgba(59,130,246,0.4); transform: translate(-50%,50%);
}

.sbc-mlb-season-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.55);
}
.sbc-mlb-season-dot {
  width: 7px; height: 7px; border-radius: 50%; background: #3b82f6;
  animation: sbc-mlb-blink 2s ease-in-out infinite;
}
@keyframes sbc-mlb-blink { 0%,100%{opacity:1} 50%{opacity:0.3} }

.sbc-mlb-hero-title em { font-style: normal; color: #3b82f6; }

.sbc-mlb-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.sbc-mlb-cta-primary {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 22px; border-radius: 10px;
  background: #3b82f6; color: #fff;
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  transition: background 0.18s, transform 0.18s;
}
.sbc-mlb-cta-primary:hover { background: #2563eb; transform: translateY(-1px); color: #fff; }
.sbc-mlb-cta-secondary {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 22px; border-radius: 10px;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.8);
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  transition: background 0.18s, color 0.18s;
}
.sbc-mlb-cta-secondary:hover { background: rgba(255,255,255,0.1); color: #fff; }
.sbc-mlb-cta-ghost {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 22px; border-radius: 10px;
  background: transparent; color: rgba(255,255,255,0.45);
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; transition: color 0.18s;
}
.sbc-mlb-cta-ghost:hover { color: #3b82f6; }

.sbc-mlb-stats-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 22px;
}
.sbc-mlb-stats-card-hd {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.05);
}
.sbc-mlb-stats-card-label {
  display: flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}
.sbc-mlb-stats-card-season {
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  color: rgba(59,130,246,0.7); letter-spacing: 0.05em;
}
.sbc-mlb-stat-rows { display: flex; flex-direction: column; }
.sbc-mlb-stat-row {
  display: flex; align-items: center; gap: 13px;
  padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-mlb-stat-row:last-child { border-bottom: none; }
.sbc-mlb-stat-icon {
  width: 34px; height: 34px; border-radius: 9px; background: rgba(255,255,255,0.04);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.3); flex-shrink: 0;
}
.sbc-mlb-stat-icon--blue   { background: rgba(59,130,246,0.1);  color: #3b82f6; }
.sbc-mlb-stat-icon--green  { background: rgba(16,185,129,0.1);  color: #10b981; }
.sbc-mlb-stat-icon--amber  { background: rgba(245,158,11,0.1);  color: #f59e0b; }
.sbc-mlb-stat-icon--red    { background: rgba(239,68,68,0.1);   color: #ef4444; }
.sbc-mlb-stat-content { flex: 1; min-width: 0; }
.sbc-mlb-stat-val {
  font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 900;
  color: #fff; line-height: 1; display: block;
}
.sbc-mlb-stat-val--blue  { color: #3b82f6; }
.sbc-mlb-stat-val--green { color: #10b981; }
.sbc-mlb-stat-val--amber { color: #f59e0b; }
.sbc-mlb-stat-val--red   { color: #ef4444; }
.sbc-mlb-stat-lbl {
  font-size: 11px; color: rgba(255,255,255,0.38); line-height: 1.35; margin-top: 2px; display: block;
}
.sbc-mlb-stats-card-cta {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.05);
  font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.35);
  text-decoration: none; transition: color 0.18s, gap 0.18s;
}
.sbc-mlb-stats-card-cta:hover { color: #3b82f6; gap: 10px; }

.sbc-mlb-body-wrap {
  max-width: 1280px; margin: 0 auto; padding: 52px 40px 80px;
  display: grid; grid-template-columns: 1fr 300px; gap: 52px; align-items: start;
}

.sbc-mlb-reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.45s ease, transform 0.45s ease; }
.sbc-mlb-reveal.sbc-mlb-visible { opacity: 1; transform: none; }

.sbc-mlb-section-hd { margin: 52px 0 24px; }
.sbc-mlb-section-hd:first-child { margin-top: 0; }
.sbc-mlb-section-hd h2 {
  font-family: 'Barlow Condensed', sans-serif; font-size: clamp(22px, 3vw, 30px); font-weight: 700;
  color: #fff; letter-spacing: -0.02em; margin: 10px 0 8px; line-height: 1.1;
}
.sbc-mlb-section-hd p { font-size: 15px; color: rgba(255,255,255,0.5); margin: 0; line-height: 1.6; }
.sbc-mlb-section-tag {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #3b82f6;
}

.sbc-mlb-books-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-mlb-book-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 20px; position: relative; transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
}
.sbc-mlb-book-card:hover { border-color: rgba(59,130,246,0.28); box-shadow: 0 6px 32px rgba(0,0,0,0.35); transform: translateY(-1px); }
.sbc-mlb-book-card--top { grid-column: 1 / -1; border-color: rgba(59,130,246,0.18); background: linear-gradient(135deg,#0d1117 0%,rgba(59,130,246,0.035) 100%); }
.sbc-mlb-book-card--top:hover { border-color: rgba(59,130,246,0.4); }
.sbc-mlb-book-rank {
  display: inline-flex; align-items: center;
  font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase; padding: 3px 9px; border-radius: 5px; border: 1px solid; margin-bottom: 12px;
}
.sbc-mlb-book-header { display: flex; align-items: center; gap: 13px; margin-bottom: 12px; }
.sbc-mlb-book-logo {
  width: 46px; height: 46px; border-radius: 10px; display: flex;
  align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;
}
.sbc-mlb-book-logo--white { background: #fff; padding: 6px; }
.sbc-mlb-book-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-mlb-book-initial { font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 900; color: #3b82f6; }
.sbc-mlb-book-title-block { flex: 1; min-width: 0; }
.sbc-mlb-book-name { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700; color: #fff; margin: 0 0 2px; line-height: 1.1; }
.sbc-mlb-book-best { font-size: 11px; color: #3b82f6; font-weight: 600; display: block; }
.sbc-mlb-book-score { text-align: right; flex-shrink: 0; }
.sbc-mlb-book-score-val { font-family: 'Barlow Condensed', sans-serif; font-size: 24px; font-weight: 900; color: #fff; line-height: 1; display: block; }
.sbc-mlb-book-stars { display: flex; gap: 2px; justify-content: flex-end; margin-top: 2px; }
.sbc-mlb-star { font-size: 11px; color: rgba(255,255,255,0.12); }
.sbc-mlb-star--on { color: #3b82f6; }
.sbc-mlb-book-note { font-size: 13px; line-height: 1.58; color: rgba(255,255,255,0.48); margin: 0 0 14px; }
.sbc-mlb-book-chips { margin-bottom: 14px; }
.sbc-mlb-chips-wrap { display: flex; flex-wrap: wrap; gap: 6px; }
.sbc-mlb-chip {
  display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600;
  color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07); padding: 4px 9px; border-radius: 6px;
}
.sbc-mlb-book-actions { display: flex; gap: 10px; }
.sbc-mlb-book-review-btn {
  flex: 1; text-align: center; padding: 10px; border-radius: 9px;
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65); font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  text-decoration: none; transition: background 0.18s, color 0.18s;
}
.sbc-mlb-book-review-btn:hover { background: rgba(255,255,255,0.09); color: #fff; }
.sbc-mlb-book-visit-btn {
  flex: 1; padding: 10px; border-radius: 9px; background: #3b82f6; border: none; color: #fff;
  font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; transition: background 0.18s;
}
.sbc-mlb-book-visit-btn:hover { background: #2563eb; }

.sbc-mlb-vig-compare {
  display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: center;
  margin-bottom: 16px;
}
.sbc-mlb-vig-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 22px; text-align: center;
}
.sbc-mlb-vig-card--sharp { border-color: rgba(16,185,129,0.25); background: linear-gradient(135deg,#0d1117,rgba(16,185,129,0.04)); }
.sbc-mlb-vig-card--rec   { border-color: rgba(239,68,68,0.2);   background: linear-gradient(135deg,#0d1117,rgba(239,68,68,0.04)); }
.sbc-mlb-vig-card-label {
  font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: rgba(255,255,255,0.3); margin-bottom: 10px;
}
.sbc-mlb-vig-card-odds {
  font-family: 'Barlow Condensed', sans-serif; font-size: 32px; font-weight: 900;
  color: #fff; line-height: 1; margin-bottom: 4px;
}
.sbc-mlb-vig-card-margin { font-size: 12px; color: rgba(255,255,255,0.3); margin-bottom: 14px; }
.sbc-mlb-vig-season-cost {
  display: flex; flex-direction: column; gap: 4px;
  background: rgba(255,255,255,0.03); border-radius: 8px; padding: 10px 12px;
}
.sbc-mlb-vig-season-label { font-size: 10px; color: rgba(255,255,255,0.3); }
.sbc-mlb-vig-season-val { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 900; }
.sbc-mlb-vig-season-val--good { color: #10b981; }
.sbc-mlb-vig-season-val--bad  { color: #ef4444; }
.sbc-mlb-vig-vs {
  font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 900;
  color: rgba(255,255,255,0.2); text-align: center;
}
.sbc-mlb-vig-diff-strip {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  background: rgba(59,130,246,0.06); border: 1px solid rgba(59,130,246,0.15);
  border-radius: 11px; padding: 14px 18px; font-size: 13px;
  color: rgba(255,255,255,0.55); margin-bottom: 28px;
}
.sbc-mlb-vig-diff-strip i { color: #ef4444; flex-shrink: 0; }
.sbc-mlb-vig-diff-strip strong { color: #fff; }
.sbc-mlb-vig-cta-link {
  display: inline-flex; align-items: center; gap: 5px; margin-left: auto;
  font-size: 12px; font-weight: 700; color: #3b82f6; text-decoration: none; white-space: nowrap;
  transition: gap 0.15s;
}
.sbc-mlb-vig-cta-link:hover { gap: 8px; }

.sbc-mlb-markets-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-mlb-market-card { background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; padding: 20px; }
.sbc-mlb-market-pill {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 11px; border-radius: 7px; margin-bottom: 12px;
}
.sbc-mlb-market-desc { font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.5); margin: 0 0 14px; }
.sbc-mlb-market-insight {
  display: flex; gap: 8px; align-items: flex-start;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05);
  border-radius: 9px; padding: 11px 13px; font-size: 12px; color: rgba(255,255,255,0.4); line-height: 1.55;
}
.sbc-mlb-market-insight i { color: rgba(255,255,255,0.3); flex-shrink: 0; margin-top: 1px; }

.sbc-mlb-pitching-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-mlb-pitch-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 20px; display: flex; gap: 16px; align-items: flex-start;
}
.sbc-mlb-pitch-icon {
  width: 42px; height: 42px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-mlb-pitch-card strong { display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 6px; }
.sbc-mlb-pitch-card p { font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.6; margin: 0; }

.sbc-mlb-jays-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-mlb-jays-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  overflow: hidden; display: flex; flex-direction: column;
}
.sbc-mlb-jays-accent { height: 3px; width: 100%; flex-shrink: 0; }
.sbc-mlb-jays-body { padding: 18px; flex: 1; }
.sbc-mlb-jays-body strong { display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.sbc-mlb-jays-body p { font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.6; margin: 0; }

.sbc-mlb-nextsteps { margin-top: 52px; padding: 24px; background: #0d1117; border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; }
.sbc-mlb-nextsteps-hd {
  display: flex; align-items: center; gap: 8px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.25); margin-bottom: 16px;
}
.sbc-mlb-nextsteps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sbc-mlb-nextstep-card {
  display: flex; align-items: center; gap: 13px; padding: 14px;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);
  border-radius: 11px; text-decoration: none; transition: background 0.18s, border-color 0.18s, box-shadow 0.18s;
}
.sbc-mlb-nextstep-card:hover { background: rgba(255,255,255,0.05); border-color: rgba(59,130,246,0.2); box-shadow: 0 4px 16px rgba(0,0,0,0.2); }
.sbc-mlb-nextstep-icon { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sbc-mlb-nextstep-card strong { display: block; font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 3px; }
.sbc-mlb-nextstep-card span { font-size: 11px; color: rgba(255,255,255,0.35); line-height: 1.4; }

.sbc-mlb-top-pick-inner { display: flex; align-items: center; gap: 12px; }
.sbc-mlb-top-pick-logo {
  width: 52px; height: 52px; border-radius: 11px; display: flex;
  align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;
}
.sbc-mlb-book-logo--white { background: #fff; padding: 6px; }
.sbc-mlb-top-pick-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-mlb-top-pick-meta { flex: 1; }
.sbc-mlb-top-pick-name { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 3px; }
.sbc-mlb-top-pick-stars { display: flex; align-items: center; gap: 2px; margin-bottom: 4px; }
.sbc-mlb-top-pick-score { font-size: 12px; color: rgba(255,255,255,0.3); margin-left: 4px; }
.sbc-mlb-top-pick-reason { font-size: 11px; color: rgba(255,255,255,0.3); }

.sbc-edu-toc-link.sbc-mlb-toc-active { color: #3b82f6; font-weight: 700; }
.sbc-edu-toc-link.sbc-mlb-toc-active .sbc-edu-toc-num { color: #3b82f6; }

.sbc-mlb-article .sbc-inline-link { color: #3b82f6; text-decoration: underline; text-underline-offset: 2px; }
.sbc-mlb-article .sbc-inline-link:hover { color: #60a5fa; }

@media (min-width: 1024px) {
  .sbc-mlb-hero-inner { grid-template-columns: 1fr 340px; gap: 36px; padding: 0 28px; }
}
@media (max-width: 768px) {
  .sbc-mlb-hero-inner     { grid-template-columns: 1fr; padding: 0 20px; }
  .sbc-mlb-hero-right     { display: none; }
  .sbc-mlb-body-wrap      { grid-template-columns: 1fr; padding: 32px 20px 60px; }
  .sbc-mlb-books-grid     { grid-template-columns: 1fr; }
  .sbc-mlb-book-card--top { grid-column: 1; }
  .sbc-mlb-markets-grid   { grid-template-columns: 1fr; }
  .sbc-mlb-pitching-grid  { grid-template-columns: 1fr; }
  .sbc-mlb-jays-grid      { grid-template-columns: 1fr; }
  .sbc-mlb-nextsteps-grid { grid-template-columns: 1fr; }
  .sbc-mlb-vig-compare    { grid-template-columns: 1fr; }
  .sbc-mlb-vig-vs         { display: none; }
}

html.light .sbc-mlb-main              { background: #f5f5f7; }
html.light .sbc-mlb-stats-card        { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 6px 32px rgba(0,0,0,0.08); }
html.light .sbc-mlb-stats-card-label  { color: rgba(0,0,0,0.35); }
html.light .sbc-mlb-stats-card-season { color: rgba(59,130,246,0.7); }
html.light .sbc-mlb-section-hd h2    { color: #0d1117; }
html.light .sbc-mlb-section-hd p     { color: rgba(0,0,0,0.5); }
html.light .sbc-mlb-book-card         { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-mlb-book-card:hover   { box-shadow: 0 6px 28px rgba(0,0,0,0.09); }
html.light .sbc-mlb-book-card--top    { background: linear-gradient(135deg,#fff 0%,rgba(59,130,246,0.03) 100%); border-color: rgba(59,130,246,0.18); }
html.light .sbc-mlb-book-name         { color: #0d1117; }
html.light .sbc-mlb-book-note         { color: rgba(0,0,0,0.5); }
html.light .sbc-mlb-book-score-val    { color: #0d1117; }
html.light .sbc-mlb-book-review-btn   { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.6); }
html.light .sbc-mlb-vig-card          { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-mlb-vig-card-label    { color: rgba(0,0,0,0.35); }
html.light .sbc-mlb-vig-card-odds     { color: #0d1117; }
html.light .sbc-mlb-vig-card-margin   { color: rgba(0,0,0,0.35); }
html.light .sbc-mlb-vig-diff-strip    { background: rgba(59,130,246,0.05); border-color: rgba(59,130,246,0.15); color: rgba(0,0,0,0.5); }
html.light .sbc-mlb-vig-diff-strip strong { color: #0d1117; }
html.light .sbc-mlb-market-card       { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-mlb-market-desc       { color: rgba(0,0,0,0.5); }
html.light .sbc-mlb-market-insight    { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.06); color: rgba(0,0,0,0.45); }
html.light .sbc-mlb-pitch-card        { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-mlb-pitch-card strong { color: #0d1117; }
html.light .sbc-mlb-pitch-card p      { color: rgba(0,0,0,0.48); }
html.light .sbc-mlb-jays-card         { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-mlb-jays-body strong  { color: #0d1117; }
html.light .sbc-mlb-jays-body p       { color: rgba(0,0,0,0.48); }
html.light .sbc-mlb-nextsteps         { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-mlb-nextstep-card     { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.07); }
html.light .sbc-mlb-nextstep-card strong { color: #0d1117; }
html.light .sbc-mlb-nextstep-card span  { color: rgba(0,0,0,0.45); }
html.light .sbc-mlb-top-pick-name     { color: #0d1117; }
html.light .sbc-mlb-top-pick-score    { color: rgba(0,0,0,0.3); }
html.light .sbc-mlb-star--on          { color: #3b82f6; }

.sbc-soc-main { background: #070910; }

.sbc-soc-progress-bar {
  position: fixed; top: 0; left: 0; width: 100%; height: 3px;
  z-index: 9999; background: rgba(255,255,255,0.05); pointer-events: none;
}
.sbc-soc-progress-fill {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, #7c3aed 0%, #8b5cf6 60%, #a78bfa 100%);
  transition: width 0.1s linear;
}

.sbc-soc-hero { padding: 72px 0 64px; position: relative; overflow: hidden; }
.sbc-soc-hero-inner {
  position: relative; z-index: 1; max-width: 1280px; margin: 0 auto;
  padding: 0 40px; display: grid; grid-template-columns: 1fr 380px; gap: 56px; align-items: center;
}

.sbc-soc-hero-pitch {
  position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: 0.05;
}
.sbc-soc-pitch-outline {
  position: absolute; top: 8%; bottom: 8%; left: 5%; right: 5%;
  border: 1px solid rgba(139,92,246,0.7); border-radius: 4px;
}
.sbc-soc-pitch-centre-line {
  position: absolute; top: 8%; bottom: 8%; left: 50%;
  width: 1px; background: rgba(139,92,246,0.5); transform: translateX(-50%);
}
.sbc-soc-pitch-centre-circle {
  position: absolute; top: 50%; left: 50%;
  width: 140px; height: 140px; border-radius: 50%;
  border: 1px solid rgba(139,92,246,0.5);
  transform: translate(-50%, -50%);
}
.sbc-soc-pitch-dot {
  position: absolute; top: 50%; left: 50%;
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(139,92,246,0.6); transform: translate(-50%,-50%);
}
.sbc-soc-pitch-penalty {
  position: absolute; top: 50%; width: 16%; height: 42%;
  border: 1px solid rgba(255,255,255,0.35); transform: translateY(-50%);
}
.sbc-soc-pitch-penalty--l { left: 5%; border-left: none; }
.sbc-soc-pitch-penalty--r { right: 5%; border-right: none; }
.sbc-soc-pitch-goal-arc {
  position: absolute; top: 50%; width: 70px; height: 70px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.25); transform: translateY(-50%);
}
.sbc-soc-pitch-goal-arc--l { left: calc(5% + 16%); clip-path: inset(0 0 0 50%); }
.sbc-soc-pitch-goal-arc--r { right: calc(5% + 16%); clip-path: inset(0 50% 0 0); }
.sbc-soc-pitch-spot {
  position: absolute; top: 50%;
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(255,255,255,0.4); transform: translateY(-50%);
}
.sbc-soc-pitch-spot--l { left: calc(5% + 11%); }
.sbc-soc-pitch-spot--r { right: calc(5% + 11%); }

.sbc-soc-season-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.55);
}
.sbc-soc-season-dot {
  width: 7px; height: 7px; border-radius: 50%; background: #8b5cf6;
  animation: sbc-soc-blink 2s ease-in-out infinite;
}
@keyframes sbc-soc-blink { 0%,100%{opacity:1} 50%{opacity:0.3} }

.sbc-soc-hero-title em { font-style: normal; color: #a78bfa; }

.sbc-soc-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.sbc-soc-cta-primary {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 22px; border-radius: 10px;
  background: #8b5cf6; color: #fff;
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  transition: background 0.18s, transform 0.18s;
}
.sbc-soc-cta-primary:hover { background: #7c3aed; transform: translateY(-1px); color: #fff; }
.sbc-soc-cta-secondary {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 22px; border-radius: 10px;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.8);
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  transition: background 0.18s, color 0.18s;
}
.sbc-soc-cta-secondary:hover { background: rgba(255,255,255,0.1); color: #fff; }
.sbc-soc-cta-ghost {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 22px; border-radius: 10px;
  background: transparent; color: rgba(255,255,255,0.45);
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; transition: color 0.18s;
}
.sbc-soc-cta-ghost:hover { color: #a78bfa; }

.sbc-soc-stats-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 22px;
}
.sbc-soc-stats-card-hd {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.05);
}
.sbc-soc-stats-card-label {
  display: flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.3);
}
.sbc-soc-stats-card-season {
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  color: rgba(139,92,246,0.7); letter-spacing: 0.05em;
}
.sbc-soc-stat-rows { display: flex; flex-direction: column; }
.sbc-soc-stat-row {
  display: flex; align-items: center; gap: 13px;
  padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-soc-stat-row:last-child { border-bottom: none; }
.sbc-soc-stat-icon {
  width: 34px; height: 34px; border-radius: 9px; background: rgba(255,255,255,0.04);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.3); flex-shrink: 0;
}
.sbc-soc-stat-icon--purple { background: rgba(139,92,246,0.1); color: #8b5cf6; }
.sbc-soc-stat-icon--green  { background: rgba(16,185,129,0.1);  color: #10b981; }
.sbc-soc-stat-icon--blue   { background: rgba(59,130,246,0.1);  color: #3b82f6; }
.sbc-soc-stat-icon--amber  { background: rgba(245,158,11,0.1);  color: #f59e0b; }
.sbc-soc-stat-content { flex: 1; min-width: 0; }
.sbc-soc-stat-val {
  font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 900;
  color: #fff; line-height: 1; display: block;
}
.sbc-soc-stat-val--purple { color: #a78bfa; }
.sbc-soc-stat-val--green  { color: #10b981; }
.sbc-soc-stat-val--blue   { color: #3b82f6; }
.sbc-soc-stat-val--amber  { color: #f59e0b; }
.sbc-soc-stat-lbl { font-size: 11px; color: rgba(255,255,255,0.38); line-height: 1.35; margin-top: 2px; display: block; }
.sbc-soc-stats-card-cta {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.05);
  font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.35);
  text-decoration: none; transition: color 0.18s, gap 0.18s;
}
.sbc-soc-stats-card-cta:hover { color: #a78bfa; gap: 10px; }

.sbc-soc-body-wrap {
  max-width: 1280px; margin: 0 auto; padding: 52px 40px 80px;
  display: grid; grid-template-columns: 1fr 300px; gap: 52px; align-items: start;
}

.sbc-soc-reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.45s ease, transform 0.45s ease; }
.sbc-soc-reveal.sbc-soc-visible { opacity: 1; transform: none; }

.sbc-soc-section-hd { margin: 52px 0 24px; }
.sbc-soc-section-hd:first-child { margin-top: 0; }
.sbc-soc-section-hd h2 {
  font-family: 'Barlow Condensed', sans-serif; font-size: clamp(22px, 3vw, 30px); font-weight: 700;
  color: #fff; letter-spacing: -0.02em; margin: 10px 0 8px; line-height: 1.1;
}
.sbc-soc-section-hd p { font-size: 15px; color: rgba(255,255,255,0.5); margin: 0; line-height: 1.6; }
.sbc-soc-section-tag {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #8b5cf6;
}

.sbc-soc-books-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-soc-book-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 20px; position: relative; transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
}
.sbc-soc-book-card:hover { border-color: rgba(139,92,246,0.28); box-shadow: 0 6px 32px rgba(0,0,0,0.35); transform: translateY(-1px); }
.sbc-soc-book-card--top { grid-column: 1 / -1; border-color: rgba(139,92,246,0.18); background: linear-gradient(135deg,#0d1117 0%,rgba(139,92,246,0.04) 100%); }
.sbc-soc-book-card--top:hover { border-color: rgba(139,92,246,0.4); }
.sbc-soc-book-rank {
  display: inline-flex; align-items: center;
  font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase; padding: 3px 9px; border-radius: 5px; border: 1px solid; margin-bottom: 12px;
}
.sbc-soc-book-header { display: flex; align-items: center; gap: 13px; margin-bottom: 12px; }
.sbc-soc-book-logo {
  width: 46px; height: 46px; border-radius: 10px; display: flex;
  align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;
}
.sbc-soc-book-logo--white { background: #fff; padding: 6px; }
.sbc-soc-book-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-soc-book-initial { font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 900; color: #8b5cf6; }
.sbc-soc-book-title-block { flex: 1; min-width: 0; }
.sbc-soc-book-name { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700; color: #fff; margin: 0 0 2px; line-height: 1.1; }
.sbc-soc-book-best { font-size: 11px; color: #a78bfa; font-weight: 600; display: block; }
.sbc-soc-book-score { text-align: right; flex-shrink: 0; }
.sbc-soc-book-score-val { font-family: 'Barlow Condensed', sans-serif; font-size: 24px; font-weight: 900; color: #fff; line-height: 1; display: block; }
.sbc-soc-book-stars { display: flex; gap: 2px; justify-content: flex-end; margin-top: 2px; }
.sbc-soc-star { font-size: 11px; color: rgba(255,255,255,0.12); }
.sbc-soc-star--on { color: #8b5cf6; }
.sbc-soc-book-note { font-size: 13px; line-height: 1.58; color: rgba(255,255,255,0.48); margin: 0 0 14px; }
.sbc-soc-book-chips { margin-bottom: 14px; }
.sbc-soc-chips-wrap { display: flex; flex-wrap: wrap; gap: 6px; }
.sbc-soc-chip {
  display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600;
  color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07); padding: 4px 9px; border-radius: 6px;
}
.sbc-soc-book-actions { display: flex; gap: 10px; }
.sbc-soc-book-review-btn {
  flex: 1; text-align: center; padding: 10px; border-radius: 9px;
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.65); font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  text-decoration: none; transition: background 0.18s, color 0.18s;
}
.sbc-soc-book-review-btn:hover { background: rgba(255,255,255,0.09); color: #fff; }
.sbc-soc-book-visit-btn {
  flex: 1; padding: 10px; border-radius: 9px; background: #8b5cf6; border: none; color: #fff;
  font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; transition: background 0.18s;
}
.sbc-soc-book-visit-btn:hover { background: #7c3aed; }

.sbc-soc-markets-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-soc-market-card { background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; padding: 20px; }
.sbc-soc-market-pill {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 11px; border-radius: 7px; margin-bottom: 12px;
}
.sbc-soc-market-desc { font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.5); margin: 0 0 14px; }
.sbc-soc-market-insight {
  display: flex; gap: 8px; align-items: flex-start;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05);
  border-radius: 9px; padding: 11px 13px; font-size: 12px; color: rgba(255,255,255,0.4); line-height: 1.55;
}
.sbc-soc-market-insight i { color: rgba(255,255,255,0.3); flex-shrink: 0; margin-top: 1px; }

.sbc-soc-leagues-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-soc-league-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 18px; display: flex; flex-direction: column; gap: 12px;
  transition: border-color 0.2s, transform 0.2s;
}
.sbc-soc-league-card:hover { border-color: rgba(139,92,246,0.2); transform: translateY(-1px); }
.sbc-soc-league-badge {
  width: 48px; height: 48px; border-radius: 12px; border: 1px solid;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-soc-league-abbr { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 900; letter-spacing: 0.08em; }
.sbc-soc-league-body strong { display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 6px; }
.sbc-soc-league-body p { font-size: 12px; color: rgba(255,255,255,0.42); line-height: 1.55; margin: 0; }
.sbc-soc-league-eff {
  display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; padding: 3px 7px; border-radius: 4px; margin-bottom: 7px;
}
.sbc-soc-league-eff--high   { background: rgba(16,185,129,0.1);  color: #10b981; }
.sbc-soc-league-eff--med    { background: rgba(245,158,11,0.1);  color: #f59e0b; }
.sbc-soc-league-eff--varies { background: rgba(139,92,246,0.1);  color: #a78bfa; }

.sbc-soc-live-events-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-soc-live-event {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 20px; display: flex; gap: 16px; align-items: flex-start;
}
.sbc-soc-live-event-icon {
  width: 42px; height: 42px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-soc-live-event strong { display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 6px; }
.sbc-soc-live-event p { font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.6; margin: 0; }

.sbc-soc-canada-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; margin-bottom: 28px; }
.sbc-soc-canada-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; overflow: hidden;
}
.sbc-soc-canada-accent { height: 3px; width: 100%; }
.sbc-soc-canada-body { padding: 18px; }
.sbc-soc-canada-body strong { display: block; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.sbc-soc-canada-body p { font-size: 13px; color: rgba(255,255,255,0.45); line-height: 1.6; margin: 0; }

.sbc-soc-acca-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; margin-bottom: 20px; }
.sbc-soc-acca-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 20px; text-align: center;
}
.sbc-soc-acca-num {
  font-family: 'Barlow Condensed', sans-serif; font-size: 52px; font-weight: 900;
  line-height: 1; margin-bottom: 2px;
}
.sbc-soc-acca-label {
  font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.4);
  letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 14px;
}
.sbc-soc-acca-stats { display: flex; flex-direction: column; gap: 8px; text-align: left; }
.sbc-soc-acca-stat { display: flex; flex-direction: column; gap: 3px; }
.sbc-soc-acca-book { font-size: 10px; color: rgba(255,255,255,0.3); }
.sbc-soc-acca-vig { font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 800; }
.sbc-soc-acca-vig--bad  { color: #ef4444; }
.sbc-soc-acca-vig--good { color: #10b981; }

.sbc-soc-nextsteps { margin-top: 52px; padding: 24px; background: #0d1117; border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; }
.sbc-soc-nextsteps-hd {
  display: flex; align-items: center; gap: 8px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.25); margin-bottom: 16px;
}
.sbc-soc-nextsteps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sbc-soc-nextstep-card {
  display: flex; align-items: center; gap: 13px; padding: 14px;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);
  border-radius: 11px; text-decoration: none; transition: background 0.18s, border-color 0.18s, box-shadow 0.18s;
}
.sbc-soc-nextstep-card:hover { background: rgba(255,255,255,0.05); border-color: rgba(139,92,246,0.2); box-shadow: 0 4px 16px rgba(0,0,0,0.2); }
.sbc-soc-nextstep-icon { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sbc-soc-nextstep-card strong { display: block; font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 3px; }
.sbc-soc-nextstep-card span { font-size: 11px; color: rgba(255,255,255,0.35); line-height: 1.4; }

.sbc-soc-top-pick-inner { display: flex; align-items: center; gap: 12px; }
.sbc-soc-top-pick-logo {
  width: 52px; height: 52px; border-radius: 11px; display: flex;
  align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;
}
.sbc-soc-book-logo--white { background: #fff; padding: 6px; }
.sbc-soc-top-pick-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-soc-top-pick-meta { flex: 1; }
.sbc-soc-top-pick-name { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 3px; }
.sbc-soc-top-pick-stars { display: flex; align-items: center; gap: 2px; margin-bottom: 4px; }
.sbc-soc-top-pick-score { font-size: 12px; color: rgba(255,255,255,0.3); margin-left: 4px; }
.sbc-soc-top-pick-reason { font-size: 11px; color: rgba(255,255,255,0.3); }

.sbc-edu-toc-link.sbc-soc-toc-active { color: #8b5cf6; font-weight: 700; }
.sbc-edu-toc-link.sbc-soc-toc-active .sbc-edu-toc-num { color: #8b5cf6; }

.sbc-soc-article .sbc-inline-link { color: #a78bfa; text-decoration: underline; text-underline-offset: 2px; }
.sbc-soc-article .sbc-inline-link:hover { color: #c4b5fd; }

@media (min-width: 1024px) {
  .sbc-soc-hero-inner { grid-template-columns: 1fr 340px; gap: 36px; padding: 0 28px; }
}
@media (max-width: 1024px) {
  .sbc-soc-leagues-grid  { grid-template-columns: 1fr 1fr; }
  .sbc-soc-canada-grid   { grid-template-columns: 1fr 1fr; }
  .sbc-soc-acca-grid     { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .sbc-soc-hero-inner      { grid-template-columns: 1fr; padding: 0 20px; }
  .sbc-soc-hero-right      { display: none; }
  .sbc-soc-body-wrap       { grid-template-columns: 1fr; padding: 32px 20px 60px; }
  .sbc-soc-books-grid      { grid-template-columns: 1fr; }
  .sbc-soc-book-card--top  { grid-column: 1; }
  .sbc-soc-markets-grid    { grid-template-columns: 1fr; }
  .sbc-soc-leagues-grid    { grid-template-columns: 1fr; }
  .sbc-soc-live-events-grid { grid-template-columns: 1fr; }
  .sbc-soc-canada-grid     { grid-template-columns: 1fr; }
  .sbc-soc-acca-grid       { grid-template-columns: 1fr; }
  .sbc-soc-nextsteps-grid  { grid-template-columns: 1fr; }
}

html.light .sbc-soc-main              { background: #f5f5f7; }
html.light .sbc-soc-stats-card        { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 6px 32px rgba(0,0,0,0.08); }
html.light .sbc-soc-stats-card-label  { color: rgba(0,0,0,0.35); }
html.light .sbc-soc-stats-card-season { color: rgba(139,92,246,0.7); }
html.light .sbc-soc-section-hd h2    { color: #0d1117; }
html.light .sbc-soc-section-hd p     { color: rgba(0,0,0,0.5); }
html.light .sbc-soc-book-card         { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-soc-book-card:hover   { box-shadow: 0 6px 28px rgba(0,0,0,0.09); }
html.light .sbc-soc-book-card--top    { background: linear-gradient(135deg,#fff 0%,rgba(139,92,246,0.03) 100%); border-color: rgba(139,92,246,0.18); }
html.light .sbc-soc-book-name         { color: #0d1117; }
html.light .sbc-soc-book-note         { color: rgba(0,0,0,0.5); }
html.light .sbc-soc-book-score-val    { color: #0d1117; }
html.light .sbc-soc-book-review-btn   { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.6); }
html.light .sbc-soc-market-card       { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-soc-market-desc       { color: rgba(0,0,0,0.5); }
html.light .sbc-soc-market-insight    { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.06); color: rgba(0,0,0,0.45); }
html.light .sbc-soc-league-card       { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-soc-league-body strong { color: #0d1117; }
html.light .sbc-soc-league-body p     { color: rgba(0,0,0,0.48); }
html.light .sbc-soc-live-event        { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-soc-live-event strong  { color: #0d1117; }
html.light .sbc-soc-live-event p       { color: rgba(0,0,0,0.48); }
html.light .sbc-soc-canada-card       { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-soc-canada-body strong { color: #0d1117; }
html.light .sbc-soc-canada-body p      { color: rgba(0,0,0,0.48); }
html.light .sbc-soc-acca-card         { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-soc-acca-label        { color: rgba(0,0,0,0.35); }
html.light .sbc-soc-acca-book         { color: rgba(0,0,0,0.35); }
html.light .sbc-soc-nextsteps         { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-soc-nextstep-card     { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.07); }
html.light .sbc-soc-nextstep-card strong { color: #0d1117; }
html.light .sbc-soc-nextstep-card span  { color: rgba(0,0,0,0.45); }
html.light .sbc-soc-top-pick-name     { color: #0d1117; }
html.light .sbc-soc-top-pick-score    { color: rgba(0,0,0,0.3); }
html.light .sbc-soc-star--on          { color: #8b5cf6; }

.sbc-hub-main {
  --hub-accent:        #10b981;
  --hub-accent-dim:    rgba(16,185,129,0.12);
  --hub-accent-border: rgba(16,185,129,0.25);
  background: #07090d;
}
.sbc-hub-main--alberta {
  --hub-accent:        #f59e0b;
  --hub-accent-dim:    rgba(245,158,11,0.12);
  --hub-accent-border: rgba(245,158,11,0.25);
}
.sbc-hub-main--canada {
  --hub-accent:        #8b5cf6;
  --hub-accent-dim:    rgba(139,92,246,0.12);
  --hub-accent-border: rgba(139,92,246,0.25);
}

.sbc-hub-progress-bar {
  position: fixed; top: 0; left: 0; width: 100%; height: 3px;
  z-index: 9999; background: rgba(255,255,255,0.05); pointer-events: none;
}
.sbc-hub-progress-fill {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, var(--hub-accent) 0%, color-mix(in srgb,var(--hub-accent),#fff 30%) 100%);
  transition: width 0.1s linear;
}

.sbc-hub-hero {
  position: relative; overflow: hidden;
  padding: 80px 0 72px;
}
.sbc-hub-hero-bg {
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
}
.sbc-hub-hero-grid {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 52px 52px;
}
.sbc-hub-hero-glow {
  position: absolute; top: -120px; left: 50%;
  width: 900px; height: 480px; border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, var(--hub-accent-dim) 0%, transparent 70%);
  pointer-events: none;
}

.sbc-hub-hero-map {
  position: absolute; right: 0; top: 0; bottom: 0;
  width: 45%; opacity: 0.04; pointer-events: none; overflow: hidden;
}
.sbc-hub-hero-map svg { width: 100%; height: 100%; }

.sbc-hub-hero-inner {
  position: relative; z-index: 1;
  max-width: 1280px; margin: 0 auto; padding: 0 40px;
  display: grid; grid-template-columns: 1fr 400px; gap: 60px; align-items: center;
}

.sbc-hub-breadcrumb {
  display: flex; align-items: center; gap: 8px; margin-bottom: 20px;
  font-size: 12px; color: rgba(255,255,255,0.3);
}
.sbc-hub-breadcrumb a { color: rgba(255,255,255,0.4); text-decoration: none; transition: color 0.15s; }
.sbc-hub-breadcrumb a:hover { color: var(--hub-accent); }
.sbc-hub-breadcrumb-sep { color: rgba(255,255,255,0.15); }

.sbc-hub-province-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--hub-accent-dim); border: 1px solid var(--hub-accent-border);
  border-radius: 100px; padding: 6px 14px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--hub-accent); margin-bottom: 20px;
}
.sbc-hub-province-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--hub-accent);
  animation: sbc-hub-pulse 2.2s ease-in-out infinite;
}
@keyframes sbc-hub-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.85)} }

.sbc-hub-reg-strip {
  display: inline-flex; align-items: center; gap: 7px;
  margin-bottom: 10px;
  font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.35);
}
.sbc-hub-reg-icon { width: 15px; height: 15px; flex-shrink: 0; }

.sbc-hub-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(34px, 5vw, 58px); font-weight: 900; line-height: 1.0;
  color: #fff; letter-spacing: -0.02em; margin: 0 0 20px;
}
.sbc-hub-hero-title em {
  font-style: normal; color: var(--hub-accent);
  display: block;
}
.sbc-hub-hero-deck {
  font-size: 16px; line-height: 1.7; color: rgba(255,255,255,0.55);
  margin: 0 0 28px; max-width: 540px;
}

.sbc-hub-hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 36px; }
.sbc-hub-cta-primary {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 26px; border-radius: 11px;
  background: var(--hub-accent); color: #fff;
  font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  transition: filter 0.18s, transform 0.18s;
}
.sbc-hub-cta-primary:hover { filter: brightness(1.12); transform: translateY(-1px); color: #fff; }
.sbc-hub-cta-secondary {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 26px; border-radius: 11px;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.75);
  font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  transition: background 0.18s, color 0.18s;
}
.sbc-hub-cta-secondary:hover { background: rgba(255,255,255,0.1); color: #fff; }

.sbc-hub-stat-pills { display: flex; gap: 10px; flex-wrap: wrap; }
.sbc-hub-stat-pill {
  display: flex; flex-direction: column; gap: 2px;
  padding: 12px 16px; border-radius: 11px;
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06);
}
.sbc-hub-stat-pill-val {
  font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 900;
  color: var(--hub-accent); line-height: 1;
}
.sbc-hub-stat-pill-lbl { font-size: 10px; color: rgba(255,255,255,0.35); white-space: nowrap; }

.sbc-hub-status-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07);
  border-radius: 18px; padding: 24px; position: relative; overflow: hidden;
}
.sbc-hub-status-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--hub-accent), transparent);
}
.sbc-hub-status-card-title {
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.3); margin-bottom: 16px;
  display: flex; align-items: center; gap: 7px;
}
.sbc-hub-status-card-title i { color: var(--hub-accent); }
.sbc-hub-status-rows { display: flex; flex-direction: column; gap: 0; }
.sbc-hub-status-row {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-hub-status-row:last-child { border-bottom: none; }
.sbc-hub-status-icon {
  width: 34px; height: 34px; border-radius: 9px;
  background: var(--hub-accent-dim); color: var(--hub-accent);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-hub-status-label {
  font-size: 11px; color: rgba(255,255,255,0.3); display: block; margin-bottom: 2px;
}
.sbc-hub-status-value {
  font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 700; color: #fff;
}
.sbc-hub-status-value--accent { color: var(--hub-accent); }
.sbc-hub-status-card-cta {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.05);
  font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.3);
  text-decoration: none; transition: color 0.18s, gap 0.18s;
}
.sbc-hub-status-card-cta:hover { color: var(--hub-accent); gap: 10px; }

.sbc-hub-body {
  max-width: 1280px; margin: 0 auto; padding: 56px 40px 80px;
}

.sbc-hub-section-hd { margin: 0 0 28px; }
.sbc-hub-section-tag {
  display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--hub-accent);
}
.sbc-hub-section-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(22px, 3vw, 30px); font-weight: 700; color: #fff;
  letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 8px;
}
.sbc-hub-section-desc { font-size: 15px; color: rgba(255,255,255,0.45); margin: 0; line-height: 1.6; }
.sbc-hub-section-link { color: var(--hub-accent); text-decoration: underline; text-underline-offset: 3px; }

.sbc-hub-section { margin-bottom: 64px; }
.sbc-hub-section:last-child { margin-bottom: 0; }

.sbc-hub-reveal {
  opacity: 0; transform: translateY(18px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}
.sbc-hub-reveal.sbc-hub-visible { opacity: 1; transform: none; }

.sbc-hub-books-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 8px;
}
.sbc-hub-book-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 15px;
  padding: 20px; position: relative; overflow: hidden;
  transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
}
.sbc-hub-book-card:hover {
  border-color: var(--hub-accent-border);
  box-shadow: 0 8px 40px rgba(0,0,0,0.4);
  transform: translateY(-2px);
}
.sbc-hub-book-card--top {
  grid-column: 1 / -1;
  border-color: var(--hub-accent-border);
  background: linear-gradient(135deg, #0d1117 0%, var(--hub-accent-dim) 100%);
}
.sbc-hub-book-card--top:hover { border-color: var(--hub-accent); }
.sbc-hub-book-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: var(--hub-accent); opacity: 0;
  transition: opacity 0.22s;
}
.sbc-hub-book-card:hover::before,
.sbc-hub-book-card--top::before { opacity: 1; }

.sbc-hub-book-rank-badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--hub-accent); background: var(--hub-accent-dim);
  border: 1px solid var(--hub-accent-border); border-radius: 5px;
  padding: 3px 9px; margin-bottom: 12px;
}
.sbc-hub-book-header { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.sbc-hub-book-logo {
  width: 48px; height: 48px; border-radius: 11px; overflow: hidden;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-hub-book-logo--white { background: #fff; padding: 7px; }
.sbc-hub-book-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-hub-book-initial {
  font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 900;
  color: var(--hub-accent);
}
.sbc-hub-book-title-wrap { flex: 1; min-width: 0; }
.sbc-hub-book-name {
  font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700;
  color: #fff; margin: 0 0 3px; line-height: 1.1;
}
.sbc-hub-book-best { font-size: 11px; color: var(--hub-accent); font-weight: 600; display: block; }
.sbc-hub-book-score-wrap { text-align: right; flex-shrink: 0; }
.sbc-hub-book-score {
  font-family: 'Barlow Condensed', sans-serif; font-size: 26px; font-weight: 900;
  color: #fff; line-height: 1; display: block;
}
.sbc-hub-book-stars { display: flex; gap: 2px; justify-content: flex-end; margin-top: 2px; }
.sbc-hub-star { font-size: 11px; color: rgba(255,255,255,0.12); }
.sbc-hub-star--on { color: var(--hub-accent); }
.sbc-hub-book-overview {
  font-size: 13px; line-height: 1.58; color: rgba(255,255,255,0.45); margin: 0 0 12px;
}
.sbc-hub-book-province-note {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 600; color: var(--hub-accent);
  background: var(--hub-accent-dim); border-radius: 6px; padding: 4px 9px;
  margin-bottom: 14px;
}
.sbc-hub-book-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.sbc-hub-chip {
  display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600;
  color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07); padding: 4px 9px; border-radius: 6px;
}
.sbc-hub-book-actions { display: flex; gap: 10px; }
.sbc-hub-book-review-btn {
  flex: 1; text-align: center; padding: 10px; border-radius: 9px;
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.6); font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  text-decoration: none; transition: background 0.18s, color 0.18s;
}
.sbc-hub-book-review-btn:hover { background: rgba(255,255,255,0.09); color: #fff; }
.sbc-hub-book-visit-btn {
  flex: 1; padding: 10px; border-radius: 9px;
  background: var(--hub-accent); border: none; color: #fff;
  font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase;
  cursor: pointer; transition: filter 0.18s;
  text-decoration: none; display: flex; align-items: center; justify-content: center;
  text-align: center;
}
.sbc-hub-book-visit-btn:hover { filter: brightness(1.1); color: #fff; }

.sbc-hub-reg-explainer {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07);
  border-radius: 18px; padding: 36px; position: relative; overflow: hidden;
  margin-bottom: 64px;
}
.sbc-hub-reg-explainer::before {
  content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 3px;
  background: var(--hub-accent);
}
.sbc-hub-reg-explainer h3 {
  font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 700;
  color: #fff; margin: 0 0 14px;
}
.sbc-hub-reg-explainer p {
  font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.5); margin: 0 0 14px;
}
.sbc-hub-reg-explainer p:last-child { margin: 0; }
.sbc-hub-reg-explainer strong { color: rgba(255,255,255,0.8); }
html.light .sbc-hub-reg-explainer strong { color: #0d1117; }
.sbc-hub-reg-timeline {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px; margin: 24px 0 0;
}
.sbc-hub-reg-timeline-item {
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05);
  border-radius: 11px; padding: 14px;
}
.sbc-hub-reg-timeline-date {
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800;
  color: var(--hub-accent); margin-bottom: 4px;
}
.sbc-hub-reg-timeline-event { font-size: 12px; color: rgba(255,255,255,0.45); line-height: 1.5; }

.sbc-hub-licence-strip {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px; padding: 16px 20px; margin: 20px 0 0;
}
.sbc-hub-licence-badge {
  display: flex; align-items: center; gap: 7px;
  font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.55);
}
.sbc-hub-licence-badge i { color: var(--hub-accent); }
.sbc-hub-licence-sep { color: rgba(255,255,255,0.1); font-size: 18px; }

.sbc-hub-province-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 64px;
}
.sbc-hub-province-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 15px;
  padding: 22px; text-decoration: none; position: relative; overflow: hidden;
  transition: border-color 0.22s, transform 0.22s, box-shadow 0.22s;
}
.sbc-hub-province-card:hover { transform: translateY(-2px); box-shadow: 0 8px 40px rgba(0,0,0,0.35); }
.sbc-hub-province-card--ontario  { --card-color: #10b981; }
.sbc-hub-province-card--alberta  { --card-color: #f59e0b; }
.sbc-hub-province-card--canada   { --card-color: #8b5cf6; }
.sbc-hub-province-card--current  { border-color: var(--card-color,var(--hub-accent)); }
.sbc-hub-province-card::after {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: var(--card-color, var(--hub-accent));
}
.sbc-hub-province-card-icon {
  width: 40px; height: 40px; border-radius: 10px; margin-bottom: 14px;
  background: color-mix(in srgb, var(--card-color,var(--hub-accent)), transparent 88%);
  color: var(--card-color,var(--hub-accent));
  display: flex; align-items: center; justify-content: center;
}
.sbc-hub-province-card-name {
  font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700;
  color: #fff; margin-bottom: 4px;
}
.sbc-hub-province-card-status {
  font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--card-color,var(--hub-accent)); margin-bottom: 10px; display: block;
}
.sbc-hub-province-card-desc { font-size: 12px; color: rgba(255,255,255,0.38); line-height: 1.55; }
.sbc-hub-province-card-arrow {
  position: absolute; bottom: 20px; right: 20px;
  color: rgba(255,255,255,0.2); transition: color 0.18s, right 0.18s;
}
.sbc-hub-province-card:hover .sbc-hub-province-card-arrow { color: var(--card-color,var(--hub-accent)); right: 16px; }

.sbc-hub-sports-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 8px;
}
.sbc-hub-sport-card {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 18px 12px; border-radius: 13px;
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07);
  text-decoration: none; transition: border-color 0.2s, background 0.2s, transform 0.2s;
}
.sbc-hub-sport-card:hover {
  border-color: var(--hub-accent-border); background: var(--hub-accent-dim);
  transform: translateY(-2px);
}
.sbc-hub-sport-icon {
  width: 40px; height: 40px; border-radius: 11px;
  background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.4);
  display: flex; align-items: center; justify-content: center;
  transition: background 0.2s, color 0.2s;
}
.sbc-hub-sport-card:hover .sbc-hub-sport-icon { background: var(--hub-accent-dim); color: var(--hub-accent); }
.sbc-hub-sport-name { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.45); text-align: center; }
.sbc-hub-sport-card:hover .sbc-hub-sport-name { color: var(--hub-accent); }

.sbc-hub-faq { margin-bottom: 64px; }
.sbc-hub-faq-item {
  border-bottom: 1px solid rgba(255,255,255,0.06); overflow: hidden;
}
.sbc-hub-faq-item:last-child { border-bottom: none; }
.sbc-hub-faq-q {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 20px 0; cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif; font-size: 17px; font-weight: 700;
  color: #fff; list-style: none; user-select: none;
  transition: color 0.18s;
}
.sbc-hub-faq-q:hover { color: var(--hub-accent); }
.sbc-hub-faq-q[aria-expanded="true"] { color: var(--hub-accent); }
.sbc-hub-faq-chevron {
  flex-shrink: 0; color: rgba(255,255,255,0.3); transition: transform 0.25s, color 0.18s;
}
.sbc-hub-faq-q[aria-expanded="true"] .sbc-hub-faq-chevron { transform: rotate(180deg); color: var(--hub-accent); }
.sbc-hub-faq-a {
  max-height: 0; overflow: hidden; transition: max-height 0.35s ease;
}
.sbc-hub-faq-a-inner {
  font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.5); padding-bottom: 20px;
}
.sbc-hub-faq-a-inner a { color: var(--hub-accent); text-decoration: underline; text-underline-offset: 2px; }

.sbc-hub-news-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.sbc-hub-news-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 13px;
  overflow: hidden; text-decoration: none; display: flex; flex-direction: column;
  transition: border-color 0.2s, transform 0.2s;
}
.sbc-hub-news-card:hover { border-color: var(--hub-accent-border); transform: translateY(-2px); }
.sbc-hub-news-card-img {
  width: 100%; aspect-ratio: 16/9; object-fit: cover;
  background: rgba(255,255,255,0.04);
}
.sbc-hub-news-card-img-placeholder {
  width: 100%; aspect-ratio: 16/9;
  background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.1);
}
.sbc-hub-news-card-body { padding: 16px; flex: 1; display: flex; flex-direction: column; gap: 8px; }
.sbc-hub-news-card-cat {
  font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--hub-accent);
}
.sbc-hub-news-card-title { font-size: 14px; font-weight: 700; color: #fff; line-height: 1.4; flex: 1; }
.sbc-hub-news-card:hover .sbc-hub-news-card-title { color: var(--hub-accent); }
.sbc-hub-news-card-date { font-size: 11px; color: rgba(255,255,255,0.3); margin-top: auto; }
.sbc-hub-news-empty {
  grid-column: 1 / -1; text-align: center; padding: 40px;
  color: rgba(255,255,255,0.3); font-size: 14px;
}

.sbc-hub-coming-soon-overlay {
  display: none;
}
.sbc-hub-coming-soon-overlay.sbc-hub-cs-active {
  display: flex; position: relative;
  align-items: center; justify-content: center;
  min-height: 400px; border-radius: 18px;
  background: linear-gradient(135deg, #0d1117 0%, rgba(245,158,11,0.04) 100%);
  border: 1px solid rgba(245,158,11,0.15);
  flex-direction: column; gap: 20px; text-align: center; padding: 48px;
}
.sbc-hub-cs-icon {
  width: 64px; height: 64px; border-radius: 16px;
  background: rgba(245,158,11,0.1); color: #f59e0b;
  display: flex; align-items: center; justify-content: center; margin: 0 auto;
}
.sbc-hub-cs-title {
  font-family: 'Barlow Condensed', sans-serif; font-size: 32px; font-weight: 900;
  color: #fff; letter-spacing: -0.02em;
}
.sbc-hub-cs-title em { font-style: normal; color: #f59e0b; }
.sbc-hub-cs-desc { font-size: 15px; color: rgba(255,255,255,0.45); line-height: 1.7; max-width: 480px; }
.sbc-hub-cs-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(245,158,11,0.1); border: 1px solid rgba(245,158,11,0.25);
  border-radius: 100px; padding: 8px 18px;
  font-size: 12px; font-weight: 700; color: #f59e0b; letter-spacing: 0.08em;
}

.sbc-hub-tools-row {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 64px;
}
.sbc-hub-tool-card {
  display: flex; align-items: center; gap: 18px;
  padding: 22px; border-radius: 15px;
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07);
  text-decoration: none; transition: border-color 0.2s, box-shadow 0.2s;
}
.sbc-hub-tool-card:hover { border-color: var(--hub-accent-border); box-shadow: 0 6px 28px rgba(0,0,0,0.25); }
.sbc-hub-tool-icon {
  width: 48px; height: 48px; border-radius: 12px; flex-shrink: 0;
  background: var(--hub-accent-dim); color: var(--hub-accent);
  display: flex; align-items: center; justify-content: center;
}
.sbc-hub-tool-name { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.sbc-hub-tool-desc { font-size: 12px; color: rgba(255,255,255,0.4); line-height: 1.5; }
.sbc-hub-tool-arrow { margin-left: auto; flex-shrink: 0; color: rgba(255,255,255,0.2); transition: color 0.18s; }
.sbc-hub-tool-card:hover .sbc-hub-tool-arrow { color: var(--hub-accent); }

.sbc-hub-disclaimer {
  background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05);
  border-radius: 12px; padding: 18px 22px; margin-top: 48px;
  font-size: 12px; line-height: 1.65; color: rgba(255,255,255,0.3);
}
.sbc-hub-disclaimer strong { color: rgba(255,255,255,0.5); }
.sbc-hub-disclaimer a { color: rgba(255,255,255,0.4); text-decoration: underline; }

@media (max-width: 1024px) {
  .sbc-hub-sports-grid    { grid-template-columns: repeat(3,1fr); }
  .sbc-hub-province-grid  { grid-template-columns: 1fr 1fr; }
  .sbc-hub-news-grid      { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .sbc-hub-hero-inner     { grid-template-columns: 1fr; padding: 0 20px; }
  .sbc-hub-hero-right     { display: none; }
  .sbc-hub-body           { padding: 36px 20px 60px; }
  .sbc-hub-books-grid     { grid-template-columns: 1fr; }
  .sbc-hub-book-card--top { grid-column: 1; }
  .sbc-hub-province-grid  { grid-template-columns: 1fr; }
  .sbc-hub-sports-grid    { grid-template-columns: repeat(2,1fr); }
  .sbc-hub-news-grid      { grid-template-columns: 1fr; }
  .sbc-hub-tools-row      { grid-template-columns: 1fr; }
  .sbc-hub-reg-timeline   { grid-template-columns: 1fr 1fr; }
}

html.light .sbc-hub-main               { background: #f4f5f7; }
html.light .sbc-hub-book-card          { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-hub-book-card:hover    { box-shadow: 0 8px 32px rgba(0,0,0,0.09); }
html.light .sbc-hub-book-card--top     { background: linear-gradient(135deg,#fff,var(--hub-accent-dim)); }
html.light .sbc-hub-book-name          { color: #0d1117; }
html.light .sbc-hub-book-overview      { color: rgba(0,0,0,0.5); }
html.light .sbc-hub-book-score         { color: #0d1117; }
html.light .sbc-hub-book-review-btn    { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.6); }
html.light .sbc-hub-status-card        { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-hub-status-value       { color: #0d1117; }
html.light .sbc-hub-status-card-title { color: rgba(0,0,0,0.5); }
html.light .sbc-hub-status-label      { color: rgba(0,0,0,0.52); }
html.light .sbc-hub-status-card-cta   { color: rgba(0,0,0,0.55); }
html.light .sbc-hub-status-row        { border-bottom-color: rgba(0,0,0,0.05); }
html.light .sbc-hub-status-card-cta   { border-top-color: rgba(0,0,0,0.06); }
html.light body.page-sports-betting-canada .sbc-hub-chip,
html.light body.page-sports-betting-alberta .sbc-hub-chip,
html.light body.page-alberta-sports-betting .sbc-hub-chip,
html.light body.page-sports-betting-ontario .sbc-hub-chip,
html.light body.page-ontario-sports-betting .sbc-hub-chip {
  border-color: rgba(16,185,129,0.25);
  background: rgba(16,185,129,0.07);
  color: rgba(0,0,0,0.55);
}
html.light body.page-sports-betting-canada .sbc-hub-chip i,
html.light body.page-sports-betting-canada .sbc-hub-chip svg,
html.light body.page-sports-betting-alberta .sbc-hub-chip i,
html.light body.page-sports-betting-alberta .sbc-hub-chip svg,
html.light body.page-alberta-sports-betting .sbc-hub-chip i,
html.light body.page-alberta-sports-betting .sbc-hub-chip svg,
html.light body.page-sports-betting-ontario .sbc-hub-chip i,
html.light body.page-sports-betting-ontario .sbc-hub-chip svg,
html.light body.page-ontario-sports-betting .sbc-hub-chip i,
html.light body.page-ontario-sports-betting .sbc-hub-chip svg { color: #10b981; }
html.light .sbc-hub-section-title      { color: #0d1117; }
html.light .sbc-hub-section-desc       { color: rgba(0,0,0,0.5); }
html.light .sbc-hub-reg-explainer      { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-hub-reg-explainer h3   { color: #0d1117; }
html.light .sbc-hub-reg-explainer p    { color: rgba(0,0,0,0.5); }
html.light .sbc-hub-reg-timeline-item  { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.06); }
html.light .sbc-hub-reg-timeline-event { color: rgba(0,0,0,0.5); }
html.light .sbc-hub-province-card      { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-hub-province-card-desc { color: rgba(0,0,0,0.45); }
html.light .sbc-hub-sport-card         { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-hub-faq-q              { color: #0d1117; }
html.light .sbc-hub-faq-a-inner        { color: rgba(0,0,0,0.5); }
html.light .sbc-hub-news-card          { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-hub-news-card-title    { color: #0d1117; }
html.light .sbc-hub-tool-card          { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-hub-tool-name          { color: #0d1117; }
html.light .sbc-hub-star--on           { color: var(--hub-accent); }

.sbc-footer-hubs {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 0 36px;
  margin-bottom: 36px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  flex-wrap: wrap;
}

.sbc-footer-hubs-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  white-space: nowrap;
  flex-shrink: 0;
}
.sbc-footer-hubs-label i { color: rgba(255,255,255,0.15); }

.sbc-footer-hubs-cards {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex: 1;
}

.sbc-footer-hub-card {
  display: flex;
  text-decoration: none;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.03);
  transition: border-color 0.22s, background 0.22s, transform 0.18s;
  flex: 1;
  min-width: 160px;
}
.sbc-footer-hub-card:hover { transform: translateY(-1px); }

.sbc-footer-hub-card-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  width: 100%;
}

.sbc-footer-hub-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.sbc-footer-hub-dot--ontario {
  background: #10b981;
  animation: sbc-fhub-pulse-green 2.5s ease-in-out infinite;
}
.sbc-footer-hub-dot--alberta {
  background: #f59e0b;
  animation: sbc-fhub-pulse-amber 2.5s ease-in-out infinite;
  animation-delay: 0.4s;
}
.sbc-footer-hub-dot--canada {
  background: #8b5cf6;
}

@keyframes sbc-fhub-pulse-green {
  0%,100% { opacity:1; box-shadow: 0 0 0 0 rgba(16,185,129,0.5); }
  50%      { opacity:0.7; box-shadow: 0 0 0 4px rgba(16,185,129,0); }
}
@keyframes sbc-fhub-pulse-amber {
  0%,100% { opacity:1; box-shadow: 0 0 0 0 rgba(245,158,11,0.5); }
  50%      { opacity:0.7; box-shadow: 0 0 0 4px rgba(245,158,11,0); }
}

.sbc-footer-hub-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.sbc-footer-hub-province {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.65);
  letter-spacing: 0.01em;
  line-height: 1;
  transition: color 0.2s;
}
.sbc-footer-hub-status {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
}

.sbc-footer-hub-arrow {
  flex-shrink: 0;
  color: rgba(255,255,255,0.15);
  transition: color 0.2s, transform 0.2s;
}

.sbc-footer-hub-card--ontario .sbc-footer-hub-status { color: rgba(16,185,129,0.6); }
.sbc-footer-hub-card--alberta .sbc-footer-hub-status { color: rgba(245,158,11,0.6); }
.sbc-footer-hub-card--canada  .sbc-footer-hub-status { color: rgba(139,92,246,0.6); }

.sbc-footer-hub-card--ontario:hover {
  border-color: rgba(16,185,129,0.3);
  background: rgba(16,185,129,0.06);
}
.sbc-footer-hub-card--ontario:hover .sbc-footer-hub-province { color: #10b981; }
.sbc-footer-hub-card--ontario:hover .sbc-footer-hub-status   { color: rgba(16,185,129,0.8); }
.sbc-footer-hub-card--ontario:hover .sbc-footer-hub-arrow    { color: #10b981; transform: translateX(2px); }

.sbc-footer-hub-card--alberta:hover {
  border-color: rgba(245,158,11,0.3);
  background: rgba(245,158,11,0.06);
}
.sbc-footer-hub-card--alberta:hover .sbc-footer-hub-province { color: #f59e0b; }
.sbc-footer-hub-card--alberta:hover .sbc-footer-hub-status   { color: rgba(245,158,11,0.8); }
.sbc-footer-hub-card--alberta:hover .sbc-footer-hub-arrow    { color: #f59e0b; transform: translateX(2px); }

.sbc-footer-hub-card--canada:hover {
  border-color: rgba(139,92,246,0.3);
  background: rgba(139,92,246,0.06);
}
.sbc-footer-hub-card--canada:hover .sbc-footer-hub-province { color: #a78bfa; }
.sbc-footer-hub-card--canada:hover .sbc-footer-hub-status   { color: rgba(139,92,246,0.8); }
.sbc-footer-hub-card--canada:hover .sbc-footer-hub-arrow    { color: #a78bfa; transform: translateX(2px); }

@media (max-width: 768px) {
  .sbc-footer-hubs        { flex-direction: column; align-items: flex-start; gap: 14px; }
  .sbc-footer-hubs-cards  { width: 100%; }
  .sbc-footer-hub-card    { min-width: 0; }
}
@media (max-width: 480px) {
  .sbc-footer-hubs-cards  { flex-direction: column; }
  .sbc-footer-hub-card    { flex: none; width: 100%; }
}

html.light .sbc-footer-hubs {
  border-bottom-color: rgba(0,0,0,0.07);
}
html.light .sbc-footer-hubs-label {
  color: rgba(0,0,0,0.3);
}
html.light .sbc-footer-hubs-label i { color: rgba(0,0,0,0.2); }

html.light .sbc-footer-hub-card {
  border-color: rgba(0,0,0,0.09);
  background: rgba(0,0,0,0.02);
}
html.light .sbc-footer-hub-province { color: rgba(0,0,0,0.55); }
html.light .sbc-footer-hub-arrow    { color: rgba(0,0,0,0.2); }

html.light .sbc-footer-hub-card--ontario .sbc-footer-hub-status { color: rgba(5,150,105,0.7); }
html.light .sbc-footer-hub-card--alberta .sbc-footer-hub-status { color: rgba(180,115,0,0.7); }
html.light .sbc-footer-hub-card--canada  .sbc-footer-hub-status { color: rgba(109,40,217,0.7); }

html.light .sbc-footer-hub-card--ontario:hover {
  border-color: rgba(16,185,129,0.25);
  background: rgba(16,185,129,0.05);
}
html.light .sbc-footer-hub-card--ontario:hover .sbc-footer-hub-province { color: #059669; }
html.light .sbc-footer-hub-card--ontario:hover .sbc-footer-hub-status   { color: #059669; }
html.light .sbc-footer-hub-card--ontario:hover .sbc-footer-hub-arrow    { color: #059669; }

html.light .sbc-footer-hub-card--alberta:hover {
  border-color: rgba(245,158,11,0.25);
  background: rgba(245,158,11,0.05);
}
html.light .sbc-footer-hub-card--alberta:hover .sbc-footer-hub-province { color: #b45309; }
html.light .sbc-footer-hub-card--alberta:hover .sbc-footer-hub-status   { color: #b45309; }
html.light .sbc-footer-hub-card--alberta:hover .sbc-footer-hub-arrow    { color: #b45309; }

html.light .sbc-footer-hub-card--canada:hover {
  border-color: rgba(139,92,246,0.2);
  background: rgba(139,92,246,0.04);
}
html.light .sbc-footer-hub-card--canada:hover .sbc-footer-hub-province { color: #6d28d9; }
html.light .sbc-footer-hub-card--canada:hover .sbc-footer-hub-status   { color: #6d28d9; }
html.light .sbc-footer-hub-card--canada:hover .sbc-footer-hub-arrow    { color: #6d28d9; }

.sbc-hp-book-card    { position: relative; }
.sbc-ranked-card     { position: relative; }

.sbc-jur-badge {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  border-radius: 100px;
  border: 1px solid transparent;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 2;
}

.sbc-jur-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.sbc-jur-badge--ontario {
  background: rgba(16,185,129,0.12);
  border-color: rgba(16,185,129,0.28);
  color: #10b981;
}
.sbc-jur-badge--ontario .sbc-jur-badge-dot {
  background: #10b981;
  animation: sbc-jur-pulse-green 2.5s ease-in-out infinite;
}
@keyframes sbc-jur-pulse-green {
  0%,100% { opacity:1; box-shadow: 0 0 0 0 rgba(16,185,129,0.6); }
  50%      { opacity:.7; box-shadow: 0 0 0 3px rgba(16,185,129,0); }
}

.sbc-jur-badge--alberta-live {
  background: rgba(34,197,94,0.12);
  border-color: rgba(34,197,94,0.28);
  color: #22c55e;
}
.sbc-jur-badge--alberta-live .sbc-jur-badge-dot {
  background: #22c55e;
  animation: sbc-jur-pulse-green 2.5s ease-in-out infinite;
}

.sbc-jur-badge--alberta-pending {
  background: rgba(245,158,11,0.1);
  border-color: rgba(245,158,11,0.25);
  color: #f59e0b;
}
.sbc-jur-badge--alberta-pending .sbc-jur-badge-dot {
  background: #f59e0b;
  animation: sbc-jur-pulse-amber 2.5s ease-in-out infinite;
}
@keyframes sbc-jur-pulse-amber {
  0%,100% { opacity:1; box-shadow: 0 0 0 0 rgba(245,158,11,0.5); }
  50%      { opacity:.6; box-shadow: 0 0 0 3px rgba(245,158,11,0); }
}

.sbc-jur-badge--offshore {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.35);
}
.sbc-jur-badge--offshore .sbc-jur-badge-dot {
  background: rgba(255,255,255,0.25);
}

@media (max-width: 640px) {
  .sbc-jur-badge {
    bottom: 8px;
    right: 8px;
    font-size: 9px;
    padding: 3px 7px;
  }
}

html.light .sbc-jur-badge--ontario {
  background: rgba(16,185,129,0.09);
  border-color: rgba(16,185,129,0.25);
  color: #059669;
}
html.light .sbc-jur-badge--ontario .sbc-jur-badge-dot { background: #059669; }

html.light .sbc-jur-badge--alberta-live {
  background: rgba(34,197,94,0.09);
  border-color: rgba(34,197,94,0.22);
  color: #16a34a;
}
html.light .sbc-jur-badge--alberta-live .sbc-jur-badge-dot { background: #16a34a; }

html.light .sbc-jur-badge--alberta-pending {
  background: rgba(245,158,11,0.08);
  border-color: rgba(245,158,11,0.22);
  color: #b45309;
}
html.light .sbc-jur-badge--alberta-pending .sbc-jur-badge-dot { background: #b45309; }

html.light .sbc-jur-badge--offshore {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.35);
}
html.light .sbc-jur-badge--offshore .sbc-jur-badge-dot {
  background: rgba(0,0,0,0.2);
}

.sbc-jur-badge {
  position: static !important;
  bottom: auto !important;
  right: auto !important;
  flex-shrink: 0;
  align-self: center;
}

.sbc-hp-book-name-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  margin-bottom: 4px;
  min-width: 0;
}
.sbc-hp-book-name-row .sbc-hp-book-name {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
}
.sbc-hp-book-name-row .sbc-jur-badge {
  flex-shrink: 0;
}

.sbc-ranked-name-row {
  flex-wrap: nowrap;
  overflow: visible;
}
.sbc-ranked-name-row .sbc-ranked-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}
.sbc-ranked-name-row .sbc-jur-badge {
  flex-shrink: 0;
  margin-left: 2px;
}

.sbc-hp-book-card    { position: relative; }
.sbc-ranked-card     { position: relative; }

.sbc-hp-book-review {
  display: block;
  text-align: center;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.13);
  color: rgba(255,255,255,0.7);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 9px 14px;
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  white-space: nowrap;
}
.sbc-hp-book-review:hover {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.22);
  color: #fff;
}

html.light .sbc-hp-book-review {
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.13);
  color: rgba(0,0,0,0.55);
}
html.light .sbc-hp-book-review:hover {
  background: rgba(0,0,0,0.09);
  border-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.85);
}

html.light .sbc-ranked-review-btn {
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.12);
  color: rgba(0,0,0,0.55);
}
html.light .sbc-ranked-review-btn:hover {
  background: rgba(0,0,0,0.09);
  border-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.85);
}

@media (max-width: 480px) {
  .sbc-hp-book-name-row  { flex-wrap: wrap; }
  .sbc-ranked-name-row   { flex-wrap: wrap; }
}

.sbc-trn-widget {
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  overflow: hidden;
}

.sbc-trn-header {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 14px 16px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.35);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-trn-header i { color: #10b981; }

.sbc-trn-books { display: flex; flex-direction: column; }

.sbc-trn-book {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  position: relative;
  transition: background 0.18s;
}
.sbc-trn-book:last-child { border-bottom: none; }
.sbc-trn-book:hover { background: rgba(255,255,255,0.02); }

.sbc-trn-book--top {
  background: rgba(16,185,129,0.04);
  border-left: 2px solid #10b981;
}
.sbc-trn-book--top:hover { background: rgba(16,185,129,0.07); }

.sbc-trn-top-badge {
  position: absolute;
  top: 8px; right: 12px;
  font-size: 9px; font-weight: 800;
  letter-spacing: 0.08em;
  background: linear-gradient(135deg, #f6c000, #d4a800);
  color: #000;
  padding: 2px 8px;
  border-radius: 100px;
}

.sbc-trn-book-logo {
  width: 42px; height: 34px;
  border-radius: 8px;
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
.sbc-trn-logo-white { background: #fff; padding: 5px; }
.sbc-trn-book-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-trn-initial {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 900; color: #10b981;
}

.sbc-trn-book-info { flex: 1; min-width: 0; }
.sbc-trn-book-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px; font-weight: 800;
  color: rgba(255,255,255,0.85);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  margin-bottom: 3px;
}
.sbc-trn-stars { display: flex; align-items: center; gap: 2px; }
.sbc-trn-star { font-size: 10px; color: rgba(255,255,255,0.12); }
.sbc-trn-star--on { color: #10b981; }
.sbc-trn-score {
  font-size: 10px; font-weight: 700;
  color: rgba(255,255,255,0.35);
  margin-left: 4px;
}

.sbc-trn-visit-btn {
  flex-shrink: 0;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 900;
  letter-spacing: 0.1em; text-transform: uppercase;
  padding: 8px 14px; border-radius: 8px;
  text-decoration: none;
  transition: filter 0.18s, transform 0.18s;
  box-shadow: 0 2px 8px rgba(16,185,129,0.3);
}
.sbc-trn-visit-btn:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
  color: #fff;
}

.sbc-trn-stats {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 14px 16px;
  border-top: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.02);
}
.sbc-trn-stat { text-align: center; }
.sbc-trn-stat-val {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px; font-weight: 900;
  color: #10b981; line-height: 1;
}
.sbc-trn-stat-lbl {
  display: block;
  font-size: 9px; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  margin-top: 2px;
}
.sbc-trn-stat-sep {
  width: 1px; height: 28px;
  background: rgba(255,255,255,0.07);
}

.sbc-trn-disclaimer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: rgba(239,68,68,0.06);
  border-top: 1px solid rgba(239,68,68,0.15);
  text-decoration: none;
  transition: background 0.18s;
}
.sbc-trn-disclaimer:hover { background: rgba(239,68,68,0.1); }
.sbc-trn-disclaimer strong {
  font-size: 10px; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: #f87171; white-space: nowrap;
}
.sbc-trn-disclaimer span {
  font-size: 11px; color: rgba(255,255,255,0.35);
  flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sbc-trn-disclaimer-arrow {
  flex: none !important;
  font-size: 11px; font-weight: 700; color: #f87171 !important;
}

html.light .sbc-trn-widget {
  background: #fff;
  border-color: rgba(0,0,0,0.09);
}
html.light .sbc-trn-header { color: rgba(0,0,0,0.35); border-bottom-color: rgba(0,0,0,0.07); }
html.light .sbc-trn-book { border-bottom-color: rgba(0,0,0,0.06); }
html.light .sbc-trn-book:hover { background: rgba(0,0,0,0.02); }
html.light .sbc-trn-book--top { background: rgba(16,185,129,0.04); border-left-color: #059669; }
html.light .sbc-trn-book-name { color: rgba(0,0,0,0.75); }
html.light .sbc-trn-score { color: rgba(0,0,0,0.35); }
html.light .sbc-trn-stats { background: rgba(0,0,0,0.02); border-top-color: rgba(0,0,0,0.07); }
html.light .sbc-trn-stat-lbl { color: rgba(0,0,0,0.3); }
html.light .sbc-trn-stat-sep { background: rgba(0,0,0,0.08); }
html.light .sbc-trn-disclaimer { background: rgba(239,68,68,0.04); border-top-color: rgba(239,68,68,0.12); }
html.light .sbc-trn-disclaimer span { color: rgba(0,0,0,0.45); }

.sbc-ab-legal-scroller {
  margin-bottom: 64px;
}

.sbc-ab-legal-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  flex-wrap: wrap;
  gap: 10px;
}
.sbc-ab-legal-hd-left {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.sbc-ab-legal-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #f59e0b;
}
.sbc-ab-legal-tag-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #f59e0b;
  animation: sbc-ab-legal-pulse 2.2s ease-in-out infinite;
}
@keyframes sbc-ab-legal-pulse {
  0%,100% { opacity:1; box-shadow: 0 0 0 0 rgba(245,158,11,0.5); }
  50%      { opacity:.6; box-shadow: 0 0 0 4px rgba(245,158,11,0); }
}
.sbc-ab-legal-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(20px, 2.5vw, 26px);
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 0;
}
.sbc-ab-legal-title em {
  font-style: normal;
  color: #f59e0b;
}
.sbc-ab-legal-view-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245,158,11,0.7);
  text-decoration: none;
  transition: color 0.18s, gap 0.18s;
  white-space: nowrap;
}
.sbc-ab-legal-view-all:hover {
  color: #f59e0b;
  gap: 9px;
}

.sbc-ab-legal-track-wrap {
  position: relative;
  overflow: hidden;
}
.sbc-ab-legal-track-wrap::before,
.sbc-ab-legal-track-wrap::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 48px;
  z-index: 2;
  pointer-events: none;
}
.sbc-ab-legal-track-wrap::before {
  left: 0;
  background: linear-gradient(to right, #07090d, transparent);
}
.sbc-ab-legal-track-wrap::after {
  right: 0;
  background: linear-gradient(to left, #07090d, transparent);
}

.sbc-ab-legal-track {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 4px 4px 12px;
  scrollbar-width: none;
}
.sbc-ab-legal-track::-webkit-scrollbar { display: none; }

.sbc-ab-legal-card {
  flex: 0 0 280px;
  scroll-snap-align: start;
  background: #0d1117;
  border: 1px solid rgba(245,158,11,0.15);
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.sbc-ab-legal-card:hover {
  border-color: rgba(245,158,11,0.4);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(245,158,11,0.1);
}

.sbc-ab-legal-card-img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.sbc-ab-legal-card-img-placeholder {
  width: 100%;
  aspect-ratio: 16/9;
  background: linear-gradient(135deg,
    rgba(245,158,11,0.08) 0%,
    rgba(245,158,11,0.03) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(245,158,11,0.25);
}

.sbc-ab-legal-card-body {
  padding: 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sbc-ab-legal-card-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #f59e0b;
  background: rgba(245,158,11,0.1);
  border: 1px solid rgba(245,158,11,0.2);
  padding: 3px 8px;
  border-radius: 100px;
  width: fit-content;
}
.sbc-ab-legal-card-title {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.85);
  line-height: 1.45;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sbc-ab-legal-card:hover .sbc-ab-legal-card-title {
  color: #f59e0b;
}
.sbc-ab-legal-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,0.05);
}
.sbc-ab-legal-card-date {
  font-size: 10px;
  color: rgba(255,255,255,0.28);
}
.sbc-ab-legal-card-arrow {
  font-size: 11px;
  color: rgba(245,158,11,0.4);
  transition: color 0.18s;
}
.sbc-ab-legal-card:hover .sbc-ab-legal-card-arrow {
  color: #f59e0b;
}

.sbc-ab-legal-empty {
  text-align: center;
  padding: 36px 20px;
  background: rgba(245,158,11,0.04);
  border: 1px dashed rgba(245,158,11,0.15);
  border-radius: 14px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}
.sbc-ab-legal-empty strong {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: rgba(245,158,11,0.5);
  margin-bottom: 6px;
}

.sbc-ab-legal-nav {
  display: flex;
  gap: 8px;
  align-items: center;
}
.sbc-ab-legal-nav-btn {
  width: 32px; height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(245,158,11,0.2);
  background: rgba(245,158,11,0.06);
  color: rgba(245,158,11,0.6);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s, color 0.18s;
  flex-shrink: 0;
}
.sbc-ab-legal-nav-btn:hover {
  background: rgba(245,158,11,0.12);
  border-color: rgba(245,158,11,0.4);
  color: #f59e0b;
}
.sbc-ab-legal-nav-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

html.light .sbc-ab-legal-track-wrap::before {
  background: linear-gradient(to right, #f4f5f7, transparent);
}
html.light .sbc-ab-legal-track-wrap::after {
  background: linear-gradient(to left, #f4f5f7, transparent);
}
html.light .sbc-ab-legal-card {
  background: #fff;
  border-color: rgba(245,158,11,0.18);
}
html.light .sbc-ab-legal-card:hover {
  box-shadow: 0 8px 28px rgba(245,158,11,0.08);
}
html.light .sbc-ab-legal-card-title { color: rgba(0,0,0,0.75); }
html.light .sbc-ab-legal-card:hover .sbc-ab-legal-card-title { color: #b45309; }
html.light .sbc-ab-legal-card-footer { border-top-color: rgba(0,0,0,0.07); }
html.light .sbc-ab-legal-card-date { color: rgba(0,0,0,0.3); }
html.light .sbc-ab-legal-title { color: #0d1117; }
html.light .sbc-ab-legal-nav-btn {
  border-color: rgba(180,83,9,0.2);
  background: rgba(180,83,9,0.05);
  color: rgba(180,83,9,0.6);
}
html.light .sbc-ab-legal-nav-btn:hover {
  background: rgba(180,83,9,0.1);
  border-color: rgba(180,83,9,0.35);
  color: #b45309;
}

.sbc-search-trigger {
  position: relative;
}
.sbc-search-kbd {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px;
  padding: 1px 5px;
  line-height: 1.5;
  transition: color 0.18s, background 0.18s;
}
.sbc-search-trigger:hover .sbc-search-kbd {
  color: rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.09);
}

.sbc-palette-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: clamp(60px, 10vh, 100px);
  padding: clamp(60px, 10vh, 100px) 16px 16px;
}
.sbc-palette-overlay[hidden] { display: none; }

.sbc-palette-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: sbc-palette-fade-in 0.18s ease;
}
@keyframes sbc-palette-fade-in {
  from { opacity:0; }
  to   { opacity:1; }
}

.sbc-palette {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 680px;
  background: #0d1117;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(16,185,129,0.08),
    0 24px 80px rgba(0,0,0,0.7),
    0 8px 24px rgba(0,0,0,0.4);
  animation: sbc-palette-enter 0.2s cubic-bezier(0.16,1,0.3,1);
  max-height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
}
@keyframes sbc-palette-enter {
  from { opacity:0; transform: scale(0.96) translateY(-8px); }
  to   { opacity:1; transform: scale(1) translateY(0); }
}

.sbc-palette-input-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  flex-shrink: 0;
  position: relative;
}
.sbc-palette-input-icon {
  flex-shrink: 0;
  color: rgba(255,255,255,0.3);
  transition: color 0.18s;
}
.sbc-palette-input-row:focus-within .sbc-palette-input-icon {
  color: #10b981;
}
.sbc-palette-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.01em;
  caret-color: #10b981;
}
.sbc-palette-input::placeholder {
  color: rgba(255,255,255,0.2);
  font-style: normal;
}

.sbc-palette-spinner {
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.15s;
}
.sbc-palette-spinner.active { opacity: 1; }
.sbc-palette-spin {
  width: 16px; height: 16px;
  border: 2px solid rgba(16,185,129,0.2);
  border-top-color: #10b981;
  border-radius: 50%;
  animation: sbc-palette-spin 0.6s linear infinite;
}
@keyframes sbc-palette-spin {
  to { transform: rotate(360deg); }
}

.sbc-palette-esc-hint {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 5px;
  padding: 2px 6px;
}

.sbc-palette-results {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 500px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.1) transparent;
}
.sbc-palette-results::-webkit-scrollbar { width: 4px; }
.sbc-palette-results::-webkit-scrollbar-track { background: transparent; }
.sbc-palette-results::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.1); border-radius: 2px;
}

.sbc-palette-section-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 14px 20px 6px;
}
.sbc-palette-section-label i { color: #10b981; }

.sbc-palette-zero { padding-bottom: 8px; }
.sbc-palette-quick-links {
  display: flex;
  flex-direction: column;
}
.sbc-palette-quick-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 20px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.12s;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
}
.sbc-palette-quick-link:hover,
.sbc-palette-quick-link.sbc-palette-focused {
  background: rgba(255,255,255,0.04);
}
.sbc-palette-quick-link.sbc-palette-focused {
  background: rgba(16,185,129,0.08);
}
.sbc-palette-ql-icon {
  width: 32px; height: 32px;
  border-radius: 8px;
  background: rgba(16,185,129,0.1);
  color: #10b981;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.sbc-palette-ql-text { flex: 1; min-width: 0; }
.sbc-palette-ql-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: rgba(255,255,255,0.85);
  display: block;
  line-height: 1.2;
}
.sbc-palette-ql-desc {
  font-size: 11px;
  color: rgba(255,255,255,0.3);
  display: block;
  margin-top: 1px;
}
.sbc-palette-ql-arrow {
  color: rgba(255,255,255,0.15);
  flex-shrink: 0;
  transition: color 0.12s;
}
.sbc-palette-quick-link:hover .sbc-palette-ql-arrow,
.sbc-palette-quick-link.sbc-palette-focused .sbc-palette-ql-arrow {
  color: #10b981;
}

.sbc-palette-review {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 20px;
  text-decoration: none;
  transition: background 0.12s;
  cursor: pointer;
}
.sbc-palette-review:hover,
.sbc-palette-review.sbc-palette-focused {
  background: rgba(255,255,255,0.04);
}
.sbc-palette-review.sbc-palette-focused {
  background: rgba(16,185,129,0.08);
}
.sbc-palette-rev-logo {
  width: 40px; height: 32px;
  border-radius: 8px;
  flex-shrink: 0;
  overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.sbc-palette-rev-logo--white { background: #fff; padding: 5px; }
.sbc-palette-rev-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-palette-rev-initial {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px; font-weight: 900; color: #10b981;
}
.sbc-palette-rev-info { flex: 1; min-width: 0; }
.sbc-palette-rev-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px; font-weight: 800;
  color: rgba(255,255,255,0.9);
  display: block; line-height: 1.1;
}
.sbc-palette-rev-meta {
  display: flex; align-items: center; gap: 8px; margin-top: 2px;
}
.sbc-palette-rev-stars { color: #10b981; font-size: 10px; }
.sbc-palette-rev-score {
  font-size: 10px; color: rgba(255,255,255,0.35); font-weight: 700;
}
.sbc-palette-rev-best {
  font-size: 10px; color: rgba(255,255,255,0.3);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.sbc-palette-jur {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 9px; font-weight: 800; letter-spacing: 0.06em;
  text-transform: uppercase; border-radius: 100px; padding: 2px 7px;
  border: 1px solid transparent; white-space: nowrap; flex-shrink: 0;
}
.sbc-palette-jur-dot { width: 5px; height: 5px; border-radius: 50%; }
.sbc-palette-jur--ontario  { background: rgba(16,185,129,0.12); border-color: rgba(16,185,129,0.25); color: #10b981; }
.sbc-palette-jur--ontario .sbc-palette-jur-dot { background: #10b981; }
.sbc-palette-jur--alberta-live { background: rgba(34,197,94,0.12); border-color: rgba(34,197,94,0.25); color: #22c55e; }
.sbc-palette-jur--alberta-pending { background: rgba(245,158,11,0.1); border-color: rgba(245,158,11,0.25); color: #f59e0b; }
.sbc-palette-jur--alberta-pending .sbc-palette-jur-dot { background: #f59e0b; }
.sbc-palette-jur--offshore { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.35); }
.sbc-palette-jur--offshore .sbc-palette-jur-dot { background: rgba(255,255,255,0.25); }

.sbc-palette-province-match {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 9px; font-weight: 700;
  color: #10b981; background: rgba(16,185,129,0.08);
  border-radius: 4px; padding: 1px 6px;
}

.sbc-palette-article {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 20px;
  text-decoration: none;
  transition: background 0.12s;
  cursor: pointer;
}
.sbc-palette-article:hover,
.sbc-palette-article.sbc-palette-focused {
  background: rgba(255,255,255,0.04);
}
.sbc-palette-article.sbc-palette-focused { background: rgba(16,185,129,0.08); }
.sbc-palette-art-thumb {
  width: 48px; height: 36px;
  border-radius: 6px; flex-shrink: 0;
  object-fit: cover;
}
.sbc-palette-art-thumb-placeholder {
  width: 48px; height: 36px;
  border-radius: 6px; flex-shrink: 0;
  background: rgba(255,255,255,0.05);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.15);
}
.sbc-palette-art-info { flex: 1; min-width: 0; }
.sbc-palette-art-cat {
  font-size: 9px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: #10b981;
  display: block; margin-bottom: 2px;
}
.sbc-palette-art-title {
  font-size: 13px; font-weight: 700;
  color: rgba(255,255,255,0.8);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  display: block;
}
.sbc-palette-art-date {
  font-size: 10px; color: rgba(255,255,255,0.25); display: block; margin-top: 2px;
}

.sbc-palette-guide {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 20px;
  text-decoration: none;
  transition: background 0.12s;
  cursor: pointer;
}
.sbc-palette-guide:hover,
.sbc-palette-guide.sbc-palette-focused { background: rgba(255,255,255,0.04); }
.sbc-palette-guide.sbc-palette-focused { background: rgba(16,185,129,0.08); }
.sbc-palette-guide-icon {
  width: 32px; height: 32px; border-radius: 8px;
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.3);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; transition: background 0.12s, color 0.12s;
}
.sbc-palette-guide:hover .sbc-palette-guide-icon,
.sbc-palette-guide.sbc-palette-focused .sbc-palette-guide-icon {
  background: rgba(16,185,129,0.1); color: #10b981;
}
.sbc-palette-guide-text { flex: 1; min-width: 0; }
.sbc-palette-guide-title {
  font-size: 13px; font-weight: 700;
  color: rgba(255,255,255,0.8); display: block;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sbc-palette-guide-desc {
  font-size: 11px; color: rgba(255,255,255,0.28); display: block; margin-top: 1px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.sbc-palette-no-results {
  text-align: center; padding: 48px 24px;
  color: rgba(255,255,255,0.3);
  display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.sbc-palette-no-results i { color: rgba(255,255,255,0.1); margin-bottom: 4px; }
.sbc-palette-no-results p { font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.5); margin: 0; }
.sbc-palette-no-results strong { color: #fff; }
.sbc-palette-no-results span { font-size: 12px; }

.sbc-palette-footer {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 20px;
  border-top: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.02);
  flex-shrink: 0;
}
.sbc-palette-footer span {
  font-size: 10px;
  color: rgba(255,255,255,0.2);
  display: flex; align-items: center; gap: 5px;
}
.sbc-palette-footer kbd {
  font-size: 9px; font-weight: 700;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 4px; padding: 1px 5px;
  color: rgba(255,255,255,0.4);
}
.sbc-palette-footer-sep {
  flex: 1;
}
.sbc-palette-powered {
  font-size: 10px; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: rgba(16,185,129,0.4) !important;
  margin-left: auto;
}

.sbc-palette-group + .sbc-palette-group {
  border-top: 1px solid rgba(255,255,255,0.05);
  margin-top: 4px; padding-top: 4px;
}

html.light .sbc-search-kbd {
  /* Keep same visibility as dark mode — nav bar stays dark regardless of theme */
  color: rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.1);
}
html.light .sbc-search-trigger:hover .sbc-search-kbd {
  color: rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.09);
}
html.light .sbc-palette-backdrop {
  background: rgba(0,0,0,0.45);
}
html.light .sbc-palette {
  background: #ffffff;
  border-color: rgba(0,0,0,0.1);
  box-shadow:
    0 0 0 1px rgba(16,185,129,0.1),
    0 24px 80px rgba(0,0,0,0.2),
    0 8px 24px rgba(0,0,0,0.1);
}
html.light .sbc-palette-input-row {
  border-bottom-color: rgba(0,0,0,0.08);
}
html.light .sbc-palette-input {
  color: #0d1117;
}
html.light .sbc-palette-input::placeholder { color: rgba(0,0,0,0.25); }
html.light .sbc-palette-esc-hint {
  color: rgba(0,0,0,0.25);
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.09);
}
html.light .sbc-palette-section-label { color: rgba(0,0,0,0.25); }
html.light .sbc-palette-results { scrollbar-color: rgba(0,0,0,0.1) transparent; }

html.light .sbc-palette-quick-link:hover,
html.light .sbc-palette-quick-link.sbc-palette-focused { background: rgba(0,0,0,0.03); }
html.light .sbc-palette-quick-link.sbc-palette-focused { background: rgba(16,185,129,0.06); }
html.light .sbc-palette-ql-title { color: rgba(0,0,0,0.8); }
html.light .sbc-palette-ql-desc  { color: rgba(0,0,0,0.4); }
html.light .sbc-palette-ql-arrow { color: rgba(0,0,0,0.15); }

html.light .sbc-palette-review:hover,
html.light .sbc-palette-review.sbc-palette-focused { background: rgba(0,0,0,0.03); }
html.light .sbc-palette-review.sbc-palette-focused { background: rgba(16,185,129,0.06); }
html.light .sbc-palette-rev-name  { color: rgba(0,0,0,0.8); }
html.light .sbc-palette-rev-score { color: rgba(0,0,0,0.35); }
html.light .sbc-palette-rev-best  { color: rgba(0,0,0,0.35); }

html.light .sbc-palette-article:hover,
html.light .sbc-palette-article.sbc-palette-focused { background: rgba(0,0,0,0.03); }
html.light .sbc-palette-article.sbc-palette-focused { background: rgba(16,185,129,0.06); }
html.light .sbc-palette-art-title { color: rgba(0,0,0,0.75); }
html.light .sbc-palette-art-date  { color: rgba(0,0,0,0.3); }

html.light .sbc-palette-guide:hover,
html.light .sbc-palette-guide.sbc-palette-focused { background: rgba(0,0,0,0.03); }
html.light .sbc-palette-guide.sbc-palette-focused { background: rgba(16,185,129,0.06); }
html.light .sbc-palette-guide-title { color: rgba(0,0,0,0.75); }
html.light .sbc-palette-guide-desc  { color: rgba(0,0,0,0.35); }

html.light .sbc-palette-no-results { color: rgba(0,0,0,0.3); }
html.light .sbc-palette-no-results p { color: rgba(0,0,0,0.5); }
html.light .sbc-palette-no-results strong { color: #0d1117; }

html.light .sbc-palette-footer {
  border-top-color: rgba(0,0,0,0.07);
  background: rgba(0,0,0,0.02);
}
html.light .sbc-palette-footer span { color: rgba(0,0,0,0.25); }
html.light .sbc-palette-footer kbd {
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.4);
}
html.light .sbc-palette-group + .sbc-palette-group { border-top-color: rgba(0,0,0,0.06); }

.sbc-palette-error {
  text-align: center; padding: 32px;
  font-size: 12px; color: rgba(255,255,255,0.25);
}
html.light .sbc-palette-error { color: rgba(0,0,0,0.3); }

.sbc-mag-lead h3.font-display {
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.05 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.65);
}

.sbc-aglc-main,
.sbc-op-ab-main {
  background: #07090d;
  min-height: 100vh;
}

.sbc-aglc-hero {
  position: relative; overflow: hidden;
  padding: clamp(60px,8vh,90px) 0 clamp(48px,6vh,72px);
}
.sbc-aglc-hero-bg {
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
}
.sbc-aglc-hero-grid {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(245,158,11,0.03) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(245,158,11,0.03) 1px, transparent 1px);
  background-size: 52px 52px;
}
.sbc-aglc-hero-glow {
  position: absolute; top: -100px; left: 50%;
  width: 800px; height: 400px; border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, rgba(245,158,11,0.09) 0%, transparent 70%);
}
.sbc-aglc-shield-deco {
  position: absolute; right: -40px; top: -20px; bottom: -20px;
  width: 40%; color: #f59e0b; pointer-events: none;
}
.sbc-aglc-shield-deco svg { width: 100%; height: 100%; }

.sbc-aglc-hero-inner {
  position: relative; z-index: 1;
  max-width: 1280px; margin: 0 auto; padding: 0 40px;
}

.sbc-aglc-status-strip {
  display: flex; align-items: center; gap: 10px; margin-bottom: 20px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: rgba(245,158,11,0.8);
}
.sbc-aglc-status-dot {
  width: 7px; height: 7px; border-radius: 50%; background: #f59e0b; flex-shrink: 0;
  animation: sbc-hub-pulse 2.2s ease-in-out infinite;
}
.sbc-aglc-status-updated {
  color: rgba(255,255,255,0.25); font-weight: 600; margin-left: auto;
}

.sbc-aglc-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(34px,5vw,58px); font-weight: 900; line-height: 1.0;
  color: #fff; letter-spacing: -0.02em; margin: 0 0 20px;
}
.sbc-aglc-hero-title em {
  font-style: normal; color: #f59e0b; display: block;
}
.sbc-aglc-hero-deck {
  font-size: 16px; line-height: 1.7; color: rgba(255,255,255,0.55);
  max-width: 680px; margin: 0 0 28px;
}
.sbc-aglc-hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 36px; }

.sbc-aglc-body {
  max-width: 1280px; margin: 0 auto; padding: 56px 40px 80px;
}
.sbc-aglc-section { margin-bottom: 64px; }
.sbc-aglc-section-hd { margin-bottom: 28px; }
.sbc-aglc-section-tag {
  display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: #f59e0b;
}
.sbc-aglc-section-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(22px,3vw,32px); font-weight: 700; color: #fff;
  letter-spacing: -0.02em; line-height: 1.1; margin: 0;
}

.sbc-aglc-prose-grid {
  display: grid; grid-template-columns: 1fr 340px; gap: 32px; align-items: start;
}
.sbc-aglc-prose p {
  font-size: 15px; line-height: 1.75; color: rgba(255,255,255,0.6);
  margin: 0 0 18px;
}
.sbc-aglc-prose p:last-child { margin: 0; }
.sbc-aglc-prose strong { color: rgba(255,255,255,0.9); }

.sbc-aglc-facts-card {
  background: #0d1117; border: 1px solid rgba(245,158,11,0.2); border-radius: 16px;
  overflow: hidden; position: relative;
}
.sbc-aglc-facts-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #f59e0b, #d97706);
}
.sbc-aglc-facts-title {
  display: flex; align-items: center; gap: 7px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;
  color: #f59e0b; padding: 16px 18px 10px;
}
.sbc-aglc-fact-row {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 12px; padding: 9px 18px;
  border-top: 1px solid rgba(255,255,255,0.04);
}
.sbc-aglc-fact-label { font-size: 11px; color: rgba(255,255,255,0.3); white-space: nowrap; }
.sbc-aglc-fact-value { font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.7); text-align: right; }

.sbc-aglc-compare-table {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 16px;
  overflow: hidden;
}
.sbc-aglc-compare-hd {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  background: rgba(255,255,255,0.03); border-bottom: 1px solid rgba(255,255,255,0.07);
}
.sbc-aglc-compare-col-hd {
  display: flex; align-items: center; gap: 7px; padding: 14px 18px;
  font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
}
.sbc-aglc-compare-col-hd--ontario { color: #10b981; border-left: 1px solid rgba(255,255,255,0.06); }
.sbc-aglc-compare-col-hd--alberta { color: #f59e0b; border-left: 1px solid rgba(255,255,255,0.06); }
.sbc-aglc-compare-row {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-aglc-compare-row:last-child { border-bottom: none; }
.sbc-aglc-compare-row--even { background: rgba(255,255,255,0.015); }
.sbc-aglc-compare-label { padding: 12px 18px; font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.55); }
.sbc-aglc-compare-ont { padding: 12px 18px; font-size: 12px; color: rgba(255,255,255,0.45); border-left: 1px solid rgba(255,255,255,0.04); }
.sbc-aglc-compare-ab  { padding: 12px 18px; font-size: 12px; color: rgba(245,158,11,0.7); border-left: 1px solid rgba(255,255,255,0.04); }

.sbc-aglc-callout {
  display: flex; align-items: flex-start; gap: 16px;
  background: rgba(245,158,11,0.06); border: 1px solid rgba(245,158,11,0.18);
  border-radius: 14px; padding: 20px 24px; margin-top: 24px;
}
.sbc-aglc-callout i { color: #f59e0b; flex-shrink: 0; margin-top: 2px; }
.sbc-aglc-callout strong { display: block; color: #f59e0b; font-size: 14px; font-weight: 800; margin-bottom: 6px; }
.sbc-aglc-callout p { font-size: 13px; line-height: 1.65; color: rgba(255,255,255,0.5); margin: 0; }

.sbc-aglc-timeline { display: flex; flex-direction: column; gap: 0; }
.sbc-aglc-timeline-item {
  display: grid; grid-template-columns: 40px 1fr; gap: 0; min-height: 60px;
}
.sbc-aglc-tl-connector {
  display: flex; flex-direction: column; align-items: center; padding-top: 4px;
}
.sbc-aglc-tl-dot {
  width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0;
  border: 2px solid rgba(255,255,255,0.15); background: #07090d;
  transition: all 0.2s;
}
.sbc-aglc-tl-done .sbc-aglc-tl-dot {
  background: #10b981; border-color: #10b981;
  box-shadow: 0 0 0 4px rgba(16,185,129,0.15);
}
.sbc-aglc-tl-active .sbc-aglc-tl-dot {
  background: #f59e0b; border-color: #f59e0b;
  box-shadow: 0 0 0 4px rgba(245,158,11,0.2);
  animation: sbc-hub-pulse 2.2s ease-in-out infinite;
}
.sbc-aglc-tl-line {
  flex: 1; width: 2px; background: rgba(255,255,255,0.08); margin: 4px 0;
}
.sbc-aglc-tl-done .sbc-aglc-tl-line { background: rgba(16,185,129,0.3); }
.sbc-aglc-tl-active .sbc-aglc-tl-line { background: rgba(245,158,11,0.2); }

.sbc-aglc-tl-content { padding: 0 0 32px 20px; }
.sbc-aglc-tl-date {
  font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
  color: rgba(255,255,255,0.3); margin-bottom: 4px;
}
.sbc-aglc-tl-done .sbc-aglc-tl-date { color: #10b981; }
.sbc-aglc-tl-active .sbc-aglc-tl-date { color: #f59e0b; }
.sbc-aglc-tl-event {
  font-family: 'Barlow Condensed', sans-serif; font-size: 17px; font-weight: 700;
  color: rgba(255,255,255,0.8); margin-bottom: 6px;
}
.sbc-aglc-tl-active .sbc-aglc-tl-event { color: #fff; }
.sbc-aglc-tl-desc { font-size: 13px; line-height: 1.65; color: rgba(255,255,255,0.4); }

.sbc-aglc-protection-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
.sbc-aglc-protection-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 22px; transition: border-color 0.2s;
}
.sbc-aglc-protection-card:hover { border-color: rgba(245,158,11,0.25); }
.sbc-aglc-protection-icon {
  width: 40px; height: 40px; border-radius: 10px; margin-bottom: 14px;
  background: rgba(245,158,11,0.1); color: #f59e0b;
  display: flex; align-items: center; justify-content: center;
}
.sbc-aglc-protection-title { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.sbc-aglc-protection-desc { font-size: 13px; line-height: 1.65; color: rgba(255,255,255,0.45); }

.sbc-aglc-operator-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
.sbc-aglc-op-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
  padding: 20px; text-decoration: none; display: flex; flex-direction: column; gap: 10px;
  transition: border-color 0.2s, transform 0.2s;
}
.sbc-aglc-op-card:hover { border-color: rgba(245,158,11,0.3); transform: translateY(-2px); }
.sbc-aglc-op-status {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  padding: 4px 10px; border-radius: 100px; width: fit-content;
}
.sbc-aglc-op-status--expected {
  background: rgba(245,158,11,0.1); border: 1px solid rgba(245,158,11,0.25); color: #f59e0b;
}
.sbc-aglc-op-status--confirmed {
  background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.3); color: #10b981;
}
.sbc-aglc-op-name {
  font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 800; color: #fff;
}
.sbc-aglc-op-reason { font-size: 12px; line-height: 1.6; color: rgba(255,255,255,0.45); flex: 1; }
.sbc-aglc-op-link { font-size: 11px; font-weight: 700; color: #f59e0b; margin-top: auto; }

.sbc-op-ab-hero {
  position: relative; overflow: hidden;
  padding: clamp(50px,7vh,80px) 0 clamp(36px,5vh,56px);
  border-bottom: 1px solid rgba(245,158,11,0.1);
}
.sbc-op-ab-hero-bg {
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
}
.sbc-op-ab-grid {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(245,158,11,0.025) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(245,158,11,0.025) 1px, transparent 1px);
  background-size: 48px 48px;
}
.sbc-op-ab-glow {
  position: absolute; top: -80px; right: -100px;
  width: 600px; height: 400px; border-radius: 50%;
  background: radial-gradient(ellipse, rgba(245,158,11,0.07) 0%, transparent 65%);
}
.sbc-op-ab-hero-inner {
  position: relative; z-index: 1;
  max-width: 1280px; margin: 0 auto; padding: 0 40px;
}

.sbc-op-ab-hero-card {
  display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
  background: #0d1117; border: 1px solid rgba(245,158,11,0.2);
  border-radius: 20px; padding: 28px 32px; margin-top: 24px;
  position: relative; overflow: hidden;
}
.sbc-op-ab-hero-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #f59e0b, #d97706);
}

.sbc-op-ab-logo-wrap {
  width: 80px; height: 64px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; overflow: hidden; padding: 8px;
}
.sbc-op-ab-logo-wrap img { width: 100%; height: 100%; object-fit: contain; }

.sbc-op-ab-hero-text { flex: 1; min-width: 240px; }

.sbc-op-ab-status-badge {
  display: inline-flex; align-items: center; gap: 7px; margin-bottom: 10px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 5px 12px; border-radius: 100px;
}
.sbc-op-ab-status--expected {
  background: rgba(245,158,11,0.1); border: 1px solid rgba(245,158,11,0.25); color: #f59e0b;
}
.sbc-op-ab-status--confirmed {
  background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.25); color: #10b981;
}
.sbc-op-ab-status--live {
  background: rgba(16,185,129,0.15); border: 1px solid rgba(16,185,129,0.4); color: #10b981;
}
.sbc-op-ab-status-dot {
  width: 6px; height: 6px; border-radius: 50%; background: currentColor;
  animation: sbc-hub-pulse 2.2s ease-in-out infinite;
}
.sbc-op-ab-dot--pending { animation: none; opacity: 0.6; }

.sbc-op-ab-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(28px,4vw,44px); font-weight: 900;
  color: #fff; letter-spacing: -0.02em; line-height: 1; margin: 0 0 10px;
}
.sbc-op-ab-subtitle {
  font-size: 14px; line-height: 1.65; color: rgba(255,255,255,0.5); margin: 0 0 20px;
}
.sbc-op-ab-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.sbc-op-ab-cta-primary {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 22px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #000; font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase;
  border-radius: 10px; text-decoration: none; transition: filter 0.18s;
}
.sbc-op-ab-cta-primary:hover { filter: brightness(1.1); color: #000; }
.sbc-op-ab-cta-secondary {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 22px;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.7); font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  border-radius: 10px; text-decoration: none; transition: background 0.18s, color 0.18s;
}
.sbc-op-ab-cta-secondary:hover { background: rgba(255,255,255,0.1); color: #fff; }

.sbc-op-ab-rating {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 16px 24px; background: rgba(245,158,11,0.08);
  border: 1px solid rgba(245,158,11,0.2); border-radius: 14px; flex-shrink: 0;
}
.sbc-op-ab-rating-score {
  font-family: 'Barlow Condensed', sans-serif; font-size: 40px; font-weight: 900;
  color: #f59e0b; line-height: 1;
}
.sbc-op-ab-rating-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.3);
  letter-spacing: 0.1em; text-transform: uppercase; }
.sbc-op-ab-rating-stars { font-size: 12px; letter-spacing: 2px; }

.sbc-op-ab-body {
  max-width: 1280px; margin: 0 auto; padding: 48px 40px 80px;
}
.sbc-op-ab-section { margin-bottom: 56px; }
.sbc-op-ab-section-hd { margin-bottom: 24px; }
.sbc-op-ab-tag {
  display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px;
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: #f59e0b;
}
.sbc-op-ab-title-sm {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(20px,2.5vw,28px); font-weight: 700; color: #fff;
  letter-spacing: -0.01em; margin: 0;
}
.sbc-op-ab-desc { font-size: 14px; color: rgba(255,255,255,0.45); margin-top: 8px; line-height: 1.6; }

.sbc-op-ab-tracker {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 20px 24px; margin-top: 24px;
}
.sbc-op-ab-tracker-title {
  font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.3); margin-bottom: 16px;
}
.sbc-op-ab-tracker-step {
  display: flex; align-items: center; gap: 12px;
  padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,0.04);
  font-size: 13px; color: rgba(255,255,255,0.35);
}
.sbc-op-ab-tracker-step:last-child { border-bottom: none; }
.sbc-op-ab-tracker-done { color: rgba(16,185,129,0.8); }
.sbc-op-ab-tracker-icon { font-size: 13px; width: 20px; text-align: center; flex-shrink: 0; }
.sbc-op-ab-tracker-done .sbc-op-ab-tracker-icon { color: #10b981; }

.sbc-op-ab-pending-explainer p {
  font-size: 15px; line-height: 1.75; color: rgba(255,255,255,0.6); margin: 0 0 16px;
}
.sbc-op-ab-pending-explainer strong { color: rgba(255,255,255,0.9); }

.sbc-op-ab-live-banner {
  display: flex; align-items: flex-start; gap: 16px;
  background: rgba(16,185,129,0.08); border: 1px solid rgba(16,185,129,0.25);
  border-radius: 14px; padding: 20px 24px;
}
.sbc-op-ab-live-banner i { color: #10b981; flex-shrink: 0; margin-top: 2px; }
.sbc-op-ab-live-banner strong { display: block; color: #10b981; font-size: 15px; margin-bottom: 6px; }
.sbc-op-ab-live-banner p { font-size: 13px; color: rgba(255,255,255,0.5); margin: 0; line-height: 1.65; }

.sbc-op-ab-features-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
.sbc-op-ab-feature-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 20px; transition: border-color 0.2s;
}
.sbc-op-ab-feature-card:hover { border-color: rgba(245,158,11,0.25); }
.sbc-op-ab-feature-icon {
  width: 38px; height: 38px; border-radius: 9px; margin-bottom: 12px;
  background: rgba(245,158,11,0.1); color: #f59e0b;
  display: flex; align-items: center; justify-content: center;
}
.sbc-op-ab-feature-title { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 7px; }
.sbc-op-ab-feature-desc { font-size: 12px; line-height: 1.65; color: rgba(255,255,255,0.45); }

.sbc-op-ab-prose p {
  font-size: 15px; line-height: 1.75; color: rgba(255,255,255,0.6); margin: 0 0 18px;
}
.sbc-op-ab-prose p:last-child { margin: 0; }
.sbc-op-ab-prose strong { color: rgba(255,255,255,0.9); }

.sbc-op-ab-full-review-cta {
  display: flex; align-items: center; gap: 10px; margin-top: 24px;
  padding: 16px 20px; background: rgba(245,158,11,0.06);
  border: 1px solid rgba(245,158,11,0.2); border-radius: 12px;
  text-decoration: none; font-size: 13px; font-weight: 700;
  color: rgba(255,255,255,0.65); transition: background 0.2s, color 0.2s;
}
.sbc-op-ab-full-review-cta:hover { background: rgba(245,158,11,0.1); color: #f59e0b; }
.sbc-op-ab-full-review-cta i:last-child { margin-left: auto; color: #f59e0b; }

.sbc-op-ab-alt-grid { display: flex; flex-direction: column; gap: 10px; }
.sbc-op-ab-alt-card {
  display: flex; align-items: center; gap: 14px; padding: 14px 18px;
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 12px;
  text-decoration: none; transition: border-color 0.2s;
}
.sbc-op-ab-alt-card:hover { border-color: rgba(245,158,11,0.3); }
.sbc-op-ab-alt-logo {
  width: 44px; height: 36px; border-radius: 8px; background: #fff; padding: 5px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;
}
.sbc-op-ab-alt-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-op-ab-alt-info { flex: 1; min-width: 0; }
.sbc-op-ab-alt-name { font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.8); }
.sbc-op-ab-alt-lic  { font-size: 11px; color: rgba(255,255,255,0.3); margin-top: 2px; }
.sbc-op-ab-alt-score {
  font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 900;
  color: #f59e0b; flex-shrink: 0;
}

.sbc-op-ab-sibling-grid { display: flex; flex-direction: column; gap: 8px; }
.sbc-op-ab-sibling-card {
  display: flex; align-items: center; gap: 12px; padding: 14px 18px;
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 12px;
  text-decoration: none; transition: border-color 0.2s;
}
.sbc-op-ab-sibling-card:hover { border-color: rgba(245,158,11,0.3); }
.sbc-op-ab-sibling-card > i:first-child { color: #f59e0b; flex-shrink: 0; }
.sbc-op-ab-sibling-card > i:last-child { color: rgba(255,255,255,0.2); margin-left: auto; flex-shrink: 0; }
.sbc-op-ab-sibling-card > div { flex: 1; min-width: 0; }
.sbc-op-ab-sibling-name { font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.8); }
.sbc-op-ab-sibling-status { font-size: 10px; color: rgba(255,255,255,0.3); margin-top: 2px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
.sbc-op-ab-sibling-confirmed { color: #10b981 !important; }

@media (max-width: 1024px) {
  .sbc-aglc-prose-grid      { grid-template-columns: 1fr; }
  .sbc-aglc-protection-grid { grid-template-columns: 1fr 1fr; }
  .sbc-aglc-operator-grid   { grid-template-columns: 1fr 1fr; }
  .sbc-op-ab-features-grid  { grid-template-columns: 1fr 1fr; }
  .sbc-aglc-compare-table   { overflow-x: auto; }
}
@media (max-width: 768px) {
  .sbc-aglc-body, .sbc-op-ab-body { padding: 32px 20px 60px; }
  .sbc-aglc-hero-inner, .sbc-op-ab-hero-inner { padding: 0 20px; }
  .sbc-aglc-protection-grid { grid-template-columns: 1fr; }
  .sbc-aglc-operator-grid   { grid-template-columns: 1fr; }
  .sbc-op-ab-features-grid  { grid-template-columns: 1fr; }
  .sbc-op-ab-hero-card      { flex-direction: column; align-items: flex-start; }
  .sbc-op-ab-rating         { align-self: flex-start; flex-direction: row; gap: 12px; align-items: center; }
}

html.light .sbc-aglc-main,
html.light .sbc-op-ab-main { background: #f4f5f7; }

html.light .sbc-aglc-hero-title,
html.light .sbc-op-ab-title { color: #0d1117; }

html.light .sbc-aglc-hero-deck,
html.light .sbc-op-ab-subtitle { color: rgba(0,0,0,0.55); }

html.light .sbc-aglc-facts-card,
html.light .sbc-aglc-compare-table,
html.light .sbc-aglc-protection-card,
html.light .sbc-aglc-op-card,
html.light .sbc-op-ab-hero-card,
html.light .sbc-op-ab-tracker,
html.light .sbc-op-ab-feature-card,
html.light .sbc-op-ab-alt-card,
html.light .sbc-op-ab-sibling-card {
  background: #fff; border-color: rgba(0,0,0,0.09);
}
html.light .sbc-aglc-fact-label { color: rgba(0,0,0,0.4); }
html.light .sbc-aglc-fact-value { color: rgba(0,0,0,0.7); }
html.light .sbc-aglc-compare-label { color: rgba(0,0,0,0.6); }
html.light .sbc-aglc-compare-ont  { color: rgba(0,0,0,0.5); }
html.light .sbc-aglc-compare-ab   { color: #b45309; }
html.light .sbc-aglc-compare-row--even { background: rgba(0,0,0,0.02); }
html.light .sbc-aglc-compare-hd   { background: rgba(0,0,0,0.03); }
html.light .sbc-aglc-protection-title,
html.light .sbc-aglc-op-name,
html.light .sbc-op-ab-feature-title,
html.light .sbc-op-ab-alt-name,
html.light .sbc-op-ab-sibling-name,
html.light .sbc-op-ab-title-sm { color: #0d1117; }
html.light .sbc-aglc-protection-desc,
html.light .sbc-aglc-op-reason,
html.light .sbc-op-ab-feature-desc,
html.light .sbc-op-ab-desc,
html.light .sbc-op-ab-prose p { color: rgba(0,0,0,0.5); }
html.light .sbc-aglc-tl-desc { color: rgba(0,0,0,0.45); }
html.light .sbc-aglc-tl-event { color: rgba(0,0,0,0.7); }
html.light .sbc-aglc-callout { background: rgba(245,158,11,0.05); border-color: rgba(245,158,11,0.2); }
html.light .sbc-aglc-callout p { color: rgba(0,0,0,0.5); }
html.light .sbc-op-ab-tracker-step { color: rgba(0,0,0,0.4); border-bottom-color: rgba(0,0,0,0.05); }
html.light .sbc-op-ab-tracker-done { color: #059669; }
html.light .sbc-op-ab-tracker-title { color: rgba(0,0,0,0.3); }
html.light .sbc-op-ab-pending-explainer p { color: rgba(0,0,0,0.55); }
html.light .sbc-op-ab-cta-secondary { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.12); color: rgba(0,0,0,0.6); }
html.light .sbc-op-ab-full-review-cta { background: rgba(245,158,11,0.04); border-color: rgba(245,158,11,0.18); color: rgba(0,0,0,0.6); }
html.light .sbc-op-ab-alt-lic { color: rgba(0,0,0,0.35); }
html.light .sbc-op-ab-sibling-status { color: rgba(0,0,0,0.3); }
html.light .sbc-aglc-section-title { color: #0d1117; }
html.light .sbc-aglc-prose p { color: rgba(0,0,0,0.6); }
html.light .sbc-aglc-prose strong { color: #0d1117; }

.sbc-ab-counter {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 13px 6px 10px;
  background: rgba(245,158,11,0.08);
  border: 1px solid rgba(245,158,11,0.22);
  border-radius: 100px;
  text-decoration: none;
  transition: background 0.18s, border-color 0.18s;
  position: relative;
  overflow: hidden;
}
.sbc-ab-counter::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg,
    rgba(245,158,11,0.0) 0%,
    rgba(245,158,11,0.06) 50%,
    rgba(245,158,11,0.0) 100%);
  background-size: 200% 100%;
  animation: sbc-ab-shimmer 3s ease-in-out infinite;
}
@keyframes sbc-ab-shimmer {
  0%   { background-position: -100% 0; }
  100% { background-position: 200% 0; }
}
.sbc-ab-counter:hover {
  background: rgba(245,158,11,0.14);
  border-color: rgba(245,158,11,0.4);
}

.sbc-ab-counter-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #f59e0b; flex-shrink: 0;
  box-shadow: 0 0 0 0 rgba(245,158,11,0.5);
  animation: sbc-ab-dot-pulse 2.4s ease-in-out infinite;
}
@keyframes sbc-ab-dot-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(245,158,11,0.5); }
  50%     { box-shadow: 0 0 0 5px rgba(245,158,11,0); }
}

.sbc-ab-counter-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: 1;
}
.sbc-ab-counter-label {
  display: none !important; /* redundant — removed per UX fix */
}
.sbc-ab-counter-val {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.02em;
  color: #f59e0b;
  display: block;
  line-height: 1.1;
}

.sbc-ab-counter-badge {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(245,158,11,0.5);
  background: rgba(245,158,11,0.08);
  border: 1px solid rgba(245,158,11,0.15);
  border-radius: 4px;
  padding: 2px 5px;
  white-space: nowrap;
  flex-shrink: 0;
}

.sbc-ab-counter.sbc-ab-counter--countdown .sbc-ab-counter-badge {
  color: rgba(245,158,11,0.75);
  background: rgba(245,158,11,0.08);
  border-color: rgba(245,158,11,0.22);
}
.sbc-ab-counter.sbc-ab-counter--countdown .sbc-ab-counter-dot {
  background: #f59e0b;
  animation-name: sbc-ab-dot-pulse;
}
.sbc-ab-counter.sbc-ab-counter--countdown .sbc-ab-counter-val {
  color: #f59e0b;
}

/* Tooltip */
.sbc-ab-counter {
  overflow: visible;
}
.sbc-ab-counter::after {
  content: 'Alberta iGaming goes live July 13, 2026 — click for full countdown';
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background: #0d1117;
  border: 1px solid rgba(245,158,11,0.30);
  border-radius: 8px;
  color: rgba(255,255,255,0.80);
  font-family: 'Inter', ui-sans-serif, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  padding: 7px 11px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 200;
  box-shadow: 0 8px 24px rgba(0,0,0,0.40);
}
.sbc-ab-counter:hover::after {
  opacity: 1;
  transform: translateY(0);
}
html.light .sbc-ab-counter::after {
  background: #fff;
  border-color: rgba(180,83,9,0.25);
  color: rgba(0,0,0,0.75);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

html.light .sbc-ab-counter {
  background: rgba(180,83,9,0.06);
  border-color: rgba(180,83,9,0.2);
}
html.light .sbc-ab-counter:hover {
  background: rgba(180,83,9,0.1);
  border-color: rgba(180,83,9,0.35);
}
html.light .sbc-ab-counter-label { color: rgba(180,83,9,0.55); }
html.light .sbc-ab-counter-val   { color: #b45309; }
html.light .sbc-ab-counter-badge {
  color: rgba(180,83,9,0.5);
  background: rgba(180,83,9,0.06);
  border-color: rgba(180,83,9,0.15);
}
html.light .sbc-ab-counter-dot { background: #b45309; }

.sbc-comp-notice {
  display: flex; align-items: flex-start; gap: 16px;
  background: rgba(139,92,246,0.07); border: 1px solid rgba(139,92,246,0.22);
  border-radius: 14px; padding: 20px 24px; margin-bottom: 48px;
}
.sbc-comp-notice i { color: #8b5cf6; flex-shrink: 0; margin-top: 2px; }
.sbc-comp-notice strong { display: block; color: #8b5cf6; font-size: 14px; font-weight: 800; margin-bottom: 6px; }
.sbc-comp-notice p { font-size: 13px; line-height: 1.65; color: rgba(255,255,255,0.5); margin: 0; }

.sbc-comp-matrix {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 16px;
  overflow: hidden;
}
.sbc-comp-matrix-hd {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
  background: rgba(139,92,246,0.08); border-bottom: 1px solid rgba(255,255,255,0.07);
  padding: 12px 20px;
}
.sbc-comp-matrix-req {
  font-size: 10px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: rgba(255,255,255,0.35);
}
.sbc-comp-matrix-col {
  font-size: 10px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: #8b5cf6; text-align: center;
}
.sbc-comp-matrix-row {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
  padding: 11px 20px; border-bottom: 1px solid rgba(255,255,255,0.04);
  align-items: center;
}
.sbc-comp-matrix-row:last-child { border-bottom: none; }
.sbc-comp-matrix-row--even { background: rgba(255,255,255,0.015); }
.sbc-comp-matrix-req-name { font-size: 13px; color: rgba(255,255,255,0.65); }
.sbc-comp-matrix-cell { text-align: center; }
.sbc-comp-check { color: #8b5cf6; font-size: 16px; font-weight: 900; }
.sbc-comp-dash  { color: rgba(255,255,255,0.15); font-size: 14px; }

.sbc-comp-doc-block {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px; padding: 22px 24px; margin-bottom: 16px;
}
.sbc-comp-doc-title {
  display: flex; align-items: center; gap: 8px;
  font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700;
  color: #fff; margin-bottom: 16px;
}
.sbc-comp-doc-title i { color: #8b5cf6; }
.sbc-comp-operator-badge {
  font-family: sans-serif; font-size: 10px; font-weight: 700;
  background: rgba(139,92,246,0.1); border: 1px solid rgba(139,92,246,0.25);
  color: #8b5cf6; border-radius: 6px; padding: 2px 8px;
  letter-spacing: 0.06em; text-transform: uppercase;
}

.sbc-comp-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sbc-comp-req-card {
  background: rgba(139,92,246,0.05); border: 1px solid rgba(139,92,246,0.15);
  border-radius: 12px; padding: 18px;
}
.sbc-comp-req-card-title {
  font-size: 13px; font-weight: 800; color: #8b5cf6; margin-bottom: 8px;
}
.sbc-comp-req-card p { font-size: 13px; line-height: 1.65; color: rgba(255,255,255,0.5); margin: 0; }

.sbc-comp-sub-table { margin-top: 16px; border-radius: 10px; overflow: hidden; }
.sbc-comp-sub-hd {
  font-size: 9px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.25); padding: 8px 14px;
  background: rgba(255,255,255,0.03);
}
.sbc-comp-sub-row {
  display: flex; gap: 16px; padding: 10px 14px;
  border-top: 1px solid rgba(255,255,255,0.04);
  font-size: 12px; color: rgba(255,255,255,0.5);
}
.sbc-comp-sub-dest { font-weight: 700; color: #8b5cf6; flex-shrink: 0; min-width: 200px; }

.sbc-comp-timing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 16px; }
.sbc-comp-timing-card {
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px; padding: 16px;
}
.sbc-comp-timing-card--high {
  background: rgba(239,68,68,0.06); border-color: rgba(239,68,68,0.2);
}
.sbc-comp-timing-label {
  font-size: 11px; font-weight: 800; color: rgba(255,255,255,0.6);
  margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.06em;
}
.sbc-comp-timing-card--high .sbc-comp-timing-label { color: rgba(239,68,68,0.8); }
.sbc-comp-timing-desc { font-size: 12px; line-height: 1.6; color: rgba(255,255,255,0.4); }

.sbc-comp-scope-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; padding: 20px;
}
.sbc-comp-scope-title {
  display: flex; align-items: center; gap: 8px;
  font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 10px;
}
.sbc-comp-scope-title i { color: #8b5cf6; }
.sbc-comp-scope-card p { font-size: 13px; color: rgba(255,255,255,0.5); margin: 0 0 10px; }
.sbc-comp-list {
  list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px;
}
.sbc-comp-list li {
  font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.5;
  padding-left: 14px; position: relative;
}
.sbc-comp-list li::before {
  content: '›'; position: absolute; left: 0; color: #8b5cf6; font-weight: 900;
}
.sbc-comp-note {
  background: rgba(139,92,246,0.05); border-left: 3px solid rgba(139,92,246,0.4);
  padding: 10px 14px; border-radius: 0 8px 8px 0; margin-top: 14px;
  font-size: 12px; color: rgba(255,255,255,0.45); line-height: 1.6;
}

.sbc-comp-attestation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sbc-comp-attest-card {
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 18px;
}
.sbc-comp-attest-badge {
  display: inline-flex; font-size: 9px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; border-radius: 100px; padding: 3px 9px; margin-bottom: 10px;
}
.sbc-comp-attest-badge--launch    { background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.3); color: #10b981; }
.sbc-comp-attest-badge--two-year  { background: rgba(139,92,246,0.1); border: 1px solid rgba(139,92,246,0.3); color: #8b5cf6; }
.sbc-comp-attest-title { font-size: 15px; font-weight: 800; color: #fff; margin-bottom: 8px; }
.sbc-comp-attest-desc  { font-size: 12px; line-height: 1.65; color: rgba(255,255,255,0.45); }

.sbc-comp-cvss-table { border-radius: 12px; overflow: hidden; margin-top: 16px; }
.sbc-comp-cvss-hd {
  display: grid; grid-template-columns: 1fr 1fr 3fr;
  font-size: 9px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.25); padding: 9px 16px; background: rgba(255,255,255,0.03);
}
.sbc-comp-cvss-row {
  display: grid; grid-template-columns: 1fr 1fr 3fr;
  padding: 12px 16px; font-size: 13px; border-top: 1px solid rgba(255,255,255,0.05);
  align-items: center;
}
.sbc-comp-cvss-critical { color: rgba(239,68,68,0.9); background: rgba(239,68,68,0.05); }
.sbc-comp-cvss-medium   { color: rgba(255,255,255,0.55); }

.sbc-comp-mod-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 16px; }
.sbc-comp-mod-card {
  border-radius: 14px; padding: 18px; border: 1px solid transparent;
}
.sbc-comp-mod-none     { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.07); }
.sbc-comp-mod-required { background: rgba(245,158,11,0.05);  border-color: rgba(245,158,11,0.2); }
.sbc-comp-mod-emergency{ background: rgba(239,68,68,0.05);   border-color: rgba(239,68,68,0.2); }
.sbc-comp-mod-badge {
  display: inline-flex; font-size: 9px; font-weight: 800; letter-spacing: 0.08em;
  text-transform: uppercase; padding: 3px 9px; border-radius: 100px; margin-bottom: 8px;
}
.sbc-comp-mod-none     .sbc-comp-mod-badge { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.35); }
.sbc-comp-mod-required .sbc-comp-mod-badge { background: rgba(245,158,11,0.1); color: #f59e0b; }
.sbc-comp-mod-emergency .sbc-comp-mod-badge { background: rgba(239,68,68,0.1); color: #ef4444; }
.sbc-comp-mod-type { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.sbc-comp-mod-card p { font-size: 12px; line-height: 1.65; color: rgba(255,255,255,0.45); margin: 0; }

.sbc-comp-checklist { display: flex; flex-direction: column; gap: 8px; }
.sbc-comp-check-item {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 10px 14px; background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05); border-radius: 10px;
  font-size: 13px; color: rgba(255,255,255,0.6);
}
.sbc-comp-check-num {
  width: 22px; height: 22px; border-radius: 50%;
  background: rgba(139,92,246,0.15); border: 1px solid rgba(139,92,246,0.3);
  color: #8b5cf6; font-size: 11px; font-weight: 800;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

.sbc-comp-contacts-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.sbc-comp-contact-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 20px; display: flex; gap: 14px;
}
.sbc-comp-contact-icon {
  width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0;
  background: rgba(139,92,246,0.1); color: #8b5cf6;
  display: flex; align-items: center; justify-content: center;
}
.sbc-comp-contact-role  { font-size: 13px; font-weight: 800; color: #fff; margin-bottom: 4px; }
.sbc-comp-contact-email { font-size: 12px; color: #8b5cf6; text-decoration: none; display: block; margin-bottom: 8px; }
.sbc-comp-contact-email:hover { text-decoration: underline; }
.sbc-comp-contact-desc  { font-size: 12px; line-height: 1.6; color: rgba(255,255,255,0.4); margin: 0; }

.sbc-comp-callout {
  display: flex; align-items: flex-start; gap: 14px;
  background: rgba(239,68,68,0.06); border: 1px solid rgba(239,68,68,0.2);
  border-radius: 12px; padding: 16px 20px; margin-top: 16px;
}
.sbc-comp-callout i { color: #ef4444; flex-shrink: 0; }
.sbc-comp-callout strong { display: block; color: #ef4444; font-size: 13px; margin-bottom: 4px; }
.sbc-comp-callout p { font-size: 12px; color: rgba(255,255,255,0.5); margin: 0; line-height: 1.6; }

@media (max-width: 1024px) {
  .sbc-comp-two-col      { grid-template-columns: 1fr; }
  .sbc-comp-timing-grid  { grid-template-columns: 1fr; }
  .sbc-comp-mod-grid     { grid-template-columns: 1fr; }
  .sbc-comp-contacts-grid{ grid-template-columns: 1fr; }
  .sbc-comp-attestation-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .sbc-comp-matrix-hd,
  .sbc-comp-matrix-row { grid-template-columns: 2fr 1fr 1fr 1fr; }
  .sbc-comp-cvss-hd,
  .sbc-comp-cvss-row { grid-template-columns: 80px 80px 1fr; }
}

html.light .sbc-comp-notice { background: rgba(139,92,246,0.04); border-color: rgba(139,92,246,0.18); }
html.light .sbc-comp-notice p { color: rgba(0,0,0,0.55); }
html.light .sbc-comp-matrix { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-comp-matrix-hd { background: rgba(139,92,246,0.05); }
html.light .sbc-comp-matrix-req,
html.light .sbc-comp-cvss-hd { color: rgba(0,0,0,0.35); }
html.light .sbc-comp-matrix-req-name { color: rgba(0,0,0,0.65); }
html.light .sbc-comp-matrix-row--even { background: rgba(0,0,0,0.02); }
html.light .sbc-comp-matrix-row { border-bottom-color: rgba(0,0,0,0.05); }
html.light .sbc-comp-doc-block { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-comp-doc-title { color: #0d1117; }
html.light .sbc-comp-req-card { background: rgba(139,92,246,0.03); border-color: rgba(139,92,246,0.12); }
html.light .sbc-comp-req-card p { color: rgba(0,0,0,0.55); }
html.light .sbc-comp-sub-row { border-top-color: rgba(0,0,0,0.05); color: rgba(0,0,0,0.5); }
html.light .sbc-comp-timing-card { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08); }
html.light .sbc-comp-timing-label { color: rgba(0,0,0,0.6); }
html.light .sbc-comp-timing-desc { color: rgba(0,0,0,0.45); }
html.light .sbc-comp-scope-card { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-comp-scope-card p { color: rgba(0,0,0,0.55); }
html.light .sbc-comp-list li { color: rgba(0,0,0,0.55); }
html.light .sbc-comp-note { background: rgba(139,92,246,0.03); color: rgba(0,0,0,0.5); }
html.light .sbc-comp-attest-card { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08); }
html.light .sbc-comp-attest-title { color: #0d1117; }
html.light .sbc-comp-attest-desc  { color: rgba(0,0,0,0.5); }
html.light .sbc-comp-cvss-critical { color: #dc2626; background: rgba(239,68,68,0.04); }
html.light .sbc-comp-cvss-medium   { color: rgba(0,0,0,0.6); }
html.light .sbc-comp-mod-none  { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08); }
html.light .sbc-comp-mod-type  { color: #0d1117; }
html.light .sbc-comp-mod-card p{ color: rgba(0,0,0,0.5); }
html.light .sbc-comp-check-item { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.07); color: rgba(0,0,0,0.6); }
html.light .sbc-comp-contact-card { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-comp-contact-role { color: #0d1117; }
html.light .sbc-comp-contact-desc { color: rgba(0,0,0,0.45); }
html.light .sbc-comp-callout { background: rgba(239,68,68,0.04); border-color: rgba(239,68,68,0.18); }
html.light .sbc-comp-callout p { color: rgba(0,0,0,0.55); }

.sbc-prov-sel {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}

.sbc-prov-sel-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s, border-color 0.15s;
  position: relative;
}
.sbc-prov-sel-btn:hover {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.15);
}
.sbc-prov-sel-btn.sbc-prov-selected {
  background: color-mix(in srgb, var(--prov-colour) 12%, transparent);
  border-color: color-mix(in srgb, var(--prov-colour) 40%, transparent);
}

.sbc-prov-sel-dot {
  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
  transition: box-shadow 0.15s;
}
.sbc-prov-sel-btn.sbc-prov-selected .sbc-prov-sel-dot {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--prov-colour) 25%, transparent);
}

.sbc-prov-sel-text {
  flex: 1; min-width: 0;
  display: flex; flex-direction: column; gap: 1px;
}
.sbc-prov-sel-name {
  font-size: 13px; font-weight: 700;
  color: rgba(255,255,255,0.75);
  display: block; line-height: 1.2;
  transition: color 0.15s;
}
.sbc-prov-sel-btn.sbc-prov-selected .sbc-prov-sel-name {
  color: #fff;
}
.sbc-prov-sel-sub {
  font-size: 10px; font-weight: 600; letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  display: block;
  transition: color 0.15s;
}
.sbc-prov-sel-btn.sbc-prov-selected .sbc-prov-sel-sub {
  color: var(--prov-colour);
  opacity: 0.8;
}

.sbc-prov-sel-check {
  font-size: 13px;
  color: var(--prov-colour);
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.15s, transform 0.15s;
  flex-shrink: 0;
}
.sbc-prov-sel-btn.sbc-prov-selected .sbc-prov-sel-check {
  opacity: 1;
  transform: scale(1);
}

.sbc-prov-sel-go {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,0.5);
  transition: background 0.15s, color 0.15s;
  margin-top: 4px;
}
.sbc-prov-sel-go:hover {
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.8);
}
.sbc-prov-sel-go i:last-child { margin-left: auto; }

html.light .sbc-prov-sel-btn {
  background: rgba(0,0,0,0.03);
  border-color: rgba(0,0,0,0.09);
}
html.light .sbc-prov-sel-btn:hover {
  background: rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.15);
}
html.light .sbc-prov-sel-name { color: rgba(255,255,255,0.75); }
html.light .sbc-prov-sel-btn.sbc-prov-selected .sbc-prov-sel-name { color: #fff; }
html.light .sbc-prov-sel-sub  { color: rgba(255,255,255,0.25); }
html.light .sbc-prov-sel-go {
  background: rgba(0,0,0,0.03);
  border-color: rgba(0,0,0,0.09);
  color: rgba(255,255,255,0.5);
}
html.light .sbc-prov-sel-go:hover { color: rgba(255,255,255,0.8); }

.sbc-hub-book-province-note--dual {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.sbc-hub-dual-badge {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.2);
  color: #10b981;
  border-radius: 4px;
  padding: 2px 6px;
  margin-left: auto;
}
html.light .sbc-hub-dual-badge {
  background: rgba(5,150,105,0.07);
  border-color: rgba(5,150,105,0.2);
  color: #059669;
}

.sbc-pod-spotify {
  background: #0d1117;
  border: 1px solid rgba(30,215,96,0.2);
  border-radius: 20px;
  padding: 28px 24px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.sbc-pod-spotify::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(30,215,96,0.07) 0%, transparent 65%);
  pointer-events: none;
}
.sbc-pod-spotify-logo {
  width: 120px; height: auto;
  margin: 0 auto 16px;
  display: block;
  filter: brightness(1);
}
.sbc-pod-spotify-eyebrow {
  font-size: 10px; font-weight: 800; letter-spacing: 0.14em;
  text-transform: uppercase; color: #1ed760; margin: 0 0 8px;
}
.sbc-pod-spotify-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px; font-weight: 800; color: #fff;
  line-height: 1.1; margin: 0 0 10px;
}
.sbc-pod-spotify-body {
  font-size: 13px; line-height: 1.6;
  color: rgba(255,255,255,0.45); margin: 0 0 20px;
}
.sbc-pod-spotify-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  width: 100%; padding: 13px 20px;
  background: #1ed760;
  color: #000; font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase;
  border-radius: 100px; text-decoration: none;
  transition: background 0.18s, transform 0.15s;
  box-shadow: 0 4px 20px rgba(30,215,96,0.25);
}
.sbc-pod-spotify-cta:hover {
  background: #22f767; transform: scale(1.02); color: #000;
}
.sbc-pod-spotify-icon { width: 18px; height: 18px; flex-shrink: 0; }

html.light .sbc-pod-spotify { background: #fff; border-color: rgba(30,215,96,0.25); }
html.light .sbc-pod-spotify-title { color: #0d1117; }
html.light .sbc-pod-spotify-body  { color: rgba(0,0,0,0.5); }

.sbc-ufc-main { background: #07090d; }

.sbc-ufc-progress-bar {
  position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 9999;
  background: rgba(220,38,38,0.15);
}
.sbc-ufc-progress-fill {
  height: 100%; width: 0; background: linear-gradient(90deg,#dc2626,#f97316);
  transition: width 0.1s linear;
}

.sbc-ufc-hero { position: relative; overflow: hidden; padding: clamp(48px,7vh,80px) 0 clamp(40px,5vh,64px); }
.sbc-ufc-octagon {
  position: absolute; right: -60px; top: 50%; transform: translateY(-50%);
  width: min(500px, 45vw); height: min(500px, 45vw);
  color: #dc2626; pointer-events: none; opacity: 0.8;
}
.sbc-ufc-octagon svg { width: 100%; height: 100%; }
.sbc-ufc-hero-glow {
  position: absolute; top: -60px; left: 30%;
  width: 500px; height: 350px; border-radius: 50%;
  background: radial-gradient(ellipse, rgba(220,38,38,0.07) 0%, transparent 70%);
  pointer-events: none;
}
.sbc-ufc-hero-inner {
  max-width: 1280px; margin: 0 auto; padding: 0 40px;
  display: grid; grid-template-columns: 1fr 380px; gap: 48px; align-items: center;
  position: relative; z-index: 1;
}
@media (max-width: 1024px) { .sbc-ufc-hero-inner { grid-template-columns: 1fr; } .sbc-ufc-octagon { opacity: 0.3; } }
@media (max-width: 768px)  { .sbc-ufc-hero-inner { padding: 0 20px; } }

.sbc-ufc-category-badge {
  display: inline-flex; align-items: center; gap: 5px;
  background: rgba(220,38,38,0.12); border: 1px solid rgba(220,38,38,0.3);
  color: #dc2626; font-size: 10px; font-weight: 800; letter-spacing: 0.12em;
  text-transform: uppercase; padding: 4px 10px; border-radius: 100px;
}
.sbc-ufc-season-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.4);
}
.sbc-ufc-season-dot {
  width: 6px; height: 6px; border-radius: 50%; background: #dc2626; flex-shrink: 0;
  animation: sbc-blink 1.8s ease-in-out infinite;
}

.sbc-ufc-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(36px,5.5vw,64px); font-weight: 900; line-height: 0.95;
  letter-spacing: -0.02em; color: #fff; margin: 0 0 20px;
  text-shadow: 0 4px 24px rgba(220,38,38,0.15);
}
.sbc-ufc-hero-title em { font-style: italic; color: #dc2626; display: block; }

.sbc-ufc-hero-ctas { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.sbc-ufc-cta-primary {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 22px;
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  color: #fff; font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase;
  border-radius: 10px; text-decoration: none; transition: filter 0.18s;
  box-shadow: 0 4px 20px rgba(220,38,38,0.3);
}
.sbc-ufc-cta-primary:hover { filter: brightness(1.1); color: #fff; }
.sbc-ufc-cta-secondary {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 18px;
  background: rgba(220,38,38,0.08); border: 1px solid rgba(220,38,38,0.25);
  color: rgba(255,255,255,0.75); font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  border-radius: 10px; text-decoration: none; transition: all 0.18s;
}
.sbc-ufc-cta-secondary:hover { background: rgba(220,38,38,0.14); color: #fff; border-color: rgba(220,38,38,0.4); }
.sbc-ufc-cta-ghost {
  display: inline-flex; align-items: center; gap: 7px; padding: 12px 18px;
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.55); font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  border-radius: 10px; text-decoration: none; transition: all 0.18s;
}
.sbc-ufc-cta-ghost:hover { background: rgba(255,255,255,0.09); color: #fff; }

.sbc-ufc-stats-card {
  background: #0d1117; border: 1px solid rgba(220,38,38,0.2); border-radius: 18px;
  overflow: hidden; position: relative;
}
.sbc-ufc-stats-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #dc2626, #f97316);
}
.sbc-ufc-stats-card-hd {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 18px 12px; border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-ufc-stats-card-label {
  display: flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #dc2626;
}
.sbc-ufc-stats-card-season { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.3); }
.sbc-ufc-stat-rows { padding: 8px 0; }
.sbc-ufc-stat-row {
  display: flex; align-items: center; gap: 12px; padding: 10px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.sbc-ufc-stat-row:last-child { border-bottom: none; }
.sbc-ufc-stat-icon {
  width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0;
  background: rgba(255,255,255,0.05); color: rgba(255,255,255,0.4);
  display: flex; align-items: center; justify-content: center;
}
.sbc-ufc-stat-icon--red   { background: rgba(220,38,38,0.1);  color: #dc2626; }
.sbc-ufc-stat-icon--amber { background: rgba(245,158,11,0.1); color: #f59e0b; }
.sbc-ufc-stat-icon--green { background: rgba(16,185,129,0.1); color: #10b981; }
.sbc-ufc-stat-content { display: flex; flex-direction: column; gap: 2px; }
.sbc-ufc-stat-val       { font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 900; color: #fff; line-height: 1; }
.sbc-ufc-stat-val--red   { color: #dc2626; }
.sbc-ufc-stat-val--amber { color: #f59e0b; }
.sbc-ufc-stat-val--green { color: #10b981; }
.sbc-ufc-stat-lbl { font-size: 11px; color: rgba(255,255,255,0.4); line-height: 1.35; }
.sbc-ufc-stats-card-cta {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 13px; border-top: 1px solid rgba(255,255,255,0.06);
  font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
  color: #dc2626; text-decoration: none; transition: background 0.18s;
}
.sbc-ufc-stats-card-cta:hover { background: rgba(220,38,38,0.06); }

.sbc-ufc-body-wrap {
  max-width: 1280px; margin: 0 auto; padding: 56px 40px 80px;
  display: grid; grid-template-columns: 1fr 320px; gap: 48px; align-items: start;
}
@media (max-width: 1024px) { .sbc-ufc-body-wrap { grid-template-columns: 1fr; } }
@media (max-width: 768px)  { .sbc-ufc-body-wrap { padding: 32px 20px 60px; } }

.sbc-ufc-section-hd { margin-bottom: 28px; }
.sbc-ufc-section-hd h2 {
  font-family: 'Barlow Condensed', sans-serif; font-size: clamp(22px,3vw,30px);
  font-weight: 800; color: #fff; letter-spacing: -0.02em; line-height: 1.1; margin: 8px 0 10px;
}
.sbc-ufc-section-hd p { font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.5); margin: 0; }
.sbc-ufc-section-tag {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 9px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #dc2626;
}

.sbc-ufc-books-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
@media (max-width: 768px) { .sbc-ufc-books-grid { grid-template-columns: 1fr; } }

.sbc-ufc-book-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 16px;
  padding: 18px; opacity: 0; transform: translateY(14px);
  transition: opacity 0.4s ease, transform 0.4s ease, border-color 0.2s;
}
.sbc-ufc-book-card.sbc-ufc-visible { opacity: 1; transform: none; }
.sbc-ufc-book-card:hover { border-color: rgba(220,38,38,0.3); }
.sbc-ufc-book-card--top {
  border-color: rgba(220,38,38,0.35);
  background: linear-gradient(135deg, #0d1117 0%, rgba(220,38,38,0.04) 100%);
  box-shadow: 0 0 0 1px rgba(220,38,38,0.12), 0 8px 32px rgba(220,38,38,0.08);
}
.sbc-ufc-book-rank {
  display: inline-flex; align-items: center; font-size: 9px; font-weight: 900;
  letter-spacing: 0.12em; text-transform: uppercase; padding: 3px 9px;
  border-radius: 100px; border: 1px solid; margin-bottom: 10px;
}
.sbc-ufc-book-header { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.sbc-ufc-book-logo {
  width: 44px; height: 36px; border-radius: 8px; flex-shrink: 0;
  overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 5px;
}
.sbc-ufc-book-logo--white { background: #fff; }
.sbc-ufc-book-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-ufc-book-initial { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 900; color: #dc2626; }
.sbc-ufc-book-title-block { flex: 1; min-width: 0; }
.sbc-ufc-book-name { font-size: 15px; font-weight: 800; color: #fff; margin: 0 0 2px; }
.sbc-ufc-book-best { font-size: 10px; color: rgba(255,255,255,0.35); font-weight: 600; }
.sbc-ufc-book-score { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; flex-shrink: 0; }
.sbc-ufc-book-score-val { font-family: 'Barlow Condensed', sans-serif; font-size: 24px; font-weight: 900; color: #dc2626; line-height: 1; }
.sbc-ufc-book-stars { display: flex; gap: 1px; }
.sbc-ufc-star { font-size: 10px; color: rgba(255,255,255,0.12); }
.sbc-ufc-star--on { color: #dc2626; }
.sbc-ufc-book-note { font-size: 12px; line-height: 1.65; color: rgba(255,255,255,0.45); margin: 0 0 12px; }
.sbc-ufc-book-chips { margin-bottom: 12px; }
.sbc-ufc-chips-wrap { display: flex; flex-wrap: wrap; gap: 5px; }
.sbc-ufc-chip {
  font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 6px;
  background: rgba(220,38,38,0.08); border: 1px solid rgba(220,38,38,0.2); color: #dc2626;
}
.sbc-ufc-book-actions { display: flex; gap: 8px; }
.sbc-ufc-book-review-btn {
  flex: 1; padding: 9px; border-radius: 8px; font-size: 12px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 0.06em; text-align: center;
  background: transparent; border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.6); text-decoration: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.sbc-ufc-book-review-btn:hover { background: rgba(255,255,255,0.07); color: #fff; border-color: rgba(255,255,255,0.2); }
.sbc-ufc-book-visit-btn {
  flex: 1; padding: 9px; border-radius: 8px; font-size: 12px; font-weight: 900;
  text-transform: uppercase; letter-spacing: 0.06em; cursor: pointer;
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  color: #fff; border: none; transition: filter 0.15s;
}
.sbc-ufc-book-visit-btn:hover { filter: brightness(1.1); }

.sbc-ufc-markets-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
@media (max-width: 768px) { .sbc-ufc-markets-grid { grid-template-columns: 1fr; } }
.sbc-ufc-market-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  padding: 18px; opacity: 0; transform: translateY(12px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.sbc-ufc-market-card.sbc-ufc-visible { opacity: 1; transform: none; }
.sbc-ufc-market-pill {
  display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px;
  font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
  padding: 5px 12px; border-radius: 100px;
}
.sbc-ufc-market-desc { font-size: 13px; line-height: 1.7; color: rgba(255,255,255,0.55); margin: 0 0 12px; }
.sbc-ufc-market-desc strong { color: rgba(255,255,255,0.85); }
.sbc-ufc-market-insight {
  display: flex; align-items: flex-start; gap: 8px;
  background: rgba(255,255,255,0.03); border-radius: 8px; padding: 10px 12px;
  font-size: 12px; line-height: 1.6; color: rgba(255,255,255,0.4);
}
.sbc-ufc-market-insight i { color: #dc2626; flex-shrink: 0; margin-top: 1px; }

.sbc-ufc-vig-strip {
  background: #0d1117; border: 1px solid rgba(220,38,38,0.18); border-radius: 14px;
  padding: 20px 22px; display: flex; align-items: center; gap: 20px;
  flex-wrap: wrap; margin: 24px 0;
}
.sbc-ufc-vig-strip-left { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.sbc-ufc-vig-strip-icon {
  width: 40px; height: 40px; border-radius: 10px;
  background: rgba(220,38,38,0.1); color: #dc2626;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-ufc-vig-strip-label { font-size: 13px; font-weight: 800; color: #fff; margin-bottom: 4px; }
.sbc-ufc-vig-strip-left p { font-size: 12px; color: rgba(255,255,255,0.4); margin: 0; }
.sbc-ufc-vig-rows { flex: 1; min-width: 0; }
.sbc-ufc-vig-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 0; font-size: 12px; color: rgba(255,255,255,0.5); }
.sbc-ufc-vig-cost { font-weight: 800; }
.sbc-ufc-vig-cost--good { color: #10b981; }
.sbc-ufc-vig-cost--bad  { color: #dc2626; }
.sbc-ufc-vig-diff { font-size: 13px; font-weight: 700; color: #fff; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.06); margin-top: 4px; }
.sbc-ufc-vig-cta {
  display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px;
  background: rgba(220,38,38,0.1); border: 1px solid rgba(220,38,38,0.25);
  color: #dc2626; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  border-radius: 8px; text-decoration: none; transition: background 0.18s; flex-shrink: 0;
}
.sbc-ufc-vig-cta:hover { background: rgba(220,38,38,0.16); }

.sbc-ufc-table-row--highlight { background: rgba(220,38,38,0.05) !important; }

.sbc-ufc-fighters-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 28px; }
@media (max-width: 768px) { .sbc-ufc-fighters-grid { grid-template-columns: 1fr; } }
.sbc-ufc-fighter-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px;
  overflow: hidden; opacity: 0; transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.sbc-ufc-fighter-card.sbc-ufc-visible { opacity: 1; transform: none; }
.sbc-ufc-fighter-top { padding: 14px 16px; }
.sbc-ufc-fighter-name { font-family: 'Barlow Condensed', sans-serif; font-size: 17px; font-weight: 800; color: #fff; line-height: 1.1; margin-bottom: 3px; }
.sbc-ufc-fighter-div  { font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255,255,255,0.3); }
.sbc-ufc-fighter-note { font-size: 12px; line-height: 1.6; color: rgba(255,255,255,0.45); padding: 12px 16px; margin: 0; border-top: 1px solid rgba(255,255,255,0.05); }

.sbc-ufc-props-grid { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.sbc-ufc-prop-card {
  display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px;
  background: #0d1117; border: 1px solid rgba(255,255,255,0.06); border-radius: 12px;
  opacity: 0; transform: translateY(8px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.sbc-ufc-prop-card.sbc-ufc-visible { opacity: 1; transform: none; }
.sbc-ufc-prop-icon {
  width: 36px; height: 36px; border-radius: 9px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.sbc-ufc-prop-card strong { display: block; font-size: 14px; color: #fff; margin-bottom: 4px; }
.sbc-ufc-prop-card span  { font-size: 12px; line-height: 1.6; color: rgba(255,255,255,0.45); }

.sbc-ufc-calendar-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 28px; }
@media (max-width: 768px) { .sbc-ufc-calendar-grid { grid-template-columns: 1fr; } }
.sbc-ufc-calendar-card {
  background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; padding: 20px;
}
.sbc-ufc-calendar-card--ppv { border-color: rgba(220,38,38,0.2); background: rgba(220,38,38,0.03); }
.sbc-ufc-calendar-badge {
  display: inline-flex; font-size: 9px; font-weight: 900; letter-spacing: 0.12em;
  text-transform: uppercase; padding: 3px 9px; border-radius: 100px; margin-bottom: 10px;
  background: rgba(220,38,38,0.1); border: 1px solid rgba(220,38,38,0.25); color: #dc2626;
}
.sbc-ufc-calendar-badge--fn { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.12); color: rgba(255,255,255,0.5); }
.sbc-ufc-calendar-title { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 12px; }
.sbc-ufc-calendar-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 7px; }
.sbc-ufc-calendar-list li { font-size: 12px; color: rgba(255,255,255,0.5); padding-left: 14px; position: relative; line-height: 1.5; }
.sbc-ufc-calendar-list li::before { content: '›'; position: absolute; left: 0; color: #dc2626; font-weight: 900; }

.sbc-ufc-nextsteps { margin-top: 32px; padding: 22px; background: #0d1117; border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; }
.sbc-ufc-nextsteps-hd { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #dc2626; margin-bottom: 14px; }
.sbc-ufc-nextsteps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 640px) { .sbc-ufc-nextsteps-grid { grid-template-columns: 1fr; } }
.sbc-ufc-nextstep-card { display: flex; align-items: center; gap: 12px; padding: 12px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 10px; text-decoration: none; transition: background 0.15s, border-color 0.15s; }
.sbc-ufc-nextstep-card:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.12); }
.sbc-ufc-nextstep-icon { width: 36px; height: 36px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sbc-ufc-nextstep-card strong { display: block; font-size: 13px; color: #fff; margin-bottom: 2px; }
.sbc-ufc-nextstep-card span  { font-size: 11px; color: rgba(255,255,255,0.4); line-height: 1.4; }

.sbc-ufc-sidebar-top-pick { border-top: 3px solid #dc2626 !important; }
.sbc-ufc-top-pick-inner { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
.sbc-ufc-top-pick-logo { width: 48px; height: 40px; border-radius: 8px; background: #fff; padding: 5px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
.sbc-ufc-top-pick-logo img { width: 100%; height: 100%; object-fit: contain; }
.sbc-ufc-top-pick-name { font-size: 14px; font-weight: 800; color: #fff; margin-bottom: 4px; }
.sbc-ufc-top-pick-stars { display: flex; align-items: center; gap: 2px; }
.sbc-ufc-top-pick-score { font-size: 12px; font-weight: 800; color: #dc2626; margin-left: 5px; }
.sbc-ufc-top-pick-reason { font-size: 11px; color: rgba(255,255,255,0.35); margin-top: 3px; }
.sbc-ufc-toc-link { color: rgba(255,255,255,0.45); }
.sbc-ufc-toc-link:hover, .sbc-ufc-toc-link.sbc-ufc-toc-active { color: #dc2626 !important; }
.sbc-ufc-toc-link.sbc-ufc-toc-active .sbc-edu-toc-num { background: rgba(220,38,38,0.12); color: #dc2626; border-color: rgba(220,38,38,0.25); }

.sbc-ufc-reveal { opacity: 0; transform: translateY(14px); transition: opacity 0.45s ease, transform 0.45s ease; }
.sbc-ufc-visible { opacity: 1; transform: none; }

html.light .sbc-ufc-main { background: #f5f5f7; }
html.light .sbc-ufc-hero-title { color: #0d1117; text-shadow: none; }
html.light .sbc-ufc-stats-card { background: #fff; border-color: rgba(220,38,38,0.15); }
html.light .sbc-ufc-stat-lbl { color: rgba(0,0,0,0.45); }
html.light .sbc-ufc-stat-val { color: #0d1117; }
html.light .sbc-ufc-book-card { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ufc-book-card--top { background: #fff; border-color: rgba(220,38,38,0.3); }
html.light .sbc-ufc-book-name { color: #0d1117; }
html.light .sbc-ufc-book-best { color: rgba(0,0,0,0.35); }
html.light .sbc-ufc-book-note { color: rgba(0,0,0,0.55); }
html.light .sbc-ufc-market-card { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ufc-market-desc { color: rgba(0,0,0,0.6); }
html.light .sbc-ufc-market-insight { background: rgba(0,0,0,0.03); color: rgba(0,0,0,0.5); }
html.light .sbc-ufc-vig-strip { background: #fff; border-color: rgba(220,38,38,0.15); }
html.light .sbc-ufc-vig-strip-label { color: #0d1117; }
html.light .sbc-ufc-vig-strip-left p { color: rgba(0,0,0,0.45); }
html.light .sbc-ufc-vig-row { color: rgba(0,0,0,0.5); }
html.light .sbc-ufc-vig-diff { color: #0d1117; border-top-color: rgba(0,0,0,0.08); }
html.light .sbc-ufc-fighter-card { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ufc-fighter-name { color: #0d1117; }
html.light .sbc-ufc-fighter-div  { color: rgba(0,0,0,0.35); }
html.light .sbc-ufc-fighter-note { color: rgba(0,0,0,0.55); border-top-color: rgba(0,0,0,0.07); }
html.light .sbc-ufc-prop-card { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ufc-prop-card strong { color: #0d1117; }
html.light .sbc-ufc-prop-card span  { color: rgba(0,0,0,0.55); }
html.light .sbc-ufc-calendar-card { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ufc-calendar-card--ppv { background: rgba(220,38,38,0.02); border-color: rgba(220,38,38,0.18); }
html.light .sbc-ufc-calendar-title { color: #0d1117; }
html.light .sbc-ufc-calendar-list li { color: rgba(0,0,0,0.55); }
html.light .sbc-ufc-nextsteps { background: #fff; border-color: rgba(0,0,0,0.09); }
html.light .sbc-ufc-nextstep-card { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.07); }
html.light .sbc-ufc-nextstep-card:hover { background: rgba(0,0,0,0.05); }
html.light .sbc-ufc-nextstep-card strong { color: #0d1117; }
html.light .sbc-ufc-nextstep-card span  { color: rgba(0,0,0,0.45); }
html.light .sbc-ufc-section-hd h2 { color: #0d1117; }
html.light .sbc-ufc-section-hd p  { color: rgba(0,0,0,0.55); }
html.light .sbc-ufc-cta-secondary { background: rgba(220,38,38,0.06); border-color: rgba(220,38,38,0.2); color: rgba(0,0,0,0.7); }
html.light .sbc-ufc-cta-ghost { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.55); }

.sbc-showdown-nav-link {
  color: rgba(255,255,255,0.6) !important;
  font-weight: 500 !important;
  letter-spacing: normal;
}
.sbc-showdown-nav-link:hover {
  color: #fff !important;
}
.sbc-showdown-nav-icon {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.sbc-showdown-nav-vs {
  display: inline-block;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.1em;
  color: #10b981;
  background: rgba(16,185,129,0.12);
  border: 1px solid rgba(16,185,129,0.3);
  border-radius: 3px;
  padding: 1px 4px;
  line-height: 1.3;
  vertical-align: middle;
  margin-left: 3px;
  transition: background 0.2s, color 0.2s;
}
.sbc-showdown-nav-link:hover .sbc-showdown-nav-vs,
.sbc-showdown-nav-link.sbc-nav-active .sbc-showdown-nav-vs {
  background: rgba(16,185,129,0.25);
  color: #fff;
}

/* ================================================================
   NHL BETTING GUIDE PAGE (page-nhl-betting-guide.php)
   ================================================================ */

/* Hero rink decoration */
.sbc-nhlg-hero-rink {
  position: absolute; inset: 0; opacity: 0.06; pointer-events: none; overflow: hidden;
}
.sbc-nhlg-rink-oval {
  position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%);
  width: 560px; height: 260px;
  border: 2px solid rgba(255,255,255,0.8); border-radius: 130px;
}
.sbc-nhlg-rink-centre-dot {
  position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%);
  width: 24px; height: 24px; border-radius: 50%; background: rgba(255,255,255,0.8);
}
.sbc-nhlg-rink-line { position: absolute; top: 0; width: 2px; height: 100%; }
.sbc-nhlg-rink-line--red    { left: 50%;  background: rgba(239,68,68,0.9); }
.sbc-nhlg-rink-line--blue-l { left: 35%;  background: rgba(59,130,246,0.9); }
.sbc-nhlg-rink-line--blue-r { right: 35%; background: rgba(59,130,246,0.9); }
.sbc-nhlg-rink-faceoff {
  position: absolute; bottom: 70px; width: 60px; height: 60px;
  border: 2px solid rgba(239,68,68,0.8); border-radius: 50%;
}
.sbc-nhlg-rink-faceoff--l { left: 20%; }
.sbc-nhlg-rink-faceoff--r { right: 20%; }

/* Hero layout — mirrors .sbc-nhl-hero-inner */
.sbc-nhlg-hero-inner {
  position: relative; z-index: 1;
  max-width: 1280px; margin: 0 auto;
  padding: 52px 40px 48px;
  display: grid; grid-template-columns: 1fr 360px;
  gap: 56px; align-items: start;
}
@media (max-width: 1100px) { .sbc-nhlg-hero-inner { grid-template-columns: 1fr 300px; gap: 36px; padding: 40px 28px; } }
@media (max-width: 900px)  { .sbc-nhlg-hero-inner { grid-template-columns: 1fr; padding: 32px 20px; } .sbc-nhlg-hero-right { display: none; } }
.sbc-nhlg-hero-title { color: #fff; }
.sbc-nhlg-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }

/* Override: body-wrap uses sbc-nhl-body-wrap already — just add nhlg-specific tweaks */
.sbc-nhlg-body-wrap { }

/* ── Bet type cards ── */
.sbc-nhlg-bet-types { display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px; }
.sbc-nhlg-bet-card {
  display: grid;
  grid-template-columns: 40px 44px 1fr;
  gap: 16px; align-items: start;
  padding: 20px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  transition: border-color 0.2s;
  min-width: 0;
}
.sbc-nhlg-bet-card:hover { border-color: rgba(255,255,255,0.16); }
:root.light .sbc-nhlg-bet-card { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08); }
.sbc-nhlg-bet-num {
  font-size: 24px; font-weight: 900;
  color: rgba(255,255,255,0.1);
  font-family: var(--font-display); line-height: 1.2;
}
:root.light .sbc-nhlg-bet-num { color: rgba(0,0,0,0.08); }
.sbc-nhlg-bet-icon {
  width: 40px; height: 40px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-nhlg-bet-body { min-width: 0; }
.sbc-nhlg-bet-body h3 { font-size: 15px; font-weight: 700; margin: 0 0 8px; color: var(--color-text-primary); }
.sbc-nhlg-bet-body p  { font-size: 14px; color: var(--color-text-secondary); line-height: 1.65; margin: 0 0 12px; }
.sbc-nhlg-bet-tip {
  display: flex; gap: 8px; align-items: flex-start;
  background: rgba(16,185,129,0.06); border: 1px solid rgba(16,185,129,0.15);
  border-radius: 8px; padding: 10px 12px;
  font-size: 13px; color: var(--color-text-secondary); line-height: 1.55;
}
.sbc-nhlg-bet-tip i { color: #10b981; flex-shrink: 0; margin-top: 1px; }
:root.light .sbc-nhlg-bet-tip { background: rgba(5,150,105,0.05); }
@media (max-width: 600px) {
  .sbc-nhlg-bet-card { grid-template-columns: 32px 1fr; }
  .sbc-nhlg-bet-icon { display: none; }
}

/* ── Puck line explainer ── */
.sbc-nhlg-puckline-explainer {
  display: grid; grid-template-columns: 1fr 110px 1fr;
  margin: 28px 0;
  border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; overflow: hidden;
}
:root.light .sbc-nhlg-puckline-explainer { border-color: rgba(0,0,0,0.1); }
.sbc-nhlg-pl-side { padding: 20px 16px; }
.sbc-nhlg-pl-side--fav { background: rgba(16,185,129,0.05); }
.sbc-nhlg-pl-side--dog { background: rgba(59,130,246,0.05); }
.sbc-nhlg-pl-vs {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.03); padding: 16px 8px; gap: 10px;
}
.sbc-nhlg-pl-vs > span { font-size: 12px; font-weight: 900; color: rgba(255,255,255,0.3); }
.sbc-nhlg-pl-insight {
  font-size: 10px; color: rgba(255,255,255,0.35); text-align: center;
  line-height: 1.4; font-style: italic;
}
:root.light .sbc-nhlg-pl-vs  { background: rgba(0,0,0,0.02); }
:root.light .sbc-nhlg-pl-vs > span, :root.light .sbc-nhlg-pl-insight { color: rgba(0,0,0,0.3); }
.sbc-nhlg-pl-badge {
  display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: #10b981; background: rgba(16,185,129,0.1);
  border-radius: 20px; padding: 3px 10px; margin-bottom: 10px;
}
.sbc-nhlg-pl-badge--dog { color: #3b82f6; background: rgba(59,130,246,0.1); }
.sbc-nhlg-pl-spread { font-size: 34px; font-weight: 900; color: #10b981; line-height: 1; }
.sbc-nhlg-pl-spread--dog { color: #3b82f6; }
.sbc-nhlg-pl-odds { font-size: 16px; font-weight: 700; color: var(--color-text-secondary); margin: 4px 0 8px; }
.sbc-nhlg-pl-label {
  font-size: 12px; color: var(--color-text-secondary); margin-bottom: 12px;
  border-top: 1px solid rgba(255,255,255,0.08); padding-top: 10px;
}
:root.light .sbc-nhlg-pl-label { border-color: rgba(0,0,0,0.08); }
.sbc-nhlg-pl-outcomes { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 4px; }
.sbc-nhlg-pl-outcomes li {
  font-size: 11px; display: flex; justify-content: space-between;
  align-items: center; padding: 4px 8px; border-radius: 5px;
}
.sbc-nhlg-pl-outcomes li.win  { background: rgba(16,185,129,0.08); color: #10b981; }
.sbc-nhlg-pl-outcomes li.loss { background: rgba(239,68,68,0.08);  color: #ef4444; }
.sbc-nhlg-pl-outcomes li span { font-weight: 700; }
@media (max-width: 640px) {
  .sbc-nhlg-puckline-explainer { grid-template-columns: 1fr; }
  .sbc-nhlg-pl-vs { flex-direction: row; padding: 12px; }
}

/* ── Odds explainer blocks ── */
.sbc-nhlg-odds-explainer {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin: 24px 0;
}
@media (max-width: 640px) { .sbc-nhlg-odds-explainer { grid-template-columns: 1fr; } }
.sbc-nhlg-odds-block {
  padding: 18px; border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
:root.light .sbc-nhlg-odds-block { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-nhlg-odds-block--neg   { border-color: rgba(16,185,129,0.2); background: rgba(16,185,129,0.04); }
.sbc-nhlg-odds-block--pos   { border-color: rgba(59,130,246,0.2);  background: rgba(59,130,246,0.04); }
.sbc-nhlg-odds-block--vig   { border-color: rgba(245,158,11,0.2);  background: rgba(245,158,11,0.04); }
.sbc-nhlg-odds-block--sharp { border-color: rgba(16,185,129,0.2);  background: rgba(16,185,129,0.04); }
.sbc-nhlg-odds-number { font-size: 30px; font-weight: 900; color: var(--color-text-primary); line-height: 1; margin-bottom: 8px; }
.sbc-nhlg-odds-rule   { font-size: 13px; font-weight: 600; color: var(--color-text-primary); margin-bottom: 5px; }
.sbc-nhlg-odds-rule strong { color: #10b981; }
.sbc-nhlg-odds-prob   { font-size: 12px; color: var(--color-text-secondary); margin-bottom: 8px; }
.sbc-nhlg-odds-prob strong { color: var(--color-text-primary); }
.sbc-nhlg-odds-context {
  font-size: 12px; color: var(--color-text-secondary);
  border-top: 1px solid rgba(255,255,255,0.08); padding-top: 8px; line-height: 1.5;
}
:root.light .sbc-nhlg-odds-context { border-color: rgba(0,0,0,0.08); }

/* ── Goaltender flow ── */
.sbc-nhlg-goalie-flow { display: flex; flex-direction: column; margin: 28px 0; }
.sbc-nhlg-goalie-step {
  display: flex; gap: 0; align-items: flex-start;
  padding: 0 0 24px 48px;
  border-left: 2px solid rgba(255,255,255,0.1);
  margin-left: 16px; position: relative;
}
:root.light .sbc-nhlg-goalie-step { border-color: rgba(0,0,0,0.1); }
.sbc-nhlg-goalie-step--highlight { border-color: #10b981; }
.sbc-nhlg-goalie-step:last-child { border-left-color: transparent; }
.sbc-nhlg-goalie-step-num {
  position: absolute; left: -18px; top: 0;
  width: 34px; height: 34px; border-radius: 50%;
  background: #0d1117; border: 2px solid rgba(255,255,255,0.15);
  color: var(--color-text-secondary); font-size: 12px; font-weight: 800;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
:root.light .sbc-nhlg-goalie-step-num { background: #fff; border-color: rgba(0,0,0,0.15); }
.sbc-nhlg-goalie-step--highlight .sbc-nhlg-goalie-step-num {
  background: #10b981; border-color: #10b981; color: #000;
}
.sbc-nhlg-goalie-step-body strong { display: block; font-size: 14px; font-weight: 700; color: var(--color-text-primary); margin-bottom: 4px; }
.sbc-nhlg-goalie-step-body span  { font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; }

/* ── Bankroll grid ── */
.sbc-nhlg-bankroll-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 16px; margin: 24px 0;
}
@media (max-width: 640px) { .sbc-nhlg-bankroll-grid { grid-template-columns: 1fr; } }
.sbc-nhlg-br-card {
  padding: 18px; border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
:root.light .sbc-nhlg-br-card { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-nhlg-br-icon {
  width: 38px; height: 38px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center; margin-bottom: 10px;
}
.sbc-nhlg-br-card h3 { font-size: 14px; font-weight: 700; margin: 0 0 6px; color: var(--color-text-primary); }
.sbc-nhlg-br-card p  { font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; margin: 0; }

/* Bankroll simulation chart */
.sbc-nhlg-br-sim {
  background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px; padding: 18px; margin: 24px 0;
}
:root.light .sbc-nhlg-br-sim { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-nhlg-br-sim-hd {
  display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700;
  color: var(--color-text-secondary); margin-bottom: 14px;
  letter-spacing: 0.06em; text-transform: uppercase;
}
.sbc-nhlg-br-sim-hd i { color: #10b981; }
.sbc-nhlg-br-sim-bars {
  display: flex; align-items: flex-end; gap: 3px;
  height: 72px; /* fixed height — bars use height as %, parent as reference */
}
.sbc-nhlg-br-bar {
  flex: 1; border-radius: 2px 2px 0 0; min-height: 3px;
  /* height is set inline via style attribute from PHP */
}
.sbc-nhlg-br-sim-foot {
  display: flex; gap: 20px; margin-top: 10px; flex-wrap: wrap;
  font-size: 12px; color: var(--color-text-secondary);
  border-top: 1px solid rgba(255,255,255,0.07); padding-top: 10px;
}
:root.light .sbc-nhlg-br-sim-foot { border-color: rgba(0,0,0,0.07); }
.sbc-nhlg-br-sim-foot strong { color: var(--color-text-primary); }

/* ── Live situations ── */
.sbc-nhlg-live-situations { display: flex; flex-direction: column; gap: 16px; margin: 24px 0; }
.sbc-nhlg-live-card {
  display: grid; grid-template-columns: 56px 1fr;
  gap: 18px; align-items: start; padding: 18px;
  background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
}
:root.light .sbc-nhlg-live-card { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08); }
.sbc-nhlg-live-num {
  font-size: 22px; font-weight: 900; font-family: var(--font-display);
  border: 2px solid; border-radius: 8px; width: 48px; height: 48px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-nhlg-live-body h3 { font-size: 15px; font-weight: 700; margin: 0 0 6px; color: var(--color-text-primary); }
.sbc-nhlg-live-body p  { font-size: 13px; color: var(--color-text-secondary); line-height: 1.65; margin: 0 0 10px; }
.sbc-nhlg-live-signal {
  display: flex; gap: 6px; align-items: center; font-size: 12px;
  font-weight: 700; color: #10b981; letter-spacing: 0.02em;
}
@media (max-width: 600px) { .sbc-nhlg-live-card { grid-template-columns: 1fr; } .sbc-nhlg-live-num { width: 36px; height: 36px; font-size: 14px; } }

/* ── Mistakes list ── */
.sbc-nhlg-mistakes-list { display: flex; flex-direction: column; gap: 12px; margin: 24px 0; }
.sbc-nhlg-mistake {
  display: grid; grid-template-columns: 48px 1fr;
  gap: 14px; padding: 16px; align-items: start;
  background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.07);
  border-radius: 10px;
}
:root.light .sbc-nhlg-mistake { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.07); }
.sbc-nhlg-mistake-num {
  font-size: 18px; font-weight: 900; font-family: var(--font-display);
  border: 1.5px solid; border-radius: 6px;
  width: 40px; height: 40px; display: flex; align-items: center;
  justify-content: center; flex-shrink: 0; opacity: 0.65;
}
.sbc-nhlg-mistake-body strong { display: block; font-size: 14px; font-weight: 700; color: var(--color-text-primary); margin-bottom: 4px; }
.sbc-nhlg-mistake-body p { font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; margin: 0; }
@media (max-width: 600px) { .sbc-nhlg-mistake { grid-template-columns: 1fr; } .sbc-nhlg-mistake-num { display: none; } }

/* ── Sidebar book list ── */
.sbc-nhlg-sidebar-book {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-nhlg-sidebar-book:last-of-type { border-bottom: none; }
:root.light .sbc-nhlg-sidebar-book { border-color: rgba(0,0,0,0.06); }
.sbc-nhlg-sidebar-book-logo {
  width: 40px; height: 40px; border-radius: 8px; flex-shrink: 0;
  background: #0B1220; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.sbc-nhlg-sidebar-book-logo img {
  width: 100%; height: 100%; object-fit: contain; padding: 4px;
}
.sbc-nhlg-sidebar-book-logo span { font-size: 13px; font-weight: 900; color: #10b981; }
.sbc-nhlg-sidebar-book-info { flex: 1; min-width: 0; }
.sbc-nhlg-sidebar-book-name  {
  display: block; font-size: 12px; font-weight: 700; color: var(--color-text-primary);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sbc-nhlg-sidebar-book-rating {
  display: flex; align-items: center; gap: 2px; margin-top: 2px; flex-wrap: nowrap;
}
.sbc-nhlg-sidebar-book-rating strong { font-size: 11px; color: var(--color-text-secondary); margin-left: 3px; }
.sbc-nhlg-sidebar-book-btn {
  font-size: 11px; font-weight: 800; letter-spacing: 0.04em;
  color: #10b981; text-decoration: none;
  border: 1px solid rgba(16,185,129,0.3); border-radius: 20px;
  padding: 3px 10px; white-space: nowrap; flex-shrink: 0;
  transition: background 0.15s;
}
.sbc-nhlg-sidebar-book-btn:hover { background: rgba(16,185,129,0.1); }

/* ── Quick reference — two-column grid ── */
.sbc-nhlg-quick-ref { display: flex; flex-direction: column; gap: 0; }
.sbc-nhlg-qr-item {
  display: grid; grid-template-columns: 90px 1fr;
  gap: 8px; align-items: start;
  padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.06); font-size: 12px;
}
.sbc-nhlg-qr-item:last-child { border-bottom: none; }
:root.light .sbc-nhlg-qr-item { border-color: rgba(0,0,0,0.06); }
.sbc-nhlg-qr-item span:first-child { font-weight: 700; color: var(--color-text-primary); }
.sbc-nhlg-qr-item span:last-child  { color: var(--color-text-secondary); line-height: 1.4; }


/* ================================================================
   NFL BETTING GUIDE PAGE (page-nfl-betting-guide.php)
   ================================================================ */

/* Field decoration in hero */
.sbc-nflg-field {
  position: absolute; inset: 0; opacity: 0.05; pointer-events: none; overflow: hidden;
}
.sbc-nflg-yard-line {
  position: absolute; top: 0; bottom: 0; width: 1px;
  background: rgba(255,255,255,0.8);
}
.sbc-nflg-midfield {
  position: absolute; left: 50%; top: 0; bottom: 0; width: 3px;
  background: rgba(245,158,11,0.9); transform: translateX(-50%);
}
.sbc-nflg-hashmarks { position: absolute; bottom: 35%; left: 0; right: 0; }
.sbc-nflg-hash {
  position: absolute; bottom: 0; width: 1px; height: 8px;
  background: rgba(255,255,255,0.5);
}

/* Progress bar amber for NFL */
.sbc-nflg-progress-fill { background: linear-gradient(90deg, #f59e0b, #fbbf24) !important; }

/* Season badge — amber for NFL */
.sbc-nflg-season-badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.06em;
  color: #f59e0b; background: rgba(245,158,11,0.1);
  border: 1px solid rgba(245,158,11,0.2); border-radius: 20px; padding: 3px 10px;
}
.sbc-nflg-season-dot {
  width: 6px; height: 6px; border-radius: 50%; background: #f59e0b;
  box-shadow: 0 0 6px #f59e0b; animation: sbc-nhl-pulse 2s ease-in-out infinite;
}

/* Section tags — amber for NFL */
.sbc-nflg-tag { color: #f59e0b !important; background: rgba(245,158,11,0.1) !important; border-color: rgba(245,158,11,0.2) !important; }
.sbc-nflg-stats-cta { border-color: rgba(245,158,11,0.25) !important; color: #f59e0b !important; }
.sbc-nflg-stats-cta:hover { background: rgba(245,158,11,0.08) !important; }

/* Category badge colour */
.sbc-nflg-badge-sport { color: #f59e0b !important; background: rgba(245,158,11,0.1) !important; border-color: rgba(245,158,11,0.2) !important; }

/* Hero layout */
.sbc-nflg-hero-inner {
  position: relative; z-index: 1;
  max-width: 1280px; margin: 0 auto;
  padding: 52px 40px 48px;
  display: grid; grid-template-columns: 1fr 360px;
  gap: 56px; align-items: start;
}
@media (max-width: 1100px) { .sbc-nflg-hero-inner { grid-template-columns: 1fr 300px; gap: 36px; padding: 40px 28px; } }
@media (max-width: 900px)  { .sbc-nflg-hero-inner { grid-template-columns: 1fr; padding: 32px 20px; } .sbc-nflg-hero-right { display: none; } }
.sbc-nflg-hero-title em { color: #f59e0b !important; }
.sbc-nflg-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }

/* Stats card amber accent */
.sbc-nflg-stats-card { border-color: rgba(245,158,11,0.15) !important; }

/* Key numbers section */
.sbc-nflg-key-numbers {
  background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px; padding: 20px; margin: 28px 0;
}
:root.light .sbc-nflg-key-numbers { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-nflg-kn-header {
  display: flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
  color: #f59e0b; margin-bottom: 16px;
}
.sbc-nflg-kn-grid {
  display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px;
}
.sbc-nflg-kn-card {
  border: 1px solid; border-radius: 10px; padding: 12px 14px;
  background: rgba(255,255,255,0.02); flex: 0 0 auto;
  display: flex; flex-direction: column; align-items: center; text-align: center;
}
:root.light .sbc-nflg-kn-card { background: rgba(0,0,0,0.02); }
.sbc-nflg-kn-card--xl { min-width: 90px; }
.sbc-nflg-kn-card--lg { min-width: 80px; }
.sbc-nflg-kn-card--md { min-width: 72px; }
.sbc-nflg-kn-card--sm { min-width: 64px; }
.sbc-nflg-kn-num  { font-size: 28px; font-weight: 900; font-family: var(--font-display); line-height: 1; }
.sbc-nflg-kn-card--xl .sbc-nflg-kn-num { font-size: 36px; }
.sbc-nflg-kn-card--lg .sbc-nflg-kn-num { font-size: 30px; }
.sbc-nflg-kn-pct  { font-size: 12px; font-weight: 700; color: var(--color-text-secondary); margin: 4px 0 2px; }
.sbc-nflg-kn-reason { font-size: 10px; color: var(--color-text-secondary); opacity: 0.7; line-height: 1.3; }
.sbc-nflg-kn-note { font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; margin: 0; border-top: 1px solid rgba(255,255,255,0.06); padding-top: 12px; }
:root.light .sbc-nflg-kn-note { border-color: rgba(0,0,0,0.06); }

/* Home field advantage timeline */
.sbc-nflg-hfa-visual { margin: 28px 0; }
.sbc-nflg-hfa-timeline { display: flex; flex-direction: column; gap: 16px; }
.sbc-nflg-hfa-point { display: grid; grid-template-columns: 110px 1fr; gap: 16px; align-items: center; }
@media (max-width: 600px) { .sbc-nflg-hfa-point { grid-template-columns: 80px 1fr; } }
.sbc-nflg-hfa-year { font-size: 11px; font-weight: 800; color: var(--color-text-secondary); letter-spacing: 0.04em; }
.sbc-nflg-hfa-bar {
  height: 32px; border-radius: 6px; display: flex; align-items: center;
  padding: 0 12px; min-width: 40px; transition: width 0.6s ease-out;
}
.sbc-nflg-hfa-bar span { font-size: 13px; font-weight: 800; color: #fff; white-space: nowrap; }
.sbc-nflg-hfa-note { grid-column: 2; font-size: 12px; color: var(--color-text-secondary); line-height: 1.5; margin-top: -8px; }

/* Bills card */
.sbc-nflg-bills-card {
  position: relative; border: 1px solid rgba(0,51,170,0.3);
  border-radius: 14px; overflow: hidden; margin: 28px 0;
  background: rgba(0,51,170,0.04);
}
:root.light .sbc-nflg-bills-card { background: rgba(0,51,170,0.02); }
.sbc-nflg-bills-stripe {
  height: 4px;
  background: linear-gradient(90deg, #0033aa 0%, #c60c30 50%, #0033aa 100%);
}
.sbc-nflg-bills-body { padding: 20px; }
.sbc-nflg-bills-hd {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 800; color: var(--color-text-primary);
  margin-bottom: 10px; letter-spacing: 0.02em;
}
.sbc-nflg-bills-hd i { color: #c60c30; }
.sbc-nflg-bills-body > p { font-size: 14px; color: var(--color-text-secondary); line-height: 1.65; margin: 0 0 16px; }
.sbc-nflg-bills-facts {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
  border-top: 1px solid rgba(255,255,255,0.07); padding-top: 14px;
}
:root.light .sbc-nflg-bills-facts { border-color: rgba(0,0,0,0.07); }
@media (max-width: 600px) { .sbc-nflg-bills-facts { grid-template-columns: 1fr 1fr; } }
.sbc-nflg-bills-fact { display: flex; flex-direction: column; gap: 3px; }
.sbc-nflg-bills-fact strong { font-size: 14px; font-weight: 900; color: #c60c30; }
.sbc-nflg-bills-fact span  { font-size: 11px; color: var(--color-text-secondary); line-height: 1.4; }

/* Weather cards */
.sbc-nflg-weather-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 16px; margin: 24px 0;
}
@media (max-width: 640px) { .sbc-nflg-weather-grid { grid-template-columns: 1fr; } }
.sbc-nflg-weather-card {
  padding: 18px; border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
:root.light .sbc-nflg-weather-card { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-nflg-weather-icon {
  width: 40px; height: 40px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center; margin-bottom: 10px;
}
.sbc-nflg-weather-card h3 { font-size: 14px; font-weight: 700; margin: 0 0 8px; color: var(--color-text-primary); }
.sbc-nflg-weather-card p  { font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; margin: 0 0 12px; }
.sbc-nflg-weather-rule {
  display: flex; gap: 6px; align-items: center;
  font-size: 12px; font-weight: 700; color: #f59e0b;
  border-top: 1px solid rgba(255,255,255,0.07); padding-top: 10px;
}
:root.light .sbc-nflg-weather-rule { border-color: rgba(0,0,0,0.07); }
.sbc-nflg-weather-rule i { flex-shrink: 0; }

/* Live signal for NFL (amber) */
.sbc-nflg-live-signal {
  display: flex; gap: 6px; align-items: center; font-size: 12px;
  font-weight: 700; color: #f59e0b; letter-spacing: 0.02em;
}


/* ================================================================
   HOW ODDS WORK PAGE (template-parts/pages/how-odds-work.php)
   ================================================================ */

/* Progress bar purple for odds guide */
.sbc-odds-progress-fill { background: linear-gradient(90deg, #8b5cf6, #a78bfa) !important; }

/* Floating numbers in hero background */
.sbc-odds-hero-deco {
  position: absolute; inset: 0; pointer-events: none; overflow: hidden;
}
.sbc-odds-float-num {
  position: absolute; font-family: var(--font-mono); font-weight: 700;
  color: rgba(139,92,246,0.12); white-space: nowrap;
}

/* Hero layout */
.sbc-odds-hero-inner {
  position: relative; z-index: 1;
  max-width: 1280px; margin: 0 auto;
  padding: 52px 40px 48px;
  display: grid; grid-template-columns: 1fr 360px;
  gap: 56px; align-items: start;
}
@media (max-width: 1100px) { .sbc-odds-hero-inner { grid-template-columns: 1fr 300px; gap: 36px; padding: 40px 28px; } }
@media (max-width: 900px)  { .sbc-odds-hero-inner { grid-template-columns: 1fr; padding: 32px 20px; } .sbc-odds-hero-right { display: none; } }
.sbc-odds-hero-title em { color: #a78bfa !important; }
.sbc-odds-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.sbc-odds-cat-badge { color: #a78bfa !important; background: rgba(139,92,246,0.1) !important; border-color: rgba(139,92,246,0.2) !important; }
.sbc-odds-tag { color: #a78bfa !important; background: rgba(139,92,246,0.1) !important; border-color: rgba(139,92,246,0.2) !important; }

/* Three formats grid */
.sbc-odds-formats-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 16px; margin: 24px 0;
}
@media (max-width: 700px) { .sbc-odds-formats-grid { grid-template-columns: 1fr; } }
.sbc-odds-format-card {
  padding: 20px; border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
  display: flex; flex-direction: column; gap: 12px;
}
:root.light .sbc-odds-format-card { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-odds-format-flag {
  display: inline-flex; align-items: center;
  font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 4px 12px; border-radius: 20px; width: fit-content;
}
.sbc-odds-format-examples { display: flex; gap: 16px; align-items: center; }
.sbc-odds-format-ex {
  font-size: 32px; font-weight: 900; font-family: var(--font-mono);
  color: #10b981; line-height: 1;
}
.sbc-odds-format-ex--neg { color: #ef4444; }
.sbc-odds-format-ex--pos { color: #10b981; }
.sbc-odds-format-card > p { font-size: 13px; color: var(--color-text-secondary); line-height: 1.65; margin: 0; flex: 1; }
.sbc-odds-format-rule {
  font-size: 12px; color: var(--color-text-secondary); line-height: 1.7;
  background: rgba(255,255,255,0.03); border-radius: 8px; padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.06);
}
:root.light .sbc-odds-format-rule { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.06); }
.sbc-odds-format-rule strong { color: var(--color-text-primary); }

/* Formula cards */
.sbc-odds-formula-cards {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 14px; margin: 24px 0;
}
@media (max-width: 700px) { .sbc-odds-formula-cards { grid-template-columns: 1fr; } }
.sbc-odds-formula-card {
  padding: 16px; border-radius: 12px;
  border: 1px solid rgba(139,92,246,0.2);
  background: rgba(139,92,246,0.04);
}
.sbc-odds-formula-label { font-size: 11px; font-weight: 700; color: #a78bfa; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 8px; }
.sbc-odds-formula-example {
  display: flex; flex-direction: column; gap: 4px; margin-top: 10px;
  border-top: 1px solid rgba(139,92,246,0.15); padding-top: 10px;
}
.sbc-odds-formula-odds  { font-size: 22px; font-weight: 900; font-family: var(--font-mono); color: #a78bfa; }
.sbc-odds-formula-arrow { font-size: 12px; color: var(--color-text-secondary); }
.sbc-odds-formula-result { font-size: 14px; color: var(--color-text-primary); }
.sbc-odds-formula-result strong { color: #10b981; }

/* Implied probability bar cards */
.sbc-odds-prob-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 14px; margin: 24px 0;
}
@media (max-width: 700px) { .sbc-odds-prob-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px) { .sbc-odds-prob-grid { grid-template-columns: 1fr; } }
.sbc-odds-prob-card {
  padding: 14px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.02);
}
:root.light .sbc-odds-prob-card { border-color: rgba(0,0,0,0.07); background: rgba(0,0,0,0.02); }
.sbc-odds-prob-num { font-size: 22px; font-weight: 900; font-family: var(--font-mono); line-height: 1; margin-bottom: 8px; }
.sbc-odds-prob-bar-wrap { height: 6px; background: rgba(255,255,255,0.06); border-radius: 3px; margin-bottom: 6px; overflow: hidden; }
:root.light .sbc-odds-prob-bar-wrap { background: rgba(0,0,0,0.08); }
.sbc-odds-prob-bar { height: 100%; border-radius: 3px; }
.sbc-odds-prob-pct { font-size: 14px; font-weight: 800; margin-bottom: 4px; }
.sbc-odds-prob-label { font-size: 11px; color: var(--color-text-secondary); line-height: 1.4; }

/* Vig explainer */
.sbc-odds-vig-explainer {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 24px; margin: 28px 0;
}
@media (max-width: 700px) { .sbc-odds-vig-explainer { grid-template-columns: 1fr; } }
.sbc-odds-vig-scenario {
  padding: 20px; border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
:root.light .sbc-odds-vig-scenario { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-odds-vig-title { font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-text-secondary); margin-bottom: 16px; }
.sbc-odds-vig-flow { display: flex; flex-direction: column; gap: 10px; }
.sbc-odds-vig-bettor { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--color-text-secondary); }
.sbc-odds-vig-bettor strong { color: var(--color-text-primary); }
.sbc-odds-vig-bettor-icon { width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sbc-odds-vig-arrow { display: flex; justify-content: center; color: var(--color-text-secondary); }
.sbc-odds-vig-book { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--color-text-primary); font-weight: 700; }
.sbc-odds-vig-book-icon { width: 30px; height: 30px; border-radius: 8px; background: rgba(139,92,246,0.1); color: #a78bfa; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sbc-odds-vig-split { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 10px; display: flex; flex-direction: column; gap: 6px; }
:root.light .sbc-odds-vig-split { border-color: rgba(0,0,0,0.08); }
.sbc-odds-vig-payout { font-size: 12px; color: var(--color-text-secondary); }
.sbc-odds-vig-payout strong { color: var(--color-text-primary); }
.sbc-odds-vig-profit { font-size: 13px; font-weight: 700; color: #10b981; }
.sbc-odds-vig-rates { padding: 20px; border-radius: 14px; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.02); }
:root.light .sbc-odds-vig-rates { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-odds-vig-rates-title { font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-text-secondary); margin-bottom: 14px; }
.sbc-odds-vig-rate-row { display: grid; grid-template-columns: 100px 1fr 48px; gap: 10px; align-items: center; margin-bottom: 10px; }
.sbc-odds-vig-rate-odds { font-size: 12px; font-weight: 700; font-family: var(--font-mono); color: var(--color-text-secondary); }
.sbc-odds-vig-rate-bar-wrap { height: 8px; background: rgba(255,255,255,0.06); border-radius: 4px; overflow: hidden; }
:root.light .sbc-odds-vig-rate-bar-wrap { background: rgba(0,0,0,0.08); }
.sbc-odds-vig-rate-bar { height: 100%; border-radius: 4px; }
.sbc-odds-vig-rate-pct { font-size: 12px; font-weight: 800; text-align: right; font-family: var(--font-mono); }

/* Value examples */
.sbc-odds-value-examples { display: flex; flex-direction: column; gap: 14px; margin: 24px 0; }
.sbc-odds-value-card {
  padding: 18px; border-radius: 12px;
  border: 1px solid; background: rgba(255,255,255,0.02);
}
:root.light .sbc-odds-value-card { background: rgba(0,0,0,0.02); }
.sbc-odds-value-header { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; margin-bottom: 8px; letter-spacing: 0.03em; }
.sbc-odds-value-scenario { font-size: 14px; color: var(--color-text-secondary); margin: 0 0 8px; line-height: 1.6; }
.sbc-odds-value-calc { font-size: 13px; font-family: var(--font-mono); color: var(--color-text-secondary); background: rgba(255,255,255,0.04); border-radius: 6px; padding: 8px 12px; margin-bottom: 8px; }
:root.light .sbc-odds-value-calc { background: rgba(0,0,0,0.04); }
.sbc-odds-value-verdict { font-size: 13px; font-weight: 700; }

/* Line shopping */
.sbc-odds-shopping-example {
  background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px; padding: 20px; margin: 24px 0;
}
:root.light .sbc-odds-shopping-example { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-odds-shopping-hd { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: #a78bfa; letter-spacing: 0.04em; margin-bottom: 14px; text-transform: uppercase; }
.sbc-odds-shopping-grid { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.sbc-odds-shopping-row { display: grid; grid-template-columns: 160px 60px 1fr; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 8px; background: rgba(255,255,255,0.02); }
:root.light .sbc-odds-shopping-row { background: rgba(0,0,0,0.02); }
.sbc-odds-shopping-row--best { background: rgba(16,185,129,0.06); border: 1px solid rgba(16,185,129,0.2); }
.sbc-odds-shopping-book  { font-size: 13px; font-weight: 700; color: var(--color-text-primary); }
.sbc-odds-shopping-odds  { font-size: 14px; font-weight: 900; font-family: var(--font-mono); }
.sbc-odds-shopping-profit { font-size: 12px; color: var(--color-text-secondary); }
.sbc-odds-shopping-best-badge { font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #10b981; background: rgba(16,185,129,0.1); border-radius: 20px; padding: 2px 8px; white-space: nowrap; }
.sbc-odds-shopping-gap { font-size: 13px; color: var(--color-text-secondary); border-top: 1px solid rgba(255,255,255,0.07); padding-top: 12px; line-height: 1.6; }
:root.light .sbc-odds-shopping-gap { border-color: rgba(0,0,0,0.07); }
@media (max-width: 600px) { .sbc-odds-shopping-row { grid-template-columns: 1fr 50px; } .sbc-odds-shopping-profit { display: none; } }

/* Payout reference grid */
.sbc-odds-ref-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 12px; margin: 24px 0;
}
@media (max-width: 900px) { .sbc-odds-ref-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .sbc-odds-ref-grid { grid-template-columns: 1fr; } }
.sbc-odds-ref-card {
  padding: 14px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
:root.light .sbc-odds-ref-card { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-odds-ref-odds { font-size: 26px; font-weight: 900; font-family: var(--font-mono); line-height: 1; margin-bottom: 10px; }
.sbc-odds-ref-odds--neg { color: #ef4444; }
.sbc-odds-ref-odds--pos { color: #10b981; }
.sbc-odds-ref-details { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; }
.sbc-odds-ref-row { display: flex; justify-content: space-between; font-size: 12px; }
.sbc-odds-ref-row span { color: var(--color-text-secondary); }
.sbc-odds-ref-row strong { color: var(--color-text-primary); }
.sbc-odds-ref-row--prob { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 4px; margin-top: 2px; }
:root.light .sbc-odds-ref-row--prob { border-color: rgba(0,0,0,0.06); }
.sbc-odds-ref-row--prob strong { color: #a78bfa; }
.sbc-odds-ref-note { font-size: 11px; color: var(--color-text-secondary); line-height: 1.4; border-top: 1px solid rgba(255,255,255,0.06); padding-top: 8px; }
:root.light .sbc-odds-ref-note { border-color: rgba(0,0,0,0.06); }


/* ================================================================
   PARLAYS AND MULTI-BETS PAGE (template-parts/pages/parlays-multi-bets.php)
   ================================================================ */

.sbc-par-progress-fill { background: linear-gradient(90deg, #f59e0b, #fbbf24) !important; }

/* Floating parlay numbers in hero */
.sbc-par-hero-deco { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.sbc-par-float-num {
  position: absolute; font-family: var(--font-mono); font-weight: 700;
  color: rgba(245,158,11,0.1); white-space: nowrap;
}

/* Hero layout */
.sbc-par-hero-inner {
  position: relative; z-index: 1; max-width: 1280px; margin: 0 auto;
  padding: 52px 40px 48px; display: grid;
  grid-template-columns: 1fr 360px; gap: 56px; align-items: start;
}
@media (max-width: 1100px) { .sbc-par-hero-inner { grid-template-columns: 1fr 300px; gap: 36px; padding: 40px 28px; } }
@media (max-width: 900px)  { .sbc-par-hero-inner { grid-template-columns: 1fr; padding: 32px 20px; } .sbc-par-hero-right { display: none; } }
.sbc-par-hero-title em { color: #fbbf24 !important; }
.sbc-par-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.sbc-par-cat-badge { color: #f59e0b !important; background: rgba(245,158,11,0.1) !important; border-color: rgba(245,158,11,0.2) !important; }
.sbc-par-tag { color: #f59e0b !important; background: rgba(245,158,11,0.1) !important; border-color: rgba(245,158,11,0.2) !important; }
.sbc-par-stats-card { border-color: rgba(245,158,11,0.15) !important; }
.sbc-par-stats-cta { border-color: rgba(245,158,11,0.25) !important; color: #f59e0b !important; }
.sbc-par-stats-cta:hover { background: rgba(245,158,11,0.08) !important; }

/* Calculation walkthrough */
.sbc-par-calc-walkthrough {
  background: rgba(245,158,11,0.04); border: 1px solid rgba(245,158,11,0.2);
  border-radius: 16px; padding: 20px; margin: 28px 0;
}
.sbc-par-calc-title {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  color: #f59e0b; margin-bottom: 18px;
}
.sbc-par-calc-steps { display: flex; flex-direction: column; gap: 0; }
.sbc-par-calc-step {
  display: flex; gap: 16px; align-items: flex-start;
  padding: 14px 0 14px 0; border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sbc-par-calc-step:last-child { border-bottom: none; }
:root.light .sbc-par-calc-step { border-color: rgba(0,0,0,0.06); }
.sbc-par-calc-step--result { background: rgba(245,158,11,0.06); border-radius: 8px; padding: 14px 12px; margin-top: 4px; }
.sbc-par-calc-step-num {
  width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0;
  background: rgba(245,158,11,0.15); color: #f59e0b;
  font-size: 13px; font-weight: 800; display: flex; align-items: center;
  justify-content: center;
}
.sbc-par-calc-step-body { flex: 1; min-width: 0; }
.sbc-par-calc-step-body strong { display: block; font-size: 14px; font-weight: 700; color: var(--color-text-primary); margin-bottom: 6px; }
.sbc-par-calc-math {
  font-size: 13px; font-family: var(--font-mono); color: var(--color-text-secondary);
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.sbc-par-calc-math strong { color: #f59e0b; font-size: 15px; }
.sbc-par-calc-formula {
  font-size: 11px; color: rgba(255,255,255,0.3); background: rgba(255,255,255,0.04);
  border-radius: 4px; padding: 2px 8px;
}
:root.light .sbc-par-calc-formula { color: rgba(0,0,0,0.35); background: rgba(0,0,0,0.04); }

/* Vig compounding bars */
.sbc-par-vig-compound {
  background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px; padding: 20px; margin: 28px 0;
}
:root.light .sbc-par-vig-compound { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
.sbc-par-vig-compound-hd { font-size: 12px; font-weight: 700; color: var(--color-text-secondary); letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 16px; }
.sbc-par-vig-bars { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.sbc-par-vig-bar-row { display: grid; grid-template-columns: 70px 1fr 52px; gap: 12px; align-items: center; }
.sbc-par-vig-bar-label { font-size: 12px; font-weight: 700; color: var(--color-text-secondary); }
.sbc-par-vig-bar-track { height: 10px; background: rgba(255,255,255,0.06); border-radius: 5px; overflow: hidden; }
:root.light .sbc-par-vig-bar-track { background: rgba(0,0,0,0.08); }
.sbc-par-vig-bar-fill { height: 100%; border-radius: 5px; transition: width 0.6s ease; }
.sbc-par-vig-bar-pct { font-size: 12px; font-weight: 800; font-family: var(--font-mono); text-align: right; }
.sbc-par-vig-compound-note { font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; margin: 0; border-top: 1px solid rgba(255,255,255,0.07); padding-top: 12px; }
:root.light .sbc-par-vig-compound-note { border-color: rgba(0,0,0,0.07); }

/* SGP comparison */
.sbc-par-sgp-comparison {
  border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
  overflow: hidden; margin: 24px 0;
}
:root.light .sbc-par-sgp-comparison { border-color: rgba(0,0,0,0.08); }
.sbc-par-sgp-hd {
  display: flex; align-items: center; gap: 8px; padding: 14px 20px;
  font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
  color: #f59e0b; background: rgba(245,158,11,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
:root.light .sbc-par-sgp-hd { border-color: rgba(0,0,0,0.07); }
.sbc-par-sgp-grid { display: grid; grid-template-columns: 1fr 60px 1fr; }
@media (max-width: 600px) { .sbc-par-sgp-grid { grid-template-columns: 1fr; } .sbc-par-sgp-divider { display: none; } }
.sbc-par-sgp-side { padding: 20px; }
.sbc-par-sgp-side--sgp { background: rgba(245,158,11,0.03); }
.sbc-par-sgp-side-label { font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #10b981; margin-bottom: 12px; }
.sbc-par-sgp-divider { display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 900; color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.02); }
:root.light .sbc-par-sgp-divider { color: rgba(0,0,0,0.2); }
.sbc-par-sgp-legs { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.sbc-par-sgp-leg { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--color-text-secondary); }
.sbc-par-sgp-leg i { color: #10b981; flex-shrink: 0; }
.sbc-par-sgp-stake { font-size: 12px; font-weight: 700; color: var(--color-text-secondary); margin-bottom: 6px; }
.sbc-par-sgp-returns { font-size: 14px; font-weight: 700; color: #10b981; margin-bottom: 8px; }
.sbc-par-sgp-note { font-size: 12px; color: var(--color-text-secondary); line-height: 1.5; }
.sbc-par-sgp-verdict { padding: 14px 20px; font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; background: rgba(255,255,255,0.02); border-top: 1px solid rgba(255,255,255,0.07); }
:root.light .sbc-par-sgp-verdict { border-color: rgba(0,0,0,0.07); }

/* Teaser box */
.sbc-par-teaser-box {
  border: 1px solid rgba(16,185,129,0.2); border-radius: 14px;
  background: rgba(16,185,129,0.04); padding: 20px; margin: 28px 0;
}
.sbc-par-teaser-hd {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 800; color: #10b981; margin-bottom: 12px;
}
.sbc-par-teaser-box > p { font-size: 14px; color: var(--color-text-secondary); line-height: 1.65; margin: 0 0 16px; }
.sbc-par-teaser-rules { display: flex; flex-direction: column; gap: 8px; margin-bottom: 4px; }
.sbc-par-teaser-rule { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--color-text-secondary); }
.sbc-par-teaser-rule i { flex-shrink: 0; margin-top: 1px; }


/* ── Nav anti-bunching: prevent items wrapping at intermediate viewports ── */
/* The nav is already hidden on mobile (md:flex) — this targets 768-1200px gap */
@media (min-width: 768px) and (max-width: 1199px) {
  /* Shrink nav link font and gap as viewport narrows */
  nav.hidden.md\\:flex,
  nav[class*="md:flex"] {
    gap: 10px !important;
    flex-wrap: nowrap !important;
    overflow: visible;
  }
  .sbc-primary-nav-link {
    font-size: 11px !important;
    white-space: nowrap;
  }
  /* Shrink the right-side icons area */
  .sbc-search-kbd { display: none !important; } /* hide ⌘K text at mid-width */
  .sbc-ab-counter {
    padding: 5px 9px 5px 8px !important;
    gap: 6px !important;
  }
  .sbc-ab-counter-val { font-size: 12px !important; }
  .sbc-ab-counter-badge { font-size: 7px !important; padding: 1px 4px !important; }
}
@media (min-width: 768px) and (max-width: 900px) {
  /* Very tight — hide the AGLC counter entirely, show only icon buttons */
  .sbc-ab-counter { display: none !important; }
  nav.hidden.md\\:flex,
  nav[class*="md:flex"] { gap: 8px !important; }
  .sbc-primary-nav-link { font-size: 10.5px !important; }
}


/* ================================================================
   AGLC STANDARDS EXPLORER (page-aglc-standards-explorer.php)
   ================================================================ */

/* ── Base layout ── */
.sbc-exp-main {
  background: #070a0f;
  min-height: 100vh;
  font-family: 'Outfit', sans-serif;
}

/* ── Hero ── */
.sbc-exp-hero {
  position: relative;
  padding: 64px 0 52px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  background: linear-gradient(180deg, #0a0f1a 0%, #070a0f 100%);
}
.sbc-exp-hero-noise {
  position: absolute; inset: 0; pointer-events: none; opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}
.sbc-exp-hero-grid {
  position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(59,130,246,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(59,130,246,0.03) 1px, transparent 1px);
  background-size: 40px 40px;
}
.sbc-exp-hero-inner { max-width: 1320px; margin: 0 auto; padding: 0 32px; }
.sbc-exp-breadcrumb {
  display: flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.35);
  letter-spacing: 0.04em; margin-bottom: 20px;
}
.sbc-exp-breadcrumb a { color: rgba(255,255,255,0.35); text-decoration: none; }
.sbc-exp-breadcrumb a:hover { color: rgba(255,255,255,0.7); }
.sbc-exp-breadcrumb span:not(:last-child) { opacity: 0.4; }
.sbc-exp-hero-label {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
  color: #f59e0b; background: rgba(245,158,11,0.08);
  border: 1px solid rgba(245,158,11,0.2); border-radius: 100px;
  padding: 4px 14px; margin-bottom: 16px;
}
.sbc-exp-pulse-dot {
  width: 6px; height: 6px; border-radius: 50%; background: #f59e0b; flex-shrink: 0;
  animation: sbc-exp-pulse 2s ease-in-out infinite;
}
@keyframes sbc-exp-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(245,158,11,0.5); }
  50%      { box-shadow: 0 0 0 5px rgba(245,158,11,0); }
}
.sbc-exp-hero-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(42px, 6vw, 72px);
  font-weight: 900; color: #fff; line-height: 0.95;
  letter-spacing: -0.01em; margin: 0 0 16px; text-transform: uppercase;
}
.sbc-exp-hero-title em { color: #f59e0b; font-style: normal; }
.sbc-exp-hero-desc {
  font-size: 16px; color: rgba(255,255,255,0.5); line-height: 1.65;
  max-width: 600px; margin: 0 0 32px;
}
.sbc-exp-stats {
  display: flex; align-items: center; gap: 0;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px; padding: 18px 24px; width: fit-content;
}
.sbc-exp-stat { text-align: center; padding: 0 24px; }
.sbc-exp-stat:first-child { padding-left: 0; }
.sbc-exp-stat:last-child  { padding-right: 0; }
.sbc-exp-stat-val { display: block; font-size: 26px; font-weight: 900; color: #fff; line-height: 1; margin-bottom: 4px; font-family: 'Barlow Condensed', sans-serif; }
.sbc-exp-stat-lbl { display: block; font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.35); letter-spacing: 0.04em; white-space: nowrap; }
.sbc-exp-stat-div { width: 1px; height: 36px; background: rgba(255,255,255,0.08); flex-shrink: 0; }
@media (max-width: 640px) {
  .sbc-exp-stats { flex-wrap: wrap; gap: 16px; }
  .sbc-exp-stat-div { display: none; }
  .sbc-exp-stat { padding: 0 12px; }
}

/* ── Shell (sidebar + content) ── */
.sbc-exp-shell {
  display: grid; grid-template-columns: 280px 1fr;
  max-width: 1320px; margin: 0 auto; padding: 32px;
  gap: 24px; align-items: start;
}
@media (max-width: 1000px) { .sbc-exp-shell { grid-template-columns: 240px 1fr; padding: 20px; } }
@media (max-width: 768px)  { .sbc-exp-shell { grid-template-columns: 1fr; } }

/* ── Sidebar ── */
.sbc-exp-sidebar { position: sticky; top: 80px; }
.sbc-exp-sidebar-inner { display: flex; flex-direction: column; gap: 16px; }

/* Search */
.sbc-exp-search-wrap {
  position: relative;
}
.sbc-exp-search-icon {
  position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
  width: 14px; height: 14px; color: rgba(255,255,255,0.3); pointer-events: none;
}
.sbc-exp-search {
  width: 100%; padding: 10px 36px 10px 36px;
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px; color: #fff; font-size: 13px; font-family: inherit;
  outline: none; transition: border-color 0.15s, background 0.15s;
  box-sizing: border-box;
}
.sbc-exp-search::placeholder { color: rgba(255,255,255,0.3); }
.sbc-exp-search:focus { border-color: rgba(245,158,11,0.5); background: rgba(255,255,255,0.06); }
.sbc-exp-search-clear {
  position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
  cursor: pointer; font-size: 11px; color: rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.08); border: none; border-radius: 4px;
  padding: 2px 6px; line-height: 1.5;
}
.sbc-exp-search-clear:hover { color: #fff; background: rgba(255,255,255,0.15); }

/* Filter groups */
.sbc-exp-filter-group {
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px; padding: 14px;
}
.sbc-exp-filter-label {
  font-size: 9px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.3); margin-bottom: 10px;
}
.sbc-exp-filter-btn {
  display: flex; align-items: center; gap: 7px; width: 100%;
  padding: 8px 10px; border-radius: 8px; border: 1px solid transparent;
  background: transparent; color: rgba(255,255,255,0.5); font-size: 12px;
  font-weight: 600; font-family: inherit; cursor: pointer; text-align: left;
  transition: all 0.15s; margin-bottom: 3px;
}
.sbc-exp-filter-btn:last-child { margin-bottom: 0; }
.sbc-exp-filter-btn:hover { background: rgba(255,255,255,0.05); color: #fff; }
.sbc-exp-filter-btn--active { background: rgba(245,158,11,0.1) !important; border-color: rgba(245,158,11,0.25) !important; color: #f59e0b !important; }
.sbc-exp-filter-count {
  margin-left: auto; font-size: 10px; font-weight: 800;
  background: rgba(255,255,255,0.08); border-radius: 20px;
  padding: 1px 7px; color: rgba(255,255,255,0.5); font-family: 'Barlow Condensed', sans-serif;
}
.sbc-exp-filter-btn--active .sbc-exp-filter-count { background: rgba(245,158,11,0.2); color: #f59e0b; }

/* Chapter buttons */
.sbc-exp-chapter-btn {
  display: flex; align-items: center; gap: 8px; width: 100%;
  padding: 8px 10px; border-radius: 8px; border: 1px solid transparent;
  background: transparent; color: rgba(255,255,255,0.5); font-size: 12px;
  font-weight: 600; font-family: inherit; cursor: pointer; text-align: left;
  transition: all 0.15s; margin-bottom: 3px;
}
.sbc-exp-chapter-btn:hover { background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.85); }
.sbc-exp-chapter-btn--active { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.1) !important; color: #fff !important; }
.sbc-exp-chapter-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.sbc-exp-chapter-count { margin-left: auto; font-size: 10px; color: rgba(255,255,255,0.3); font-family: 'Barlow Condensed', sans-serif; font-weight: 800; }

/* Overlap card */
.sbc-exp-overlap-card {
  background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.15);
  border-radius: 12px; padding: 14px;
}
.sbc-exp-overlap-title { font-size: 9px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.3); margin-bottom: 10px; }
.sbc-exp-overlap-gauge { height: 6px; background: rgba(255,255,255,0.08); border-radius: 3px; overflow: hidden; margin-bottom: 8px; }
.sbc-exp-overlap-fill { height: 100%; background: linear-gradient(90deg, #10b981, #34d399); border-radius: 3px; }
.sbc-exp-overlap-labels { display: flex; justify-content: space-between; font-size: 11px; font-weight: 700; margin-bottom: 8px; }
.sbc-exp-overlap-labels span:last-child { color: rgba(255,255,255,0.4); }
.sbc-exp-overlap-note { font-size: 11px; color: rgba(255,255,255,0.4); line-height: 1.5; margin: 0; }

/* Chapter breakdown */
.sbc-exp-chapter-breakdown { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px; }
.sbc-exp-ch-row { display: grid; grid-template-columns: 80px 1fr 36px; gap: 8px; align-items: center; margin-bottom: 8px; }
.sbc-exp-ch-row:last-child { margin-bottom: 0; }
.sbc-exp-ch-name { font-size: 10px; font-weight: 800; }
.sbc-exp-ch-bar-wrap { height: 5px; background: rgba(255,255,255,0.06); border-radius: 3px; overflow: hidden; }
.sbc-exp-ch-bar { height: 100%; border-radius: 3px; }
.sbc-exp-ch-pct { font-size: 10px; font-weight: 700; color: rgba(255,255,255,0.4); text-align: right; font-family: 'Barlow Condensed', sans-serif; }

/* ── Content area ── */
.sbc-exp-content { min-width: 0; }
.sbc-exp-results-hd {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 16px; background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; margin-bottom: 16px;
  font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.5);
}
.sbc-exp-view-btns { display: flex; gap: 4px; }
.sbc-exp-view-btn {
  width: 30px; height: 30px; border-radius: 7px; border: 1px solid rgba(255,255,255,0.1);
  background: transparent; color: rgba(255,255,255,0.35); cursor: pointer;
  display: flex; align-items: center; justify-content: center; transition: all 0.15s;
}
.sbc-exp-view-btn:hover { background: rgba(255,255,255,0.06); color: #fff; }
.sbc-exp-view-btn--active { background: rgba(245,158,11,0.12); border-color: rgba(245,158,11,0.3); color: #f59e0b; }

/* ── List ── */
.sbc-exp-list { display: flex; flex-direction: column; gap: 0; }

/* Section headers */
.sbc-exp-section-hd {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 20px 0 12px; margin-top: 8px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.sbc-exp-section-hd:first-child { border-top: none; margin-top: 0; }
.sbc-exp-section-ref {
  font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 900;
  min-width: 52px; line-height: 1;
}
.sbc-exp-section-title {
  font-size: 15px; font-weight: 800; color: #fff; margin: 0 0 6px; line-height: 1.3;
}
.sbc-exp-section-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.sbc-exp-section-chapter {
  font-size: 10px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
  padding: 2px 8px; border-radius: 20px;
}
.sbc-exp-section-count { font-size: 11px; color: rgba(255,255,255,0.3); font-weight: 600; }
.sbc-exp-section-tag {
  font-size: 10px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
  padding: 2px 8px; border-radius: 20px;
}
.sbc-exp-section-tag--shared { background: rgba(16,185,129,0.1); color: #10b981; }
.sbc-exp-section-tag--unique { background: rgba(245,158,11,0.1); color: #f59e0b; }

/* ── Requirement cards ── */
.sbc-exp-card {
  display: grid; grid-template-columns: 68px 1fr 20px;
  gap: 14px; padding: 14px 16px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.02);
  margin-bottom: 6px; cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  position: relative;
}
.sbc-exp-card:hover {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.12);
}
.sbc-exp-card--shared { border-left: 3px solid rgba(16,185,129,0.4); }
.sbc-exp-card--unique { border-left: 3px solid rgba(245,158,11,0.4); }
.sbc-exp-card--expanded .sbc-exp-card-text { -webkit-line-clamp: unset !important; overflow: visible !important; display: block !important; }
.sbc-exp-card--expanded { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.15); }

/* Compact view */
.sbc-exp-list--compact .sbc-exp-card { padding: 9px 14px; margin-bottom: 3px; }
.sbc-exp-list--compact .sbc-exp-card-text { -webkit-line-clamp: 1 !important; }
.sbc-exp-list--compact .sbc-exp-card-agco { display: none; }
.sbc-exp-list--compact .sbc-exp-section-hd { padding: 14px 0 8px; }

.sbc-exp-card-ref-col { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding-top: 1px; }
.sbc-exp-card-ref {
  font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 900;
  line-height: 1; white-space: nowrap;
}
.sbc-exp-card-new-badge {
  font-size: 8px; font-weight: 900; letter-spacing: 0.1em;
  background: rgba(245,158,11,0.15); color: #f59e0b;
  border: 1px solid rgba(245,158,11,0.3); border-radius: 4px;
  padding: 1px 5px; white-space: nowrap;
}
.sbc-exp-card-body { min-width: 0; }
.sbc-exp-card-text {
  font-size: 13px; color: rgba(255,255,255,0.7); line-height: 1.6; margin: 0 0 8px;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
}
.sbc-exp-card-agco {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700; color: rgba(16,185,129,0.8);
  background: rgba(16,185,129,0.07); border: 1px solid rgba(16,185,129,0.15);
  border-radius: 6px; padding: 3px 9px;
}
.sbc-exp-card-agco i { flex-shrink: 0; }
.sbc-exp-card-agco span { color: rgba(255,255,255,0.4); font-weight: 600; }
.sbc-exp-card-agco strong { color: #10b981; }
.sbc-exp-card-agco--none { color: rgba(245,158,11,0.7); background: rgba(245,158,11,0.06); border-color: rgba(245,158,11,0.15); }
.sbc-exp-card-agco--none i { color: #f59e0b; }
.sbc-exp-card-agco--none span { color: rgba(245,158,11,0.6); }

.sbc-exp-card-status { display: flex; align-items: flex-start; padding-top: 3px; }
.sbc-exp-status-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.sbc-exp-status-dot--shared { background: #10b981; box-shadow: 0 0 6px rgba(16,185,129,0.4); }
.sbc-exp-status-dot--unique { background: #f59e0b; box-shadow: 0 0 6px rgba(245,158,11,0.4); }

/* Empty state */
.sbc-exp-empty {
  display: flex; flex-direction: column; align-items: center; gap: 14px;
  padding: 64px 32px; color: rgba(255,255,255,0.3); text-align: center;
}
.sbc-exp-empty i { color: rgba(255,255,255,0.15); }
.sbc-exp-empty p { font-size: 15px; margin: 0; }
.sbc-exp-reset-btn {
  font-size: 13px; font-weight: 700; color: #f59e0b; background: rgba(245,158,11,0.1);
  border: 1px solid rgba(245,158,11,0.3); border-radius: 8px; padding: 8px 20px;
  cursor: pointer; font-family: inherit; transition: all 0.15s;
}
.sbc-exp-reset-btn:hover { background: rgba(245,158,11,0.2); }

/* Mobile sidebar collapse */
@media (max-width: 768px) {
  .sbc-exp-hero-inner { padding: 0 20px; }
  .sbc-exp-shell { padding: 16px; gap: 16px; }
  .sbc-exp-sidebar { position: static; }
  .sbc-exp-card { grid-template-columns: 56px 1fr 16px; gap: 10px; padding: 12px 12px; }
  .sbc-exp-card-ref { font-size: 13px; }
  .sbc-exp-card-text { -webkit-line-clamp: 2; }
  .sbc-exp-section-hd { gap: 10px; }
  .sbc-exp-section-ref { font-size: 16px; min-width: 40px; }
}


/* ── AGLC Standards Explorer promo card (on aglc-igaming-regulations page) ── */
.sbc-aglc-explorer-promo {
  display: grid; grid-template-columns: 1fr 280px; gap: 32px;
  align-items: center; padding: 28px; border-radius: 16px;
  background: rgba(245,158,11,0.05);
  border: 1px solid rgba(245,158,11,0.2);
  position: relative; overflow: hidden;
}
.sbc-aglc-explorer-promo::before {
  content: ''; position: absolute; top: -60px; right: -60px;
  width: 200px; height: 200px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,158,11,0.08) 0%, transparent 70%);
  pointer-events: none;
}
@media (max-width: 700px) { .sbc-aglc-explorer-promo { grid-template-columns: 1fr; } }
.sbc-aglc-explorer-promo-label {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;
  color: #f59e0b; margin-bottom: 10px;
}
.sbc-aglc-explorer-promo-title { font-family: 'Barlow Condensed', sans-serif; font-size: 26px; font-weight: 900; color: #fff; margin: 0 0 8px; }
.sbc-aglc-explorer-promo-desc { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.6; margin: 0 0 14px; }
.sbc-aglc-explorer-promo-stats { display: flex; gap: 20px; }
.sbc-aglc-explorer-promo-stats div { display: flex; flex-direction: column; gap: 2px; }
.sbc-aglc-explorer-promo-stats strong { font-size: 20px; font-weight: 900; font-family: 'Barlow Condensed', sans-serif; color: #fff; }
.sbc-aglc-explorer-promo-stats span { font-size: 10px; color: rgba(255,255,255,0.4); font-weight: 600; }
.sbc-aglc-explorer-promo-right { display: flex; flex-direction: column; gap: 12px; }
.sbc-aglc-explorer-promo-btn {
  display: flex; align-items: center; gap: 10px; justify-content: center;
  padding: 14px 20px; border-radius: 10px;
  background: #f59e0b; color: #000; font-weight: 800; font-size: 14px;
  text-decoration: none; letter-spacing: 0.02em; transition: background 0.15s;
}
.sbc-aglc-explorer-promo-btn:hover { background: #fbbf24; }
.sbc-aglc-explorer-promo-right > p { font-size: 11px; color: rgba(255,255,255,0.35); text-align: center; margin: 0; line-height: 1.5; }


/* ================================================================
   LIVE BETTING STRATEGY (template-parts/pages/live-betting-strategy.php)
   ================================================================ */

.sbc-live-progress-fill { background: linear-gradient(90deg, #ef4444, #f87171) !important; }
.sbc-live-hero-deco { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.sbc-live-float-tag {
  position: absolute; font-family: 'Barlow Condensed', sans-serif; font-weight: 900;
  letter-spacing: 0.12em; color: rgba(239,68,68,0.08); white-space: nowrap; text-transform: uppercase;
}
.sbc-live-hero-inner {
  position: relative; z-index: 1; max-width: 1280px; margin: 0 auto;
  padding: 52px 40px 48px; display: grid; grid-template-columns: 1fr 360px;
  gap: 56px; align-items: start;
}
@media (max-width: 1100px) { .sbc-live-hero-inner { grid-template-columns: 1fr 300px; gap: 36px; padding: 40px 28px; } }
@media (max-width: 900px)  { .sbc-live-hero-inner { grid-template-columns: 1fr; padding: 32px 20px; } .sbc-live-hero-right { display: none; } }
.sbc-live-hero-title em  { color: #f87171 !important; }
.sbc-live-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.sbc-live-cat-badge { color: #ef4444 !important; background: rgba(239,68,68,0.1) !important; border-color: rgba(239,68,68,0.2) !important; }
.sbc-live-tag       { color: #ef4444 !important; background: rgba(239,68,68,0.1) !important; border-color: rgba(239,68,68,0.2) !important; }
.sbc-live-stats-card { border-color: rgba(239,68,68,0.15) !important; }
.sbc-live-stats-cta  { border-color: rgba(239,68,68,0.25) !important; color: #ef4444 !important; }
.sbc-live-stats-cta:hover { background: rgba(239,68,68,0.08) !important; }

/* Live engine */
.sbc-live-engine {
  background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px; padding: 20px; margin: 24px 0;
}
.sbc-live-engine-hd { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 16px; }
.sbc-live-engine-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 640px) { .sbc-live-engine-grid { grid-template-columns: 1fr; } }
.sbc-live-engine-col-label { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 12px; }
.sbc-live-engine-item { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.sbc-live-engine-item:last-child { border-bottom: none; }
.sbc-live-engine-item strong { display: block; font-size: 13px; font-weight: 700; color: var(--color-text-primary); margin-bottom: 3px; }
.sbc-live-engine-item span { font-size: 12px; color: var(--color-text-secondary); line-height: 1.5; }

/* Six best spots */
.sbc-live-spots-list { display: flex; flex-direction: column; gap: 16px; margin: 24px 0; }
.sbc-live-spot-card {
  border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
  background: rgba(255,255,255,0.02); padding: 20px;
  transition: border-color 0.15s;
}
.sbc-live-spot-card:hover { border-color: rgba(255,255,255,0.14); }
.sbc-live-spot-header { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 12px; }
.sbc-live-spot-num {
  font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 900;
  border: 2px solid; border-radius: 8px; min-width: 48px; height: 48px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-live-spot-meta { flex: 1; min-width: 0; }
.sbc-live-spot-sport {
  display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: 0.08em;
  text-transform: uppercase; padding: 2px 10px; border-radius: 20px; margin-bottom: 6px;
}
.sbc-live-spot-title { font-size: 15px; font-weight: 800; color: var(--color-text-primary); margin: 0; }
.sbc-live-spot-body { font-size: 13px; color: var(--color-text-secondary); line-height: 1.65; margin: 0 0 14px; }
.sbc-live-spot-footer { display: flex; flex-direction: column; gap: 6px; border-top: 1px solid rgba(255,255,255,0.07); padding-top: 12px; }
.sbc-live-spot-signal, .sbc-live-spot-books {
  display: flex; align-items: flex-start; gap: 7px; font-size: 12px; font-weight: 700; line-height: 1.4;
}
.sbc-live-spot-signal { color: #ef4444; }
.sbc-live-spot-books  { color: rgba(255,255,255,0.4); }
.sbc-live-spot-signal i, .sbc-live-spot-books i { flex-shrink: 0; margin-top: 1px; }

/* Sports grid */
.sbc-live-sports-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0; }
@media (max-width: 640px) { .sbc-live-sports-grid { grid-template-columns: 1fr; } }
.sbc-live-sport-card {
  padding: 18px; border-radius: 12px; border-top: 3px solid;
  border-left: 1px solid rgba(255,255,255,0.08);
  border-right: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
  display: flex; flex-direction: column; gap: 10px;
}
.sbc-live-sport-name { font-size: 14px; font-weight: 900; font-family: 'Barlow Condensed', sans-serif; letter-spacing: 0.04em; text-transform: uppercase; }
.sbc-live-sport-row { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: var(--color-text-secondary); line-height: 1.5; }
.sbc-live-sport-row strong { color: var(--color-text-primary); }


/* ================================================================
   BANKROLL MANAGEMENT (template-parts/pages/bankroll-management.php)
   ================================================================ */

.sbc-br-progress-fill { background: linear-gradient(90deg, #059669, #10b981) !important; }
.sbc-br-hero-deco { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.sbc-br-float-num {
  position: absolute; font-family: 'Barlow Condensed', sans-serif; font-weight: 900;
  letter-spacing: 0.08em; color: rgba(16,185,129,0.08); white-space: nowrap;
}
.sbc-br-hero-inner {
  position: relative; z-index: 1; max-width: 1280px; margin: 0 auto;
  padding: 52px 40px 48px; display: grid; grid-template-columns: 1fr 360px;
  gap: 56px; align-items: start;
}
@media (max-width: 1100px) { .sbc-br-hero-inner { grid-template-columns: 1fr 300px; gap: 36px; padding: 40px 28px; } }
@media (max-width: 900px)  { .sbc-br-hero-inner { grid-template-columns: 1fr; padding: 32px 20px; } .sbc-br-hero-right { display: none; } }
.sbc-br-hero-title em { color: #10b981 !important; }
.sbc-br-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.sbc-br-cat-badge { color: #10b981 !important; background: rgba(16,185,129,0.1) !important; border-color: rgba(16,185,129,0.2) !important; }
.sbc-br-tag        { color: #10b981 !important; background: rgba(16,185,129,0.1) !important; border-color: rgba(16,185,129,0.2) !important; }
.sbc-br-stats-card { border-color: rgba(16,185,129,0.15) !important; }
.sbc-br-stats-cta  { border-color: rgba(16,185,129,0.25) !important; color: #10b981 !important; }
.sbc-br-stats-cta:hover { background: rgba(16,185,129,0.08) !important; }

/* Unit explainer */
.sbc-br-unit-explainer {
  background: rgba(16,185,129,0.04); border: 1px solid rgba(16,185,129,0.15);
  border-radius: 14px; padding: 20px; margin: 24px 0;
}
.sbc-br-unit-title { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #10b981; margin-bottom: 16px; }
.sbc-br-unit-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 14px; }
@media (max-width: 700px) { .sbc-br-unit-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 500px) { .sbc-br-unit-grid { grid-template-columns: repeat(2, 1fr); } }
.sbc-br-unit-col { }
.sbc-br-unit-bankroll { font-size: 13px; font-weight: 900; color: var(--color-text-primary); margin-bottom: 8px; font-family: 'Barlow Condensed', sans-serif; }
.sbc-br-unit-rows { display: flex; flex-direction: column; gap: 4px; }
.sbc-br-unit-row { display: flex; justify-content: space-between; font-size: 11px; padding: 4px 7px; border-radius: 5px; background: rgba(255,255,255,0.03); }
.sbc-br-unit-row span { color: rgba(255,255,255,0.4); }
.sbc-br-unit-row strong { color: var(--color-text-primary); }
.sbc-br-unit-row--highlight { background: rgba(16,185,129,0.08) !important; }
.sbc-br-unit-row--danger    { background: rgba(239,68,68,0.06) !important; }
.sbc-br-unit-note { font-size: 12px; color: rgba(255,255,255,0.4); line-height: 1.55; margin: 0; border-top: 1px solid rgba(255,255,255,0.07); padding-top: 12px; }

/* Variance simulation */
.sbc-br-var-sim {
  background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px; padding: 18px; margin: 24px 0;
}
.sbc-br-var-sim-hd { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; color: var(--color-text-secondary); letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 14px; }
.sbc-br-var-sim-hd i { color: #10b981; }
.sbc-br-var-sim-chart { }
.sbc-br-var-bars { display: flex; align-items: flex-end; gap: 2px; height: 80px; }
.sbc-br-var-bar { flex: 1; border-radius: 2px 2px 0 0; min-height: 3px; }
.sbc-br-var-labels { display: flex; justify-content: space-between; font-size: 10px; color: rgba(255,255,255,0.25); margin-top: 4px; }
.sbc-br-var-sim-stats { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 10px; font-size: 12px; color: var(--color-text-secondary); border-top: 1px solid rgba(255,255,255,0.07); padding-top: 10px; }
.sbc-br-var-sim-stats strong { color: var(--color-text-primary); }

/* Build steps */
.sbc-br-build-steps { display: flex; flex-direction: column; margin: 24px 0; }
.sbc-br-build-step {
  display: flex; gap: 16px; align-items: flex-start;
  padding: 0 0 24px 48px; border-left: 2px solid rgba(255,255,255,0.08);
  margin-left: 18px; position: relative;
}
.sbc-br-build-step:last-child { border-left-color: transparent; }
.sbc-br-build-num {
  position: absolute; left: -19px; top: 0;
  width: 36px; height: 36px; border-radius: 50%; border: 2px solid;
  font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  background: #070a0f; flex-shrink: 0;
}
.sbc-br-build-body strong { display: block; font-size: 14px; font-weight: 700; color: var(--color-text-primary); margin-bottom: 6px; line-height: 1.4; }
.sbc-br-build-body p { font-size: 13px; color: var(--color-text-secondary); line-height: 1.65; margin: 0; }

/* Track grid */
.sbc-br-track-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 24px 0; }
@media (max-width: 640px) { .sbc-br-track-grid { grid-template-columns: 1fr; } }
.sbc-br-track-item {
  display: flex; flex-direction: column; gap: 3px; padding: 12px 14px;
  border-radius: 10px; background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
}
.sbc-br-track-field { font-size: 13px; font-weight: 800; }
.sbc-br-track-why   { font-size: 12px; color: var(--color-text-secondary); line-height: 1.45; }


/* ================================================================
   LIGHT MODE: AGLC STANDARDS PAGE + STANDARDS EXPLORER
   ================================================================ */

/* ── Stat pills (visible on AGLC page hero) ── */
html.light .sbc-hub-stat-pill {
  background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08);
}
html.light .sbc-hub-stat-pill-lbl { color: rgba(0,0,0,0.45); }

/* ── Hub chips on AGLC igaming standards page ── */
html.light .sbc-hub-chip {
  background: rgba(16,185,129,0.06); border-color: rgba(16,185,129,0.2);
  color: rgba(0,0,0,0.55);
}
html.light .sbc-hub-chip i,
html.light .sbc-hub-chip svg { color: #059669; }

/* ── Hub book cards on AGLC page ── */
html.light .sbc-hub-book-card {
  background: #fff; border-color: rgba(0,0,0,0.08);
}
html.light .sbc-hub-book-card:hover { border-color: rgba(0,0,0,0.15); }
html.light .sbc-hub-book-best  { color: #b45309; }
html.light .sbc-hub-book-province-note { color: rgba(0,0,0,0.5); }

/* ── Explorer promo card on AGLC page (light mode) ── */
html.light .sbc-aglc-explorer-promo {
  background: rgba(245,158,11,0.04); border-color: rgba(245,158,11,0.2);
}
html.light .sbc-aglc-explorer-promo-desc { color: rgba(0,0,0,0.5); }
html.light .sbc-aglc-explorer-promo-stats strong { color: #0d1117; }
html.light .sbc-aglc-explorer-promo-stats span  { color: rgba(0,0,0,0.4); }
html.light .sbc-aglc-explorer-promo-right > p   { color: rgba(0,0,0,0.4); }

/* ================================================================
   LIGHT MODE: STANDARDS EXPLORER PAGE (full override)
   ================================================================ */
html.light .sbc-exp-main     { background: #f0f2f5; }
html.light .sbc-exp-hero     { background: linear-gradient(180deg, #f4f5f7 0%, #f0f2f5 100%); border-color: rgba(0,0,0,0.07); }
html.light .sbc-exp-hero-grid {
  background-image: linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px);
}
html.light .sbc-exp-breadcrumb,
html.light .sbc-exp-breadcrumb a { color: rgba(0,0,0,0.4); }
html.light .sbc-exp-hero-title  { color: #0d1117; }
html.light .sbc-exp-hero-title em { color: #b45309; }
html.light .sbc-exp-hero-desc   { color: rgba(0,0,0,0.55); }
html.light .sbc-exp-stats {
  background: #fff; border-color: rgba(0,0,0,0.08);
}
html.light .sbc-exp-stat-val   { color: #0d1117; }
html.light .sbc-exp-stat-lbl   { color: rgba(0,0,0,0.4); }
html.light .sbc-exp-stat-div   { background: rgba(0,0,0,0.08); }

/* Sidebar */
html.light .sbc-exp-filter-group,
html.light .sbc-exp-chapter-breakdown { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-exp-filter-label { color: rgba(0,0,0,0.35); }
html.light .sbc-exp-filter-btn   { color: rgba(0,0,0,0.5); }
html.light .sbc-exp-filter-btn:hover { background: rgba(0,0,0,0.04); color: #0d1117; }
html.light .sbc-exp-filter-btn--active { background: rgba(245,158,11,0.08) !important; border-color: rgba(245,158,11,0.3) !important; color: #b45309 !important; }
html.light .sbc-exp-filter-count { background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.4); }
html.light .sbc-exp-filter-btn--active .sbc-exp-filter-count { background: rgba(245,158,11,0.15); color: #b45309; }
html.light .sbc-exp-chapter-btn  { color: rgba(0,0,0,0.5); }
html.light .sbc-exp-chapter-btn:hover { background: rgba(0,0,0,0.04); color: #0d1117; }
html.light .sbc-exp-chapter-btn--active { background: rgba(0,0,0,0.05) !important; border-color: rgba(0,0,0,0.1) !important; color: #0d1117 !important; }
html.light .sbc-exp-chapter-count { color: rgba(0,0,0,0.3); }
html.light .sbc-exp-overlap-card { background: rgba(16,185,129,0.04); border-color: rgba(16,185,129,0.15); }
html.light .sbc-exp-overlap-gauge { background: rgba(0,0,0,0.08); }
html.light .sbc-exp-overlap-labels span:last-child { color: rgba(0,0,0,0.4); }
html.light .sbc-exp-overlap-note { color: rgba(0,0,0,0.45); }
html.light .sbc-exp-ch-bar-wrap  { background: rgba(0,0,0,0.08); }
html.light .sbc-exp-ch-pct       { color: rgba(0,0,0,0.35); }

/* Search */
html.light .sbc-exp-search {
  background: #fff; border-color: rgba(0,0,0,0.12); color: #0d1117;
}
html.light .sbc-exp-search::placeholder { color: rgba(0,0,0,0.35); }
html.light .sbc-exp-search:focus { border-color: rgba(245,158,11,0.5); }
html.light .sbc-exp-search-icon  { color: rgba(0,0,0,0.3); }
html.light .sbc-exp-search-clear { color: rgba(0,0,0,0.4); background: rgba(0,0,0,0.06); }

/* Results header */
html.light .sbc-exp-results-hd { background: #fff; border-color: rgba(0,0,0,0.08); color: rgba(0,0,0,0.5); }
html.light .sbc-exp-view-btn   { border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.4); }
html.light .sbc-exp-view-btn:hover { background: rgba(0,0,0,0.05); color: #0d1117; }
html.light .sbc-exp-view-btn--active { background: rgba(245,158,11,0.1); border-color: rgba(245,158,11,0.3); color: #b45309; }

/* Section headers */
html.light .sbc-exp-section-title { color: #0d1117; }
html.light .sbc-exp-section-count { color: rgba(0,0,0,0.35); }

/* Cards */
html.light .sbc-exp-card {
  background: #fff; border-color: rgba(0,0,0,0.07);
}
html.light .sbc-exp-card:hover { background: #fafafa; border-color: rgba(0,0,0,0.12); }
html.light .sbc-exp-card--expanded { background: #fafafa; border-color: rgba(0,0,0,0.14); }
html.light .sbc-exp-card-text { color: rgba(0,0,0,0.65); }
html.light .sbc-exp-card-agco { background: rgba(5,150,105,0.06); border-color: rgba(5,150,105,0.15); color: #059669; }
html.light .sbc-exp-card-agco span   { color: rgba(0,0,0,0.45); }
html.light .sbc-exp-card-agco strong { color: #059669; }
html.light .sbc-exp-card-agco--none  { background: rgba(180,83,9,0.06); border-color: rgba(180,83,9,0.15); color: #b45309; }
html.light .sbc-exp-card-agco--none span { color: rgba(180,83,9,0.7); }

/* Empty state */
html.light .sbc-exp-empty { color: rgba(0,0,0,0.3); }
html.light .sbc-exp-reset-btn { color: #b45309; background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.25); }


/* ── AGLC page light mode: promo title + secondary CTA button ── */
html.light .sbc-aglc-explorer-promo-title { color: #0d1117; }
html.light .sbc-hub-cta-secondary {
  background: rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.15);
  color: rgba(0,0,0,0.7);
}
html.light .sbc-hub-cta-secondary:hover {
  background: rgba(0,0,0,0.09);
  color: #0d1117;
}


/* ================================================================
   HOMEPAGE SHOWDOWN TEASER SECTION
   ================================================================ */

.sbc-hp-showdown-teaser {
  position: relative; overflow: hidden;
  padding: 48px 0;
  background: linear-gradient(135deg, #070a0f 0%, #0a0f1a 50%, #070a0f 100%);
  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.sbc-hp-showdown-teaser::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 60% 80% at 70% 50%, rgba(16,185,129,0.06) 0%, transparent 60%),
    radial-gradient(ellipse 40% 60% at 30% 50%, rgba(59,130,246,0.04) 0%, transparent 60%);
}
.sbc-hp-showdown-teaser-inner {
  max-width: 1200px; margin: 0 auto; padding: 0 32px;
  display: grid; grid-template-columns: 1fr 520px;
  gap: 48px; align-items: center; position: relative; z-index: 1;
}
@media (max-width: 960px) { .sbc-hp-showdown-teaser-inner { grid-template-columns: 1fr; gap: 32px; } }
@media (max-width: 640px) { .sbc-hp-showdown-teaser-inner { padding: 0 20px; } }

/* Copy side */
.sbc-hp-showdown-teaser-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.5); margin-bottom: 14px;
}
.sbc-hp-showdown-vs-pip {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%;
  background: linear-gradient(135deg, #10b981, #3b82f6);
  font-size: 9px; font-weight: 900; color: #fff; letter-spacing: 0.05em;
  box-shadow: 0 0 14px rgba(16,185,129,0.35);
  animation: sbc-hp-vs-pulse 2.5s ease-in-out infinite;
}
@keyframes sbc-hp-vs-pulse {
  0%,100% { box-shadow: 0 0 14px rgba(16,185,129,0.35); }
  50%      { box-shadow: 0 0 24px rgba(59,130,246,0.5); }
}
.sbc-hp-showdown-teaser-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(36px, 4vw, 52px); font-weight: 900;
  color: #fff; line-height: 0.95; letter-spacing: -0.01em;
  text-transform: uppercase; margin: 0 0 16px;
}
.sbc-hp-showdown-teaser-title em {
  background: linear-gradient(90deg, #10b981, #3b82f6);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text; font-style: normal;
}
.sbc-hp-showdown-teaser-desc {
  font-size: 15px; color: rgba(255,255,255,0.5); line-height: 1.65; margin: 0 0 24px; max-width: 420px;
}
.sbc-hp-showdown-teaser-cta {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 24px; border-radius: 100px;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff; font-weight: 800; font-size: 14px; letter-spacing: 0.04em;
  text-decoration: none; text-transform: uppercase;
  box-shadow: 0 0 24px rgba(16,185,129,0.3);
  transition: box-shadow 0.2s, transform 0.15s;
}
.sbc-hp-showdown-teaser-cta:hover { box-shadow: 0 0 36px rgba(16,185,129,0.5); transform: translateY(-1px); }

/* Card side */
.sbc-hp-showdown-teaser-card-wrap { position: relative; }

.sbc-hp-sd-card {
  display: block; text-decoration: none;
  background: #0d1117; border: 1px solid rgba(255,255,255,0.1);
  border-radius: 18px; padding: 20px 24px 16px;
  position: relative; overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 32px rgba(0,0,0,0.4), 0 0 0 1px rgba(16,185,129,0.05);
}
.sbc-hp-sd-card:hover {
  border-color: rgba(16,185,129,0.3);
  box-shadow: 0 8px 48px rgba(0,0,0,0.5), 0 0 0 1px rgba(16,185,129,0.15);
}
.sbc-hp-sd-card::before {
  content: ''; position: absolute; inset: 0; border-radius: 18px; pointer-events: none;
  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(16,185,129,0.06) 0%, transparent 60%);
}

/* Badge */
.sbc-hp-sd-card-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
  color: #f59e0b; background: rgba(245,158,11,0.1);
  border: 1px solid rgba(245,158,11,0.2); border-radius: 20px;
  padding: 3px 10px; margin-bottom: 14px;
}

/* Header: two books flanking VS */
.sbc-hp-sd-card-header {
  display: grid; grid-template-columns: 1fr 44px 1fr;
  gap: 0; align-items: center; margin-bottom: 16px;
}
.sbc-hp-sd-book { display: flex; align-items: center; gap: 10px; }
.sbc-hp-sd-book--right { flex-direction: row-reverse; }
.sbc-hp-sd-logo {
  width: 52px; height: 52px; border-radius: 12px; flex-shrink: 0;
  overflow: hidden; display: flex; align-items: center; justify-content: center;
  position: relative;
}
.sbc-hp-sd-logo img { width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.sbc-hp-sd-logo span { font-size: 18px; font-weight: 900; color: #10b981; }
.sbc-hp-sd-crown { position: absolute; top: -5px; right: -3px; font-size: 14px; }
.sbc-hp-sd-book-info { min-width: 0; }
.sbc-hp-sd-book--right .sbc-hp-sd-book-info { text-align: right; }
.sbc-hp-sd-book-name {
  display: block; font-size: 13px; font-weight: 800; color: #fff;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 3px;
}
.sbc-hp-sd-rating { display: flex; align-items: center; gap: 4px; flex-wrap: nowrap; }
.sbc-hp-sd-book--right .sbc-hp-sd-rating { flex-direction: row-reverse; }
.sbc-hp-sd-rating strong { font-size: 12px; font-weight: 800; color: rgba(255,255,255,0.8); }
.sbc-hp-sd-stars { display: flex; gap: 1px; }
.sbc-hp-sd-stars .on  { color: #f59e0b; font-size: 10px; }
.sbc-hp-sd-stars .off { color: rgba(255,255,255,0.15); font-size: 10px; }
.sbc-hp-sd-vs {
  display: flex; align-items: center; justify-content: center;
  font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 900;
  background: linear-gradient(135deg, #10b981, #3b82f6);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text; letter-spacing: 0.05em;
}

/* Clash bar */
.sbc-hp-sd-bar-wrap {
  padding: 8px 0 6px; position: relative;
}
.sbc-hp-sd-bar {
  height: 12px; border-radius: 6px; display: flex;
  overflow: visible; position: relative; background: rgba(255,255,255,0.06);
}
.sbc-hp-sd-bar-a {
  height: 100%; border-radius: 6px 0 0 6px;
  background: linear-gradient(90deg, #047857, #10b981);
  transition: width 0.05s linear;
}
.sbc-hp-sd-bar-b {
  height: 100%; border-radius: 0 6px 6px 0;
  background: linear-gradient(90deg, #3b82f6, #1d4ed8);
  transition: width 0.05s linear;
}

/* Footer */
.sbc-hp-sd-footer {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 12px; padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.06);
  font-size: 12px;
}
.sbc-hp-sd-verdict {
  display: flex; align-items: center; gap: 5px;
  font-weight: 700; color: rgba(255,255,255,0.5);
}
.sbc-hp-sd-verdict i { color: #f59e0b; }
.sbc-hp-sd-cta {
  display: flex; align-items: center; gap: 5px;
  font-weight: 800; color: #10b981; letter-spacing: 0.03em;
  transition: gap 0.15s;
}
.sbc-hp-sd-card:hover .sbc-hp-sd-cta { gap: 8px; }

/* Light mode */
html.light .sbc-hp-showdown-teaser {
  background: linear-gradient(135deg, #f0f4f8 0%, #e8f0f9 50%, #f0f4f8 100%);
  border-color: rgba(0,0,0,0.07);
}
html.light .sbc-hp-showdown-teaser::before {
  background: radial-gradient(ellipse 60% 80% at 70% 50%, rgba(5,150,105,0.05) 0%, transparent 60%),
              radial-gradient(ellipse 40% 60% at 30% 50%, rgba(59,130,246,0.04) 0%, transparent 60%);
}
html.light .sbc-hp-showdown-teaser-eyebrow { color: rgba(0,0,0,0.45); }
html.light .sbc-hp-showdown-teaser-title   { color: #0d1117; }
html.light .sbc-hp-showdown-teaser-desc    { color: rgba(0,0,0,0.55); }
html.light .sbc-hp-sd-card { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-hp-sd-book-name { color: #0d1117; }
html.light .sbc-hp-sd-rating strong { color: rgba(0,0,0,0.7); }
html.light .sbc-hp-sd-stars .off { color: rgba(0,0,0,0.12); }
html.light .sbc-hp-sd-bar { background: rgba(0,0,0,0.06); }
html.light .sbc-hp-sd-footer { border-color: rgba(0,0,0,0.06); }
html.light .sbc-hp-sd-verdict { color: rgba(0,0,0,0.45); }


/* ================================================================
   INTERAC SPORTSBOOKS CANADA (page-interac-sportsbooks-canada.php)
   ================================================================ */

/* Progress bar */
.sbc-int-progress-fill { background: linear-gradient(90deg, #FFD100, #00A651) !important; }

/* Hero */
.sbc-int-hero-deco { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.sbc-int-hero-card {
  position: absolute; border-radius: 16px;
  border: 1px solid rgba(255,215,0,0.15);
  background: linear-gradient(135deg, rgba(255,215,0,0.04) 0%, rgba(0,166,81,0.04) 100%);
}
.sbc-int-hero-card--1 { width: 140px; height: 90px; right: 8%; top: 12%; transform: rotate(-8deg); }
.sbc-int-hero-card--2 { width: 110px; height: 70px; right: 18%; top: 45%; transform: rotate(5deg); opacity: 0.7; }
.sbc-int-hero-card--3 { width: 160px; height: 100px; right: 4%; top: 58%; transform: rotate(-3deg); opacity: 0.5; }

.sbc-int-hero-inner {
  position: relative; z-index: 1; max-width: 1280px; margin: 0 auto;
  padding: 52px 40px 48px; display: grid; grid-template-columns: 1fr 360px;
  gap: 56px; align-items: start;
}
@media (max-width: 1100px) { .sbc-int-hero-inner { grid-template-columns: 1fr 300px; gap: 36px; padding: 40px 28px; } }
@media (max-width: 900px)  { .sbc-int-hero-inner { grid-template-columns: 1fr; padding: 32px 20px; } .sbc-int-hero-right { display: none; } }

.sbc-int-hero-title em    { color: #FFD100 !important; }
.sbc-int-hero-ctas        { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.sbc-int-cat-badge        { color: #b45309 !important; background: rgba(255,215,0,0.1) !important; border-color: rgba(255,215,0,0.25) !important; }
.sbc-int-canada-badge     { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.5); letter-spacing: 0.04em; }
.sbc-int-tag              { color: #00A651 !important; background: rgba(0,166,81,0.1) !important; border-color: rgba(0,166,81,0.2) !important; }
.sbc-int-stats-card       { border-color: rgba(0,166,81,0.2) !important; }
.sbc-int-stats-cta        { border-color: rgba(0,166,81,0.25) !important; color: #00A651 !important; }
.sbc-int-stats-cta:hover  { background: rgba(0,166,81,0.08) !important; }

/* Body wrap */
.sbc-int-body-wrap { max-width: 1280px !important; }

/* ── Book cards ── */
.sbc-int-books-grid { display: flex; flex-direction: column; gap: 16px; margin: 24px 0; }

.sbc-int-book-card {
  border: 1px solid rgba(255,255,255,0.08); border-radius: 16px;
  background: rgba(255,255,255,0.02); padding: 20px 24px;
  position: relative; transition: border-color 0.15s, background 0.15s;
}
.sbc-int-book-card:hover { border-color: rgba(0,166,81,0.3); background: rgba(0,166,81,0.03); }
.sbc-int-book-card--top  { border-color: rgba(0,166,81,0.25); background: rgba(0,166,81,0.04); }

.sbc-int-book-rank {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 3px 10px; border-radius: 20px; border: 1px solid;
  margin-bottom: 14px;
}

/* Header row: logo + title block + score */
.sbc-int-book-header {
  display: grid; grid-template-columns: 64px 1fr auto;
  gap: 16px; align-items: flex-start; margin-bottom: 14px;
}
@media (max-width: 560px) { .sbc-int-book-header { grid-template-columns: 52px 1fr; } .sbc-int-book-score-wrap { display: none; } }

.sbc-int-book-logo {
  width: 64px; height: 44px; border-radius: 10px; overflow: hidden; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: #0d1117; border: 1px solid rgba(255,255,255,0.08);
}
.sbc-int-book-logo--white { background: #fff; }
.sbc-int-book-logo img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.sbc-int-book-logo span { font-size: 20px; font-weight: 900; color: #10b981; }

.sbc-int-book-title-block { min-width: 0; }
.sbc-int-book-name  { font-size: 16px; font-weight: 900; color: var(--color-text-primary); margin: 0 0 3px; }
.sbc-int-book-best  { font-size: 11px; font-weight: 700; color: #FFD100; display: block; margin-bottom: 7px; }

.sbc-int-book-payment-badges { display: flex; flex-wrap: wrap; gap: 5px; }
.sbc-int-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
  padding: 3px 9px; border-radius: 20px; border: 1px solid;
}
.sbc-int-badge--deposit  { color: #00A651; background: rgba(0,166,81,0.08); border-color: rgba(0,166,81,0.2); }
.sbc-int-badge--withdraw { color: #3b82f6; background: rgba(59,130,246,0.08); border-color: rgba(59,130,246,0.2); }

.sbc-int-book-score-wrap { text-align: center; flex-shrink: 0; }
.sbc-int-book-score { display: block; font-family: 'Barlow Condensed', sans-serif; font-size: 28px; font-weight: 900; color: var(--color-text-primary); line-height: 1; }
.sbc-int-book-stars { display: flex; gap: 1px; justify-content: center; margin-top: 3px; }
.sbc-int-book-stars .sbc-nhl-star     { color: rgba(255,255,255,0.15); font-size: 11px; }
.sbc-int-book-stars .sbc-nhl-star--on { color: #FFD100 !important; font-size: 11px; }

/* Speed row */
.sbc-int-book-speeds {
  display: flex; align-items: center; gap: 0;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px; padding: 10px 16px; margin-bottom: 14px;
}
.sbc-int-book-speed {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; padding: 0 12px;
}
.sbc-int-book-speed i       { color: #00A651; margin-bottom: 1px; }
.sbc-int-book-speed span    { font-size: 10px; color: rgba(255,255,255,0.4); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; white-space: nowrap; }
.sbc-int-book-speed strong  { font-size: 13px; font-weight: 800; color: var(--color-text-primary); white-space: nowrap; }
.sbc-int-book-speed-div     { width: 1px; height: 32px; background: rgba(255,255,255,0.08); flex-shrink: 0; }
@media (max-width: 560px) { .sbc-int-book-speeds { flex-wrap: wrap; gap: 10px; } .sbc-int-book-speed-div { display: none; } }

.sbc-int-book-note  { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.65; margin: 0 0 14px; }

/* Chips */
.sbc-int-book-chips { margin-bottom: 16px; }
.sbc-int-chips-wrap { display: flex; flex-wrap: wrap; gap: 6px; }
.sbc-int-chip {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.6);
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px; padding: 4px 10px;
}

/* Actions */
.sbc-int-book-actions { display: flex; gap: 10px; }
.sbc-int-book-review-btn {
  flex: 1; padding: 11px 16px; border-radius: 10px; text-align: center;
  font-size: 13px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.7); text-decoration: none;
  transition: background 0.15s, color 0.15s;
}
.sbc-int-book-review-btn:hover { background: rgba(255,255,255,0.09); color: #fff; }
.sbc-int-book-visit-btn {
  flex: 1.5; padding: 11px 16px; border-radius: 10px;
  font-size: 13px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
  background: #FFD100; color: #000; border: none; cursor: pointer;
  font-family: inherit; transition: background 0.15s;
  text-decoration: none; display: flex; align-items: center; justify-content: center;
  text-align: center;
}
.sbc-int-book-visit-btn:hover { background: #ffe033; color: #000; }

/* Why grid */
.sbc-int-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; }
@media (max-width: 900px) { .sbc-int-why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .sbc-int-why-grid { grid-template-columns: 1fr; } }
.sbc-int-why-card { padding: 20px; border-radius: 14px; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.02); }
.sbc-int-why-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.sbc-int-why-card h3 { font-size: 14px; font-weight: 800; color: var(--color-text-primary); margin: 0 0 8px; }
.sbc-int-why-card p  { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.65; margin: 0; }

/* Steps */
.sbc-int-steps { display: flex; flex-direction: column; margin: 24px 0; }
.sbc-int-step {
  display: flex; gap: 16px; align-items: flex-start;
  padding: 0 0 24px 48px; border-left: 2px solid rgba(255,255,255,0.08);
  margin-left: 18px; position: relative;
}
.sbc-int-step:last-child { border-left-color: transparent; }
.sbc-int-step-num {
  position: absolute; left: -19px; top: 0;
  width: 36px; height: 36px; border-radius: 50%; border: 2px solid;
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  background: #070a0f; flex-shrink: 0;
}
.sbc-int-step-body strong { display: block; font-size: 14px; font-weight: 700; color: var(--color-text-primary); margin-bottom: 6px; line-height: 1.4; }
.sbc-int-step-body p { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.65; margin: 0; }

/* FAQ */
.sbc-int-faq-list { display: flex; flex-direction: column; gap: 2px; margin: 24px 0; }
.sbc-int-faq-item { border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; overflow: hidden; background: rgba(255,255,255,0.02); }
.sbc-int-faq-q {
  display: flex; align-items: flex-start; gap: 10px; padding: 16px 18px;
  font-size: 14px; font-weight: 700; color: var(--color-text-primary); line-height: 1.45;
  cursor: pointer;
}
.sbc-int-faq-q i { color: #00A651; flex-shrink: 0; margin-top: 2px; }
.sbc-int-faq-a { padding: 0 18px 16px 42px; font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.65; }

/* Sidebar */
.sbc-int-sidebar-facts { border-color: rgba(0,166,81,0.15) !important; }

/* Light mode */
html.light .sbc-int-hero-card    { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.02); }
html.light .sbc-int-hero-title   { color: #0d1117; }
html.light .sbc-int-hero-title em { color: #b45309 !important; }
html.light .sbc-int-canada-badge  { color: rgba(0,0,0,0.45); }
html.light .sbc-int-book-card     { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-int-book-card:hover { background: #f9fffe; border-color: rgba(0,166,81,0.2); }
html.light .sbc-int-book-card--top { background: rgba(0,166,81,0.03); border-color: rgba(0,166,81,0.2); }
html.light .sbc-int-book-logo     { background: #f5f5f5; border-color: rgba(0,0,0,0.1); }
html.light .sbc-int-book-logo--white { background: #fff; }
html.light .sbc-int-book-name     { color: #0d1117; }
html.light .sbc-int-book-score    { color: #0d1117; }
html.light .sbc-int-book-stars .sbc-nhl-star { color: rgba(0,0,0,0.15); }
html.light .sbc-int-book-speeds   { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.07); }
html.light .sbc-int-book-speed span    { color: rgba(0,0,0,0.4); }
html.light .sbc-int-book-speed strong  { color: #0d1117; }
html.light .sbc-int-book-speed-div     { background: rgba(0,0,0,0.08); }
html.light .sbc-int-book-note     { color: rgba(0,0,0,0.55); }
html.light .sbc-int-chip          { color: rgba(0,0,0,0.55); background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); }
html.light .sbc-int-book-review-btn { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.65); }
html.light .sbc-int-why-card      { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-int-why-card h3   { color: #0d1117; }
html.light .sbc-int-why-card p    { color: rgba(0,0,0,0.55); }
html.light .sbc-int-step-body strong { color: #0d1117; }
html.light .sbc-int-step-body p   { color: rgba(0,0,0,0.55); }
html.light .sbc-int-faq-item      { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-int-faq-q         { color: #0d1117; }
html.light .sbc-int-faq-a         { color: rgba(0,0,0,0.55); }


/* ── Homepage Interac quick-link strip ── */
.sbc-hp-interac-strip {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px 20px; border-radius: 12px; margin-bottom: 40px;
  background: rgba(255,215,0,0.06); border: 1px solid rgba(255,215,0,0.15);
  flex-wrap: wrap;
}
.sbc-hp-interac-strip-left {
  display: flex; align-items: center; gap: 12px;
  font-size: 13px; color: rgba(255,255,255,0.65); line-height: 1.5;
}
.sbc-hp-interac-strip-left strong { color: #FFD100; }
.sbc-hp-interac-strip-cta {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
  color: #FFD100; white-space: nowrap; text-decoration: none;
  padding: 8px 16px; border-radius: 8px;
  background: rgba(255,215,0,0.1); border: 1px solid rgba(255,215,0,0.25);
  transition: background 0.15s;
}
.sbc-hp-interac-strip-cta:hover { background: rgba(255,215,0,0.18); }
html.light .sbc-hp-interac-strip { background: rgba(180,83,9,0.05); border-color: rgba(180,83,9,0.15); }
html.light .sbc-hp-interac-strip-left { color: rgba(0,0,0,0.6); }
html.light .sbc-hp-interac-strip-left strong { color: #92400e; }
html.light .sbc-hp-interac-strip-cta { color: #92400e; background: rgba(180,83,9,0.08); border-color: rgba(180,83,9,0.2); }


/* ── Interac book card: licence pill ── */
.sbc-int-lic-pill {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase;
  padding: 2px 8px; border-radius: 20px; border: 1px solid;
  margin-bottom: 5px; width: fit-content;
}


/* ================================================================
   SPORTS BETTING TAX CANADA (page-sports-betting-tax-canada.php)
   ================================================================ */

.sbc-tax-progress-fill { background: linear-gradient(90deg, #1e3a5f, #3b82f6) !important; }

/* Hero */
.sbc-tax-hero-deco  { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.sbc-tax-float {
  position: absolute; font-family: 'Barlow Condensed', sans-serif; font-weight: 900;
  letter-spacing: 0.1em; color: rgba(59,130,246,0.07); white-space: nowrap;
}
.sbc-tax-hero-inner {
  position: relative; z-index: 1; max-width: 1280px; margin: 0 auto;
  padding: 52px 40px 48px; display: grid; grid-template-columns: 1fr 360px;
  gap: 56px; align-items: start;
}
@media (max-width: 1100px) { .sbc-tax-hero-inner { grid-template-columns: 1fr 300px; gap: 36px; padding: 40px 28px; } }
@media (max-width: 900px)  { .sbc-tax-hero-inner { grid-template-columns: 1fr; padding: 32px 20px; } .sbc-tax-hero-right { display: none; } }
.sbc-tax-hero-title em   { color: #60a5fa !important; }
.sbc-tax-hero-ctas       { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.sbc-tax-cat-badge       { color: #3b82f6 !important; background: rgba(59,130,246,0.1) !important; border-color: rgba(59,130,246,0.2) !important; }
.sbc-tax-tag             { color: #3b82f6 !important; background: rgba(59,130,246,0.1) !important; border-color: rgba(59,130,246,0.2) !important; }
.sbc-tax-stats-card      { border-color: rgba(59,130,246,0.15) !important; }
.sbc-tax-stats-cta       { border-color: rgba(59,130,246,0.25) !important; color: #60a5fa !important; }
.sbc-tax-stats-cta:hover { background: rgba(59,130,246,0.08) !important; }

/* Lead paragraph */
.sbc-tax-lead { font-size: 16px; color: rgba(255,255,255,0.7); line-height: 1.75; margin: 0 0 28px; }
.sbc-tax-lead em { font-style: italic; color: #60a5fa; font-weight: 600; }

/* Rule cards */
.sbc-tax-rule-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }
@media (max-width: 640px) { .sbc-tax-rule-cards { grid-template-columns: 1fr; } }
.sbc-tax-rule-card {
  display: flex; gap: 14px; padding: 18px 20px; border-radius: 14px;
  border: 1px solid; background: rgba(255,255,255,0.02);
}
.sbc-tax-rule-card--safe   { border-color: rgba(34,197,94,0.2);  background: rgba(34,197,94,0.04);  }
.sbc-tax-rule-card--caution{ border-color: rgba(245,158,11,0.2); background: rgba(245,158,11,0.04); }
.sbc-tax-rule-icon { flex-shrink: 0; margin-top: 2px; }
.sbc-tax-rule-card--safe   .sbc-tax-rule-icon { color: #22c55e; }
.sbc-tax-rule-card--caution .sbc-tax-rule-icon { color: #f59e0b; }
.sbc-tax-rule-card h3 { font-size: 14px; font-weight: 800; color: var(--color-text-primary); margin: 0 0 6px; }
.sbc-tax-rule-card p  { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.6; margin: 0; }

/* Factor grid */
.sbc-tax-factor-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 24px 0; }
@media (max-width: 700px) { .sbc-tax-factor-grid { grid-template-columns: 1fr; } }
.sbc-tax-factor-card {
  padding: 18px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
.sbc-tax-factor-weight {
  font-size: 9px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
  color: #3b82f6; margin-bottom: 7px;
}
.sbc-tax-factor-card h3 { font-size: 13px; font-weight: 800; color: var(--color-text-primary); margin: 0 0 10px; line-height: 1.4; }
.sbc-tax-factor-row {
  display: flex; align-items: flex-start; gap: 8px; font-size: 12px; line-height: 1.5; margin-bottom: 6px;
}
.sbc-tax-factor-row:last-child { margin-bottom: 0; }
.sbc-tax-factor-row i { flex-shrink: 0; margin-top: 1px; }
.sbc-tax-factor-row--safe i { color: #22c55e; }
.sbc-tax-factor-row--risk i { color: #ef4444; }
.sbc-tax-factor-row--safe span { color: rgba(255,255,255,0.55); }
.sbc-tax-factor-row--risk span { color: rgba(255,255,255,0.55); }

/* CRA source grid */
.sbc-tax-source-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 24px 0; }
@media (max-width: 700px) { .sbc-tax-source-grid { grid-template-columns: 1fr; } }
.sbc-tax-source-card { padding: 18px; border-radius: 12px; border: 1px solid rgba(59,130,246,0.15); background: rgba(59,130,246,0.04); }
.sbc-tax-source-label { font-size: 9px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #60a5fa; margin-bottom: 7px; }
.sbc-tax-source-card h3 { font-size: 13px; font-weight: 800; color: var(--color-text-primary); margin: 0 0 8px; line-height: 1.4; }
.sbc-tax-source-card p  { font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.65; margin: 0; }

/* Steps */
.sbc-tax-steps { display: flex; flex-direction: column; margin: 24px 0; }
.sbc-tax-step {
  display: flex; gap: 16px; align-items: flex-start;
  padding: 0 0 24px 48px; border-left: 2px solid rgba(255,255,255,0.08);
  margin-left: 18px; position: relative;
}
.sbc-tax-step:last-child { border-left-color: transparent; }
.sbc-tax-step-num {
  position: absolute; left: -19px; top: 0;
  width: 36px; height: 36px; border-radius: 50%; border: 2px solid;
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  background: #070a0f; flex-shrink: 0;
}
.sbc-tax-step-body strong { display: block; font-size: 14px; font-weight: 700; color: var(--color-text-primary); margin-bottom: 6px; line-height: 1.4; }
.sbc-tax-step-body p { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.65; margin: 0; }

/* Scenarios */
.sbc-tax-scenarios { display: flex; flex-direction: column; gap: 14px; margin: 24px 0; }
.sbc-tax-scenario {
  padding: 20px; border-radius: 14px; border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
.sbc-tax-scenario-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.sbc-tax-scenario-label  { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.sbc-tax-scenario-status {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  padding: 3px 10px; border-radius: 20px; border: 1px solid;
}
.sbc-tax-scenario h3 { font-size: 14px; font-weight: 800; color: var(--color-text-primary); margin: 0 0 7px; }
.sbc-tax-scenario-desc { font-size: 13px; color: rgba(255,255,255,0.6); line-height: 1.6; margin: 0 0 12px; }
.sbc-tax-scenario-reason {
  display: flex; align-items: flex-start; gap: 8px; font-size: 12px; font-weight: 600;
  color: rgba(255,255,255,0.4); line-height: 1.5; border-top: 1px solid rgba(255,255,255,0.07); padding-top: 12px;
}
.sbc-tax-scenario-reason i { flex-shrink: 0; margin-top: 1px; color: #60a5fa; }

/* Disclaimer */
.sbc-tax-disclaimer {
  display: flex; gap: 18px; align-items: flex-start;
  padding: 24px; border-radius: 16px; margin: 32px 0 24px;
  background: rgba(239,68,68,0.04); border: 1px solid rgba(239,68,68,0.2);
}
.sbc-tax-disclaimer-icon { flex-shrink: 0; color: #ef4444; margin-top: 2px; }
.sbc-tax-disclaimer-body h3 { font-size: 15px; font-weight: 800; color: #ef4444; margin: 0 0 10px; }
.sbc-tax-disclaimer-body p { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.7; margin: 0 0 10px; }
.sbc-tax-disclaimer-body p:last-child { margin: 0; }
.sbc-tax-disclaimer-body strong { color: rgba(255,255,255,0.8); }

/* Sidebar verdict */
.sbc-tax-sidebar-verdict {
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px; padding: 14px; margin-bottom: 0;
}
.sbc-tax-sidebar-verdict-title { font-size: 9px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.3); margin-bottom: 10px; }
.sbc-tax-verdict-item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgba(255,255,255,0.55); margin-bottom: 7px; }
.sbc-tax-verdict-item strong { color: var(--color-text-primary); }
.sbc-tax-verdict-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.sbc-tax-verdict-note { font-size: 11px; color: rgba(255,255,255,0.3); line-height: 1.5; margin: 10px 0 0; border-top: 1px solid rgba(255,255,255,0.07); padding-top: 10px; }

/* Light mode */
html.light .sbc-tax-hero-title   { color: #0d1117; }
html.light .sbc-tax-hero-title em { color: #1d4ed8 !important; }
html.light .sbc-tax-lead          { color: rgba(0,0,0,0.65); }
html.light .sbc-tax-rule-card--safe   { background: rgba(34,197,94,0.04); border-color: rgba(34,197,94,0.2); }
html.light .sbc-tax-rule-card--caution { background: rgba(245,158,11,0.04); border-color: rgba(245,158,11,0.2); }
html.light .sbc-tax-rule-card h3  { color: #0d1117; }
html.light .sbc-tax-rule-card p   { color: rgba(0,0,0,0.55); }
html.light .sbc-tax-factor-card   { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-tax-factor-card h3 { color: #0d1117; }
html.light .sbc-tax-factor-row span { color: rgba(0,0,0,0.55); }
html.light .sbc-tax-source-card   { background: rgba(59,130,246,0.03); border-color: rgba(59,130,246,0.12); }
html.light .sbc-tax-source-card h3 { color: #0d1117; }
html.light .sbc-tax-source-card p  { color: rgba(0,0,0,0.5); }
html.light .sbc-tax-step-body strong { color: #0d1117; }
html.light .sbc-tax-step-body p   { color: rgba(0,0,0,0.55); }
html.light .sbc-tax-scenario      { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-tax-scenario h3   { color: #0d1117; }
html.light .sbc-tax-scenario-desc { color: rgba(0,0,0,0.6); }
html.light .sbc-tax-scenario-reason { color: rgba(0,0,0,0.4); border-color: rgba(0,0,0,0.06); }
html.light .sbc-tax-disclaimer    { background: rgba(239,68,68,0.03); }
html.light .sbc-tax-disclaimer-body p { color: rgba(0,0,0,0.55); }
html.light .sbc-tax-disclaimer-body strong { color: #0d1117; }
html.light .sbc-tax-sidebar-verdict { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-tax-verdict-item  { color: rgba(0,0,0,0.55); }
html.light .sbc-tax-verdict-item strong { color: #0d1117; }
html.light .sbc-tax-verdict-note  { color: rgba(0,0,0,0.35); border-color: rgba(0,0,0,0.07); }


/* ================================================================
   BC SPORTS BETTING HUB (page-bc-sports-betting.php)
   ================================================================ */

.sbc-hub-main--bc {
  --hub-accent:        #0ea5e9;
  --hub-accent-dim:    rgba(14,165,233,0.12);
  --hub-accent-border: rgba(14,165,233,0.25);
}

/* Progress bar */
.sbc-hub-bc-progress { background: linear-gradient(90deg, #0284c7, #38bdf8) !important; }

/* Mountain silhouette in hero */
.sbc-hub-bc-mountains {
  position: absolute; bottom: 0; left: 0; right: 0; height: 60%;
  pointer-events: none; overflow: hidden;
  color: #0ea5e9;
}
.sbc-hub-bc-mountains svg { width: 100%; height: 100%; }

/* BC province badge */
.sbc-hub-bc-badge { color: #38bdf8 !important; }

/* PlayNow vs Offshore comparison grid */
.sbc-hub-bc-compare-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0;
}
@media (max-width: 700px) { .sbc-hub-bc-compare-grid { grid-template-columns: 1fr; } }

.sbc-hub-bc-compare-col {
  border-radius: 14px; overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
}
.sbc-hub-bc-compare-col--playnow { border-color: rgba(255,255,255,0.06); }
.sbc-hub-bc-compare-col--offshore { border-color: rgba(14,165,233,0.2); }

.sbc-hub-bc-compare-header {
  padding: 14px 16px; background: rgba(255,255,255,0.04);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.sbc-hub-bc-compare-col--offshore .sbc-hub-bc-compare-header {
  background: rgba(14,165,233,0.08); border-color: rgba(14,165,233,0.15);
}
.sbc-hub-bc-compare-name { font-size: 13px; font-weight: 800; color: var(--color-text-primary); }
.sbc-hub-bc-compare-sub  { font-size: 11px; color: rgba(255,255,255,0.4); margin-top: 2px; }

.sbc-hub-bc-compare-row {
  display: grid; grid-template-columns: 110px 1fr;
  gap: 8px; padding: 9px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  align-items: baseline;
}
.sbc-hub-bc-compare-row:last-child { border-bottom: none; }
.sbc-hub-bc-compare-label { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.4); }
.sbc-hub-bc-compare-val   { font-size: 12px; font-weight: 800; }
.sbc-hub-bc-compare-note  { font-size: 11px; color: rgba(255,255,255,0.35); grid-column: 2; margin-top: -4px; }
.sbc-hub-bc-good { color: #10b981; }
.sbc-hub-bc-bad  { color: #f59e0b; }

/* BC sports team cards */
.sbc-hub-bc-sports-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0;
}
@media (max-width: 640px) { .sbc-hub-bc-sports-grid { grid-template-columns: 1fr; } }
.sbc-hub-bc-sport-card {
  padding: 18px; border-radius: 12px;
  border-top: 3px solid; border-left: 1px solid rgba(255,255,255,0.08);
  border-right: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
.sbc-hub-bc-sport-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.sbc-hub-bc-sport-icon {
  width: 40px; height: 40px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.sbc-hub-bc-sport-team   { font-size: 15px; font-weight: 900; color: var(--color-text-primary); }
.sbc-hub-bc-sport-league { font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.sbc-hub-bc-sport-body   { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.65; margin: 0 0 12px; }
.sbc-hub-bc-sport-rec {
  display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700;
  color: #0ea5e9; border-top: 1px solid rgba(255,255,255,0.07); padding-top: 10px;
}

/* Light mode */
html.light .sbc-hub-main--bc { background: #f0f6fa; }
html.light .sbc-hub-bc-compare-col { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-hub-bc-compare-col--offshore { border-color: rgba(14,165,233,0.2); }
html.light .sbc-hub-bc-compare-header { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.07); }
html.light .sbc-hub-bc-compare-col--offshore .sbc-hub-bc-compare-header { background: rgba(14,165,233,0.06); }
html.light .sbc-hub-bc-compare-name { color: #0d1117; }
html.light .sbc-hub-bc-compare-label { color: rgba(0,0,0,0.45); }
html.light .sbc-hub-bc-compare-note  { color: rgba(0,0,0,0.35); }
html.light .sbc-hub-bc-compare-row   { border-color: rgba(0,0,0,0.05); }
html.light .sbc-hub-bc-sport-card    { background: #fff; border-color: rgba(0,0,0,0.08); }
html.light .sbc-hub-bc-sport-team    { color: #0d1117; }
html.light .sbc-hub-bc-sport-body    { color: rgba(0,0,0,0.55); }
html.light .sbc-hub-bc-sport-rec     { border-color: rgba(0,0,0,0.07); }


/* ══════════════════════════════════════════════════════════════
   BARLOW WEIGHT SOFTENING — v1.1.95
   Problem: 900-weight Barlow Condensed reads as tabloid-dense.
   Fix: step down 900→800, 800→700 across all Barlow elements.
        Loosen the tightest letter-spacing slightly.
   Revert: delete this block. No other files touched.
══════════════════════════════════════════════════════════════ */

/* Step 900 → 800 on hero titles and primary display elements only */
[class*="sbc-"][class*="-hero-title"],
[class*="sbc-"][class*="-headline"],
[class*="sbc-"][class*="-stat-val"],
[class*="sbc-"][class*="-num"],
[class*="sbc-"][class*="-score"],
[class*="sbc-"][class*="-kpi-val"],
[class*="sbc-"][class*="-snap-val"],
[class*="sbc-"][class*="-tile-val"],
[class*="sbc-"][class*="-rating-num"],
[class*="sbc-"][class*="-gauge-num"],
.sbc-vp-headline,
.font-display {
  font-weight: 800 !important;
}

/* Step 900/800 → 700 on all section titles and h2 headings */
[class*="sbc-"][class*="-title"],
[class*="sbc-"][class*="-section-title"],
[class*="sbc-"][class*="-section-hd"] h2,
[class*="sbc-"][class*="-section-hd"] h3,
[class*="sbc-"] h2,
[class*="sbc-"] h3 {
  font-weight: 700 !important;
}

/* Step down → 600 on card titles, sportsbook names, podcast titles */
[class*="sbc-"][class*="-card-title"],
[class*="sbc-"][class*="-rc-title"],
[class*="sbc-"][class*="-report-card-title"],
[class*="sbc-"][class*="-review-title"],
[class*="sbc-"][class*="-book-title"],
[class*="sbc-"][class*="-sr-book-title"],
[class*="sbc-"][class*="-pod-title"],
[class*="sbc-"][class*="-entry-title"],
[class*="sbc-"][class*="-article-title"],
[class*="sbc-"][class*="-post-title"] {
  font-weight: 600 !important;
}

/* Relax the tightest letter-spacing on uppercase label elements
   (0.12em+ was compressing short-cap labels to illegibility) */
[class*="sbc-"][class*="-badge"],
[class*="sbc-"][class*="-cat-badge"],
[class*="sbc-"][class*="-section-tag"],
[class*="sbc-"][class*="-eyebrow"],
[class*="sbc-"][class*="-label"] {
  letter-spacing: 0.08em !important;
}

/* ── END BARLOW WEIGHT SOFTENING ── */


/* ══════════════════════════════════════════════════════════════
   CLOSED BRAND SYSTEM — v1.2.1
   Activated by: sbc_is_closed checkbox in WP review editor
   ─────────────────────────────────────────────────────────────
   Components:
   1. .sbc-ranked-card--closed  — archive card overlay + stamp
   2. .sbc-sr-closed-banner     — single review alert banner
   3. .sbc-closed-sidebar-badge — sidebar/widget demote badge
══════════════════════════════════════════════════════════════ */

/* ── 1. Archive card closed overlay ─────────────────────────── */
.sbc-ranked-card--closed {
  position: relative;
  opacity: 0.72;
}
.sbc-ranked-card--closed::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(220, 38, 38, 0.08);
  border: 1px solid rgba(220, 38, 38, 0.3);
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}
/* Diagonal CLOSED stamp across the logo cell */
.sbc-ranked-card--closed .sbc-ranked-logo {
  position: relative;
  overflow: hidden;
}
.sbc-ranked-card--closed .sbc-ranked-logo::after {
  content: 'CLOSED';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-20deg);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.16em;
  color: rgba(220, 38, 38, 0.9);
  background: rgba(0, 0, 0, 0.6);
  padding: 3px 10px;
  border: 1.5px solid rgba(220, 38, 38, 0.6);
  border-radius: 3px;
  white-space: nowrap;
  z-index: 2;
}
/* Strike through the book name */
.sbc-ranked-card--closed .sbc-ranked-name {
  text-decoration: line-through;
  opacity: 0.6;
}
/* Closed status chip replaces the visit button */
.sbc-closed-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(220, 38, 38, 0.9);
  background: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.3);
  border-radius: 6px;
  padding: 6px 12px;
  cursor: default;
  white-space: nowrap;
}

/* ── 2. Single review page closure alert banner ──────────────── */
.sbc-sr-closed-banner {
  background: linear-gradient(135deg, rgba(220,38,38,0.12), rgba(220,38,38,0.06));
  border: 1px solid rgba(220, 38, 38, 0.35);
  border-left: 4px solid #dc2626;
  border-radius: 12px;
  padding: 20px 24px;
  margin: 0 0 32px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.sbc-sr-closed-banner-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: rgba(220, 38, 38, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dc2626;
  margin-top: 2px;
}
.sbc-sr-closed-banner-body {
  flex: 1;
  min-width: 0;
}
.sbc-sr-closed-banner-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #dc2626;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
}
.sbc-sr-closed-banner-text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.6;
  margin-bottom: 12px;
}
.sbc-sr-closed-banner-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  background: #dc2626;
  padding: 8px 16px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s;
}
.sbc-sr-closed-banner-cta:hover {
  background: #b91c1c;
  color: #fff;
}
/* Light mode */
html.light .sbc-sr-closed-banner {
  background: linear-gradient(135deg, rgba(220,38,38,0.07), rgba(220,38,38,0.03));
  border-color: rgba(220, 38, 38, 0.25);
  border-left-color: #dc2626;
}
html.light .sbc-sr-closed-banner-text {
  color: rgba(0, 0, 0, 0.6);
}

/* ── 3. Sidebar / widget closed badge ────────────────────────── */
.sbc-closed-sidebar-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #dc2626;
  background: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.25);
  border-radius: 4px;
  padding: 2px 6px;
  vertical-align: middle;
  margin-left: 6px;
}

/* ── END CLOSED BRAND SYSTEM ── */


/* ══════════════════════════════════════════════════════════════
   PROVINCE BAR — DISABLED
   Belt-and-suspenders: even if PHP renders the bar markup, this
   CSS ensures it is never visible to frontend users.
   Remove this block only if deliberately re-enabling the bar.
══════════════════════════════════════════════════════════════ */
.sbc-province-bar { display: none !important; }
/* ── END PROVINCE BAR DISABLED ── */


/* ══════════════════════════════════════════════════════════════
   ONTARIO MARKET INTEL STRIP — LIGHT MODE OVERRIDES
   Component lives in archive-sportsbook_review.php.
   Inline styles set dark-mode colours; these rules override
   the text/card colours for light mode only.
══════════════════════════════════════════════════════════════ */
html.light .sbc-arc-intel-strip {
  background: linear-gradient(135deg, rgba(16,185,129,0.07), rgba(16,185,129,0.03)) !important;
  border-color: rgba(16,185,129,0.22) !important;
}

/* Hero heading: white → near-black */
html.light .sbc-arc-intel-strip h3 {
  color: #0f172a !important;
}

/* Card link title text: white → near-black */
html.light .sbc-arc-intel-strip a > div[style*="font-size:13px"] {
  color: #0f172a !important;
}

/* Card subtitle text: white/40% → muted dark */
html.light .sbc-arc-intel-strip a > div[style*="font-size:11px"] {
  color: rgba(15,23,42,0.55) !important;
}

/* Non-featured card backgrounds: white/4% → very light tint */
html.light .sbc-arc-intel-strip a[style*="rgba(255,255,255,0.04)"] {
  background: rgba(15,23,42,0.04) !important;
  border-color: rgba(15,23,42,0.1) !important;
}

/* Featured card (Data Hub): keep green tint but darken subtitle */
html.light .sbc-arc-intel-strip a[style*="rgba(16,185,129,0.08)"] > div[style*="font-size:11px"] {
  color: rgba(16,185,129,0.75) !important;
}
/* ── END ONTARIO MARKET INTEL STRIP LIGHT MODE ── */


/* ══════════════════════════════════════════════════════════════
   LIGHT MODE — INLINE COLOUR FIXES (r214 audit)
   Corrects hardcoded white/rgba-white inline styles that are
   invisible in light mode. Dark mode untouched — all rules
   scoped strictly to html.light.
══════════════════════════════════════════════════════════════ */

/* HIGH — deck highlight strongs (growth + quarterly review pages) */
.sbc-deck-highlight { color: #fff; }
html.light .sbc-deck-highlight { color: #0f172a !important; }

/* HIGH — ontario-sports-betting + sports-betting-canada
   Sport card sub-note text (10px muted line under sport name) */
html.light .sbc-hub-sport-card div[style*="rgba(255,255,255,0.25)"] {
  color: rgba(15,23,42,0.45) !important;
}

/* MEDIUM — ontario-sports-betting market intelligence cluster strip */
html.light .sbc-mi-cluster-strip {
  border-top-color: rgba(15,23,42,0.07) !important;
}
html.light .sbc-mi-cluster-strip > div[style*="rgba(255,255,255,0.3)"] {
  color: rgba(15,23,42,0.45) !important;
}
html.light .sbc-mi-cluster-strip a[style*="rgba(255,255,255,0.5)"] {
  color: rgba(15,23,42,0.55) !important;
}

/* MEDIUM — sports-betting-canada province pills */
html.light .sbc-province-pills-wrap span {
  color: rgba(15,23,42,0.55) !important;
  background: rgba(15,23,42,0.05) !important;
  border-color: rgba(15,23,42,0.12) !important;
}

/* MEDIUM — ontario-margin-report vig stats bar */
html.light .sbc-omr-vig-statsbar {
  background: rgba(15,23,42,0.03) !important;
  border-color: rgba(15,23,42,0.09) !important;
}
html.light .sbc-omr-vig-statsbar span[style*="rgba(255,255,255,0.35)"] {
  color: rgba(15,23,42,0.45) !important;
}
html.light .sbc-omr-vig-statsbar div[style*="rgba(255,255,255,0.08)"] {
  background: rgba(15,23,42,0.1) !important;
}

/* MEDIUM — ontario-casino-vs-sports-betting split bar labels */
html.light .sbc-cv-split-pct   { color: rgba(15,23,42,0.45) !important; }
html.light .sbc-cv-split-source {
  color: rgba(15,23,42,0.4) !important;
  border-top-color: rgba(15,23,42,0.07) !important;
}

/* MEDIUM — ontario-parlay-betting table footnote */
html.light .sbc-par-table-footnote { color: rgba(15,23,42,0.45) !important; }

/* MEDIUM — parlays-multi-bets calc math muted line + sgp legs */
html.light .sbc-par-calc-math[style*="rgba(255,255,255,0.5)"] {
  color: rgba(15,23,42,0.45) !important;
}
html.light .sbc-par-sgp-leg[style*="rgba(255,255,255,0.5)"] {
  color: rgba(15,23,42,0.55) !important;
}

/* MEDIUM — ontario-interac-sports-betting full review link */
html.light .sbc-int-review-link {
  color: rgba(15,23,42,0.5) !important;
}

/* MEDIUM — ontario-sportsbook-market-share disclaimer */
html.light .sbc-ms-disclaimer { color: rgba(15,23,42,0.4) !important; }

/* MEDIUM — front-page market reports sub-link */
html.light .sbc-hc-market-sublink {
  color: rgba(15,23,42,0.45) !important;
}

/* MEDIUM — front-page no showdowns empty state */
html.light .sbc-hc-empty-state { color: rgba(15,23,42,0.45) !important; }

/* ── END LIGHT MODE INLINE COLOUR FIXES ── */


/* ══════════════════════════════════════════════════════════════
   FOOTER — ALWAYS DARK (light mode locked out)
   The site footer is intentionally dark in all modes.
   These rules override any html.light cascades that would
   lighten the footer background, text, or component colours.
   Dark mode is unaffected — these rules only fire on html.light.
══════════════════════════════════════════════════════════════ */

/* Lock the footer element itself */
html.light footer {
  background-color: #000 !important;
  color: rgba(255,255,255,0.4) !important;
}

/* Heading text */
html.light footer h4 {
  color: #fff !important;
}

/* Body / muted text and links */
html.light footer p,
html.light footer li,
html.light footer a:not([style]) {
  color: rgba(255,255,255,0.4) !important;
}
html.light footer a:hover {
  color: #fff !important;
}

/* Borders */
html.light footer,
html.light footer .border-t,
html.light footer [class*="border-white"] {
  border-color: rgba(255,255,255,0.1) !important;
}

/* Copyright bar */
html.light footer .border-t { border-color: rgba(255,255,255,0.05) !important; }

/* Social icon circles */
html.light footer a[aria-label] {
  border-color: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.4) !important;
}

/* Province selector buttons — keep dark styling */
html.light footer .sbc-prov-sel-btn {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,255,255,0.1) !important;
}
html.light footer .sbc-prov-sel-btn:hover {
  background: rgba(255,255,255,0.12) !important;
}
html.light footer .sbc-prov-sel-name  { color: rgba(255,255,255,0.75) !important; }
html.light footer .sbc-prov-sel-sub   { color: rgba(255,255,255,0.3) !important; }
html.light footer .sbc-prov-sel-go    {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.5) !important;
}
html.light footer .sbc-prov-sel-go:hover { color: rgba(255,255,255,0.8) !important; }
html.light footer .sbc-prov-sel-btn.sbc-prov-selected .sbc-prov-sel-name { color: #fff !important; }

/* Footer hub province cards — neutralise the dark-to-light flip */
html.light footer .sbc-footer-hubs          { border-bottom-color: rgba(255,255,255,0.07) !important; }
html.light footer .sbc-footer-hubs-label    { color: rgba(255,255,255,0.3) !important; }
html.light footer .sbc-footer-hubs-label i  { color: rgba(255,255,255,0.2) !important; }
html.light footer .sbc-footer-hub-card      { border-color: rgba(255,255,255,0.08) !important; background: rgba(255,255,255,0.03) !important; }
html.light footer .sbc-footer-hub-province  { color: rgba(255,255,255,0.55) !important; }
html.light footer .sbc-footer-hub-arrow     { color: rgba(255,255,255,0.2) !important; }

/* Disclaimer box */
html.light footer .bg-white\/\[0\.02\] {
  background: rgba(255,255,255,0.02) !important;
  border-color: rgba(255,255,255,0.05) !important;
}
html.light footer .text-white\/30 { color: rgba(255,255,255,0.3) !important; }
html.light footer .text-white\/20 { color: rgba(255,255,255,0.2) !important; }

/* iGaming Market Data Hub green link — keep it */
html.light footer a[style*="rgba(16,185,129"] { color: rgba(16,185,129,0.8) !important; }

/* ── END FOOTER ALWAYS DARK ── */


/* ══════════════════════════════════════════════════════════════
   ONTARIO INTERAC PAGE — HERO STAT CARD ACCENT OVERRIDES
   The Ontario page uses AGCO green (#10b981) as its accent
   rather than the Canada page's Interac yellow-green (#00A651).
══════════════════════════════════════════════════════════════ */
.sbc-int-ont-stats-card { border-color: rgba(16,185,129,0.2) !important; }
.sbc-int-ont-cta        { border-color: rgba(16,185,129,0.25) !important; color: #10b981 !important; }
.sbc-int-ont-cta:hover  { background: rgba(16,185,129,0.08) !important; }
.sbc-int-ont-title em   { color: #10b981 !important; }

html.light .sbc-int-ont-stats-card { border-color: rgba(16,185,129,0.18) !important; background: #fff; }
/* ── END ONTARIO INTERAC HERO OVERRIDES ── */


/* ══════════════════════════════════════════════════════════════
   FOOTER — PREDICTIVELY DATA BADGE
══════════════════════════════════════════════════════════════ */
.sbc-footer-data-badge {
  display: inline-block;
  margin-top: 20px;
  opacity: 0.35;
  transition: opacity 0.2s ease;
}
.sbc-footer-data-badge:hover {
  opacity: 1;
}
.sbc-footer-data-badge img {
  display: block;
  height: auto;
  max-width: 152px;
}
/* ── END PREDICTIVELY DATA BADGE ── */