/* ==========================================================================
   SubjectLine.com pink theme (parallel to subjectline-v2.css).
   Opt-in via body.sl-pink when SSM / appsettings homepage-theme = pink.
   Remaps blue/orange v2 tokens to classic SubjectLine pink + lime, loads
   Figtree from the pink HTML prototype bundle, and restyles chrome + home
   + inline results so they match the pink marketing template.
   ========================================================================== */

/* ---- Self-hosted Figtree (from SubjectLine Pink.html bundle) ------------ */
@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/pink/figtree-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/pink/figtree-500.woff2') format('woff2');
}
@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/pink/figtree-600.woff2') format('woff2');
}
@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/pink/figtree-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('fonts/pink/figtree-800.woff2') format('woff2');
}
@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('fonts/pink/figtree-900.woff2') format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/pink/jetbrains-mono-400.woff2') format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/pink/jetbrains-mono-500.woff2') format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/pink/jetbrains-mono-700.woff2') format('woff2');
}

/* ---- Token remap (pink / lime brand) ------------------------------------ */
body.sl-pink {
    --sl2-blue: #FF206E;
    --sl2-blue-deep: #E91E63;
    --sl2-orange: #F4FF1A;
    --sl2-orange-deep: #E8ED00;
    --sl2-ink: #111111;
    --sl2-muted: #5b6472;
    --sl2-faint: #8b93a1;
    --sl2-line: #e8e8ec;
    --sl2-line-soft: #f3f3f6;
    --sl2-bg: #fff5f8;
    --sl2-card: #ffffff;
    --sl2-good: #10B981;
    --sl2-warn: #F57F17;
    --sl2-bad: #D32F2F;
    --sl2-font: 'Figtree', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --sl-pink: #FF206E;
    --sl-pink-deep: #E91E63;
    --sl-lime: #F4FF1A;
    --sl-ink: #111111;
    --sl-dark: #0B0F0A;

    font-family: var(--sl2-font);
    background-color: var(--sl2-bg);
    background-image: radial-gradient(circle, rgba(255, 32, 110, 0.10) 1px, transparent 1px);
    background-size: 30px 30px;
    color: var(--sl2-ink);
}

/* Logo swap: orange accent → lime-on-magenta for pink chrome.
   Specificity must beat .sl2-logo img { display:block }. */
body.sl-pink .sl2-logo img.sl2-logo-v2,
body.sl-pink .sl2-logo img.sl2-logo-pink,
body.sl-pink img.sl2-logo-v2,
body.sl-pink img.sl2-logo-pink { display: none; }
body.sl-pink .sl2-logo img.sl2-logo-on-magenta,
body.sl-pink img.sl2-logo-on-magenta { display: block; }
body:not(.sl-pink) .sl2-logo img.sl2-logo-pink,
body:not(.sl-pink) .sl2-logo img.sl2-logo-on-magenta,
body:not(.sl-pink) img.sl2-logo-pink,
body:not(.sl-pink) img.sl2-logo-on-magenta { display: none; }
body:not(.sl-pink) .sl2-logo img.sl2-logo-v2,
body:not(.sl-pink) img.sl2-logo-v2 { display: block; }

/* ---- Header / nav — sits on pink hero (no white bar) -------------------- */
body.sl-pink .sl2-nav-shell {
    background: #FF206E;
    border-bottom: none;
    box-shadow: none;
}
body.sl-pink .sl2-nav {
    background: transparent;
    border-bottom-color: transparent;
}
body.sl-pink.sl2-nav-open .sl2-nav {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}
body.sl-pink .sl2-nav-links > a,
body.sl-pink .sl2-nav-dropdown-trigger,
body.sl-pink .sl2-nav-login {
    color: rgba(255, 255, 255, 0.88);
}
body.sl-pink .sl2-nav-links > a:hover,
body.sl-pink .sl2-nav-dropdown:hover .sl2-nav-dropdown-trigger,
body.sl-pink .sl2-nav-dropdown:focus-within .sl2-nav-dropdown-trigger,
body.sl-pink .sl2-nav-login:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
}
body.sl-pink .sl2-powered-txt { color: rgba(255, 255, 255, 0.75); }
body.sl-pink .sl2-powered-logo {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}
body.sl-pink .sl2-nav-toggle-bar { background: #fff; }
body.sl-pink .sl2-nav-menu {
    background: #FF206E;
}
body.sl-pink .sl2-nav-menu a,
body.sl-pink .sl2-nav-drawer-auth .sl2-nav-login,
body.sl-pink .sl2-nav-drawer-signout {
    color: rgba(255, 255, 255, 0.9);
}
/* Mega menu lives in the nav drawer — restore readable link colors on white panel */
body.sl-pink .sl2-cc-mega a {
    color: #111827;
}
body.sl-pink .sl2-cc-mega .cc-product-meta span {
    color: #6b7280;
}
/* CC mega CTAs: use the blue hover fill as the steady default */
body.sl-pink .sl2-cc-mega .cc-products-cta {
    background: #0066CC;
    color: #fff !important;
    border: 2px solid #0066CC;
}
body.sl-pink .sl2-cc-mega .cc-products-cta:hover {
    background: #0052a3;
    border-color: #0052a3;
    color: #fff !important;
}

/* Primary CTAs — bright lime (nav, hero, bottom CTA) */
body.sl-pink .sl2-btn-y,
body.sl-pink .sl2-btn-y-lg,
body.sl-pink .sl2-nav-right .sl2-btn-y,
body.sl-pink .sl2-nav-drawer-auth .sl2-btn-y,
body.sl-pink .sl2-cta-section .sl2-btn-y-lg {
    background: #F4FF1A !important;
    background-image: none !important;
    color: #111 !important;
    border: none;
    box-shadow: none;
    font-weight: 800;
}
body.sl-pink .sl2-btn-y:hover,
body.sl-pink .sl2-btn-y-lg:hover,
body.sl-pink .sl2-nav-right .sl2-btn-y:hover,
body.sl-pink .sl2-cta-section .sl2-btn-y-lg:hover {
    background: #e8ed00 !important;
    color: #111 !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(244, 255, 26, 0.45);
}
/* Account band + Pro + newsletter — solid brand pink */
body.sl-pink .sl2-account-band .sl2-btn-y,
body.sl-pink .sl2-plan-pro .sl2-btn-y-lg,
body.sl-pink .sl2-nl-btn {
    background: #FF206E !important;
    background-image: none !important;
    color: #fff !important;
    border: none;
    box-shadow: 0 4px 14px rgba(255, 32, 110, 0.35);
    font-weight: 800;
}
body.sl-pink .sl2-account-band .sl2-btn-y:hover,
body.sl-pink .sl2-plan-pro .sl2-btn-y-lg:hover,
body.sl-pink .sl2-nl-btn:hover {
    background: #E91E63 !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(255, 32, 110, 0.4);
}
body.sl-pink .sl2-btn-y-outline {
    background: transparent;
    color: var(--sl-ink);
    border: 1.5px solid var(--sl-pink);
}
body.sl-pink .sl2-btn-y-outline:hover {
    background: var(--sl-pink);
    border-color: var(--sl-pink);
    color: #fff;
}
body.sl-pink .sl2-btn-blue {
    background: var(--sl-pink);
    color: #fff;
    border-color: var(--sl-pink);
}
body.sl-pink .sl2-btn-blue:hover {
    background: var(--sl-pink-deep);
    color: #fff;
}
body.sl-pink .sl2-btn-ind {
    background: #fff;
    color: var(--sl-pink);
    border: 2px solid var(--sl-pink);
}
body.sl-pink .sl2-btn-ind:hover {
    background: var(--sl-pink);
    color: #fff;
}

/* ---- Exit-intent guide -------------------------------------------------- */
body.sl-pink .sl-exit-guide-btn {
    background: #F4FF1A !important;
    color: #111 !important;
}
body.sl-pink .sl-exit-guide-btn:hover,
body.sl-pink .sl-exit-guide-btn:focus-visible {
    background: #e8ed00 !important;
}
body.sl-pink .sl-exit-guide-input:focus {
    border-color: var(--sl-pink);
    box-shadow: 0 0 0 3px rgba(255, 32, 110, 0.25);
}
body.sl-pink .sl-exit-guide-close { color: var(--sl-pink); }
body.sl-pink .sl-exit-guide-close:hover { color: var(--sl-pink-deep); }
body.sl-pink .sl-exit-guide-sub a { color: var(--sl-pink); }

/* ---- Newsletter / privacy / footer -------------------------------------- */
body.sl-pink .sl2-newsletter {
    background: #fff;
    border-top: none;
    color: var(--sl-ink);
}
body.sl-pink .sl2-nl-label {
    color: #F4FF1A;
    background: #111;
    border-color: transparent;
}
body.sl-pink .sl2-newsletter h4 {
    color: var(--sl-pink);
    font-family: var(--sl2-font);
    font-weight: 800;
}
body.sl-pink .sl2-nl-sub {
    color: var(--sl2-muted);
}
body.sl-pink .sl2-nl-input {
    background: #fff;
    border: 1.5px solid var(--sl2-line);
}
body.sl-pink .sl2-nl-input:focus {
    border-color: var(--sl-pink);
    box-shadow: 0 0 0 3px rgba(255, 32, 110, 0.25);
}
body.sl-pink .sl2-newsletter .cc-form-disclosure,
body.sl-pink .sl2-newsletter .cc-form-disclosure a {
    color: #9ca3af;
}
body.sl-pink .sl2-newsletter .cc-form-disclosure a:hover {
    color: var(--sl-pink);
}
body.sl-pink .sl2-privacy-addon,
body.sl-pink #divAddOnPrivacySection {
    background: #faf5f8;
    color: #9ca3af;
    border-top: 1px solid rgba(255, 32, 110, 0.08);
}
body.sl-pink .sl2-footer {
    background: #FF206E;
    color: rgba(255, 255, 255, 0.92);
    border-top: none;
}
body.sl-pink .sl2-footer p {
    color: rgba(255, 255, 255, 0.88);
}
body.sl-pink .sl2-footer a {
    color: #fff;
}
body.sl-pink .sl2-footer a:hover {
    color: var(--sl-lime);
}
body.sl-pink .sl2-footer .col-social a,
body.sl-pink .sl2-footer .fa-linkedin {
    color: #fff;
}
body.sl-pink .sl2-footer .col-social a:hover,
body.sl-pink .sl2-footer .col-social a:hover .fa-linkedin {
    color: var(--sl-lime);
}
body.sl-pink .sl2-footer .sl2-powered-txt {
    color: rgba(255, 255, 255, 0.85);
}
body.sl-pink .sl2-footer .sl2-powered-logo {
    filter: brightness(0) invert(1);
    opacity: 0.95;
}

/* ---- Homepage hero (pink + flying decorations) -------------------------- */
body.sl-pink .sl2-home .sl2-hero {
    background: linear-gradient(160deg, #FF1F6E 0%, #FF206E 45%, #E91E63 100%);
    padding: 56px 24px 72px;
}
body.sl-pink .sl2-home .sl2-hero-dots {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.18) 1px, transparent 1px);
}
body.sl-pink .sl2-home .sl2-orb,
body.sl-pink .sl2-home .sl2-orb-a,
body.sl-pink .sl2-home .sl2-orb-b,
body.sl-pink .sl2-home .sl2-orb-c {
    display: none !important;
    background: none !important;
    filter: none !important;
    opacity: 0 !important;
}
body.sl-pink .sl2-home .sl2-fi {
    color: #fff;
    opacity: 0.14;
}
body.sl-pink .sl2-home .sl2-hero-glow,
body.sl-pink .sl2-hero-glow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    background: none !important;
    filter: none !important;
}
body.sl-pink .sl2-home .sl2-badge {
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #fff;
}
body.sl-pink .sl2-home .sl2-badge-dot {
    background: var(--sl-lime);
    box-shadow: none;
}
body.sl-pink .sl2-home .sl2-h1 {
    color: #fff;
    font-family: var(--sl2-font);
}
body.sl-pink .sl2-home .sl2-h1 .sl2-grad {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: #F4FF1A;
    color: #F4FF1A;
}
body.sl-pink .sl2-home .sl2-hero-sub {
    color: rgba(255, 255, 255, 0.88);
}
body.sl-pink .sl2-home .sl2-tool {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 12px 40px rgba(0, 0, 0, 0.28);
}
body.sl-pink .sl2-home .sl2-score-btn {
    background: #111 !important;
    color: #fff !important;
    font-weight: 800;
}
body.sl-pink .sl2-home .sl2-score-btn:hover {
    background: #222 !important;
    color: #fff !important;
}
body.sl-pink .sl2-home .sl2-input-row input[type="text"]:focus {
    border-color: var(--sl-pink);
    box-shadow: 0 0 0 4px rgba(255, 32, 110, 0.15);
}

/* Hero nudge CTAs — lime primary, white outline secondary */
body.sl-pink .sl2-btn-y-hero,
body.sl-pink .sl2-home .sl2-btn-y.sl2-btn-y-hero {
    background: #F4FF1A !important;
    background-image: none !important;
    color: #111 !important;
    border: none !important;
    box-shadow: none;
    font-weight: 800;
}
body.sl-pink .sl2-btn-y-hero:hover,
body.sl-pink .sl2-home .sl2-btn-y.sl2-btn-y-hero:hover {
    background: #e8ed00 !important;
    color: #111 !important;
}
/* Hero nudge copy — brighter white on pink so it reads clearly */
body.sl-pink .sl2-hero-nudge > p {
    color: rgba(255, 255, 255, 0.92);
}
body.sl-pink .sl2-hero-nudge-fine {
    color: rgba(255, 255, 255, 0.78);
}
body.sl-pink .sl2-google-btn {
    border: 1.5px solid rgba(255, 255, 255, 0.95);
    background: #fff;
    color: #374151;
}
body.sl-pink .sl2-google-btn:hover {
    background: #fff;
    color: #111;
    border-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
body.sl-pink .sl2-home .sl2-pill {
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #fff;
}
body.sl-pink .sl2-home .sl2-pill strong {
    color: var(--sl-lime);
}

/* ---- Sections / features / pricing -------------------------------------- */
body.sl-pink .sl2-eyebrow {
    color: var(--sl-pink);
    background: rgba(255, 32, 110, 0.08);
    border: 1px solid rgba(255, 32, 110, 0.18);
}
body.sl-pink .sl2-h2,
body.sl-pink .sl2-home h2,
body.sl-pink .sl2-home h3 {
    font-family: var(--sl2-font);
}
/* Features — solid lime yellow (no soft glow / wash) */
body.sl-pink #sl2-features.sl2-sec-surface {
    background-color: #F4FF1A;
    background-image: none;
    border-top: none;
    border-bottom: none;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
body.sl-pink #sl2-features::before,
body.sl-pink #sl2-features::after,
body.sl-pink #sl2-features .sl2-header::before,
body.sl-pink #sl2-features .sl2-header::after,
body.sl-pink #sl2-features .sl2-eyebrow::before,
body.sl-pink #sl2-features .sl2-eyebrow::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 0 !important;
}
body.sl-pink #sl2-features .sl2-eyebrow {
    color: #fff;
    background: #111;
    border-color: transparent;
}
body.sl-pink #sl2-features .sl2-h2,
body.sl-pink #sl2-features .sl2-sub {
    color: #111;
}
/* Pricing / other surface sections stay soft lilac */
body.sl-pink .sl2-sec.sl2-sec-light {
    background: #faf5f8;
    border-top-color: rgba(255, 32, 110, 0.12);
    border-bottom-color: rgba(255, 32, 110, 0.12);
}
body.sl-pink .sl2-sec.sl2-sec-surface:not(#sl2-features) {
    background: #faf5f8;
    border-top-color: rgba(255, 32, 110, 0.12);
    border-bottom-color: rgba(255, 32, 110, 0.12);
}
/* Feature icons — varied accents on yellow section */
body.sl-pink .sl2-feat-icon.blue {
    background: rgba(59, 130, 246, 0.14);
    border-color: rgba(59, 130, 246, 0.28);
    color: #2563eb;
}
body.sl-pink .sl2-feat-icon.orange {
    background: rgba(244, 255, 26, 0.55);
    border-color: rgba(11, 15, 10, 0.2);
    color: #111;
}
body.sl-pink .sl2-feat-icon.teal {
    background: rgba(91, 100, 114, 0.12);
    border-color: rgba(91, 100, 114, 0.22);
    color: #5b6472;
}
body.sl-pink .sl2-feat-icon.purple {
    background: rgba(124, 58, 237, 0.12);
    border-color: rgba(124, 58, 237, 0.22);
    color: #7c3aed;
}
body.sl-pink .sl2-feat-icon.rose {
    background: rgba(255, 32, 110, 0.14);
    border-color: rgba(255, 32, 110, 0.28);
    color: var(--sl-pink);
}
/* Step icons — pink / yellow / grey; Lucide-style stroke icons use currentColor */
body.sl-pink .sl2-step-icon .sl2-step-svg {
    display: block;
    flex-shrink: 0;
}
body.sl-pink .sl2-step-icon.blue {
    background: #FFF0F5;
    border-color: rgba(255, 32, 110, 0.22);
    color: var(--sl-pink);
}
body.sl-pink .sl2-step-icon.orange {
    background: #FDFFE0;
    border-color: rgba(180, 190, 20, 0.35);
    color: #9a9f00;
}
body.sl-pink .sl2-step-icon.teal {
    background: rgba(148, 163, 184, 0.16);
    border-color: rgba(148, 163, 184, 0.28);
    color: #374151;
}

/* How-it-works step numbers — same vertical band as the 52px icon */
body.sl-pink .sl2-step::before {
    top: 32px;          /* match .sl2-step padding-top */
    right: 18px;
    height: 52px;       /* match .sl2-step-icon height */
    font-size: 52px;
    line-height: 52px;  /* vertically centers digit with icon */
    letter-spacing: -3px;
}
body.sl-pink .sl2-step[data-n="01"]::before {
    color: rgba(255, 32, 110, 0.22);
}
body.sl-pink .sl2-step[data-n="02"]::before {
    color: rgba(154, 159, 0, 0.28);
}
body.sl-pink .sl2-step[data-n="03"]::before {
    color: rgba(100, 116, 139, 0.28);
}
body.sl-pink .sl2-pro,
body.sl-pink .sl2-pro-pill {
    background: #FF206E !important;
    color: #fff !important;
}
/* Soft lilac account band + pink primary CTA */
body.sl-pink .sl2-account-band {
    background: #faf5f8;
    border-top: 1px solid rgba(255, 32, 110, 0.12);
    border-bottom: 1px solid rgba(255, 32, 110, 0.12);
    color: var(--sl-ink);
}
body.sl-pink .sl2-account-band-ico {
    background: rgba(255, 32, 110, 0.12);
    border-color: rgba(255, 32, 110, 0.22);
    color: var(--sl-pink);
}
body.sl-pink .sl2-account-band h3,
body.sl-pink .sl2-account-band p,
body.sl-pink .sl2-account-band-copy h3,
body.sl-pink .sl2-account-band-copy p {
    color: var(--sl-ink);
}
body.sl-pink .sl2-account-band .sl2-btn-ghost {
    color: var(--sl-ink);
    background: #fff;
    border-color: #e5e7eb;
}
body.sl-pink .sl2-account-band .sl2-btn-ghost:hover {
    background: #fff;
    color: var(--sl-pink);
    border-color: var(--sl-pink);
}
body.sl-pink .sl2-plan-pro {
    border-color: var(--sl-pink);
    box-shadow: 0 12px 40px rgba(255, 32, 110, 0.18);
}
body.sl-pink .sl2-plan-pro .sl2-plan-name {
    color: var(--sl-pink);
}
body.sl-pink .sl2-check {
    color: var(--sl-pink);
}
/* Bottom CTA — charcoal band (no navy / no black inner card) */
body.sl-pink .sl2-cta-section {
    background: #0B0F0A;
    padding: 100px 24px;
}
body.sl-pink .sl2-cta-section::before {
    background-image: radial-gradient(circle, rgba(255, 32, 110, 0.12) 1px, transparent 1px);
}
body.sl-pink .sl2-cta-section::after {
    display: none;
}
body.sl-pink .sl2-cta-section .sl2-ctaband {
    background: transparent;
    box-shadow: none;
    padding: 0;
}
body.sl-pink .sl2-cta-section h2 {
    color: #fff;
}
body.sl-pink .sl2-cta-section .sl2-cta-accent {
    color: #FF206E;
}
body.sl-pink .sl2-cta-section p {
    color: rgba(255, 255, 255, 0.7);
}
body.sl-pink .sl2-cta-section .sl2-btn-ghost {
    color: #fff;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.45);
}
body.sl-pink .sl2-cta-section .sl2-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Promo section headings under pink chrome */
body.sl-pink .cc-promo-section h2,
body.sl-pink .cc-promo-section .h2 {
    color: var(--sl-ink);
    font-family: var(--sl2-font);
}
body.sl-pink .cc-promo-section .h6 {
    color: var(--sl-pink);
}

/* ---- Inline results / gates / nudge ------------------------------------- */
body.sl-pink .rp-results .rp-card {
    border-color: rgba(255, 32, 110, 0.12);
}
body.sl-pink .rp-folder-header {
    background: linear-gradient(135deg, #FF206E 0%, #E91E63 55%, #c2185b 100%);
}
body.sl-pink .rp-nudge {
    background: #fff5f8;
    border: 1.5px solid rgba(255, 32, 110, 0.2);
    border-radius: var(--sl2-radius);
    padding: 22px;
    text-align: center;
}
body.sl-pink .rp-nudge h4 {
    color: var(--sl-ink);
    font-family: var(--sl2-font);
}
body.sl-pink .sl2-home .rp-results {
    background: transparent;
}
body.sl-pink #rpResults .guru-gate-panel,
body.sl-pink #rpResults .cc-sl-gate,
body.sl-pink #rpResults .cc-guru-gate {
    border-radius: 20px;
    border-color: rgba(255, 32, 110, 0.2);
}
body.sl-pink #rpResults .guru-gate-panel button[type="submit"],
body.sl-pink #rpResults .cc-sl-gate button[type="submit"],
body.sl-pink #rpResults #btnGuruRegister,
body.sl-pink #AI_options {
    background: var(--sl-pink) !important;
    border-color: var(--sl-pink) !important;
    color: #fff !important;
}
body.sl-pink .cc-score-banner {
    border-radius: 14px;
}
body.sl-pink .rp-row.pos .rp-row-pts {
    background: #f0fdf4;
    color: #16a34a;
}
body.sl-pink .rp-row.neg .rp-row-pts {
    background: #fef2f2;
    color: #dc2626;
}

/* Focus rings */
body.sl-pink a:focus-visible,
body.sl-pink button:focus-visible,
body.sl-pink input:focus-visible {
    outline: 3px solid rgba(255, 32, 110, 0.35);
    outline-offset: 2px;
}