/* =========================================================
   SUSTAINABILITY SUITE - UNIFIED THEME (SCOPED)
   Target Pages: Home (5708), Webinar (5814), Carbon Lit (5880)
   ========================================================= */

body.page-id-5880,
body.page-id-5708,
body.page-id-5814 {
    /* --- Global Variables --- */
    --ss-max: 1400px;
    --ss-vw: 94vw;
    --ss-vw-mob: 90vw;
    
    /* --- Colors --- */
    --ss-ink: rgba(15, 23, 42, 0.96);
    --ss-muted: #475467;
    --ss-line: #e5e7eb;
    --ss-line-soft: #eef2f7;
    
    /* Brand Greens */
    --ss-green: #69aa4b;       /* Accent / Light Green */
    --ss-emerald: #047857;     /* Primary Dark Green */
    --ss-emerald-hover: #0a8a66;
    --ss-primary: var(--ss-emerald);
    
    /* Dark Theme Colors */
    --ss-dark-bg: #071a14;
    --ss-dark-grad-1: rgba(7,17,13,1);
    --ss-dark-grad-2: rgba(10,26,20,1);

    /* --- Radii & Shadows --- */
    --ss-r-sm: 16px;
    --ss-r-md: 22px;
    --ss-r-lg: 28px;
    
    --ss-shadow-sm: 0 10px 28px rgba(15, 23, 42, 0.06);
    --ss-shadow-md: 0 14px 40px rgba(15, 23, 42, 0.06);
    --ss-shadow-lg: 0 18px 50px rgba(15, 23, 42, 0.08);

    /* --- Spacing --- */
    --ss-sec-y: 72px;
    --ss-sec-y-tight: 56px;
}

/* =========================================================
   SHARED GLOBAL RESETS & LAYOUT FIXES
   ========================================================= */

/* Force Box Sizing */
body.page-id-5880 *, body.page-id-5708 *, body.page-id-5814 *,
body.page-id-5880 *::before, body.page-id-5708 *::before, body.page-id-5814 *::before,
body.page-id-5880 *::after, body.page-id-5708 *::after, body.page-id-5814 *::after {
    box-sizing: border-box;
}

/* Force 1400px Width on Rows */
body.page-id-5880 .et_pb_row,
body.page-id-5708 .et_pb_row,
body.page-id-5814 .et_pb_row {
    width: var(--ss-vw) !important;
    max-width: var(--ss-max) !important;
    margin: 0 auto !important;
}

/* Clear Column Padding & Margins for Flex/Grid controls */
body.page-id-5880 .et_pb_column,
body.page-id-5708 .et_pb_column,
body.page-id-5814 .et_pb_column {
    padding-inline: 0 !important;
}

/* Standardized Hero Background (The Glow) */
body.page-id-5880 .ss-clt-hero,
body.page-id-5708 .ss-home-hero,
body.page-id-5814 .ss-webinar-hero {
    background: 
        radial-gradient(640px 360px at 12% 12%, rgba(105, 170, 75, 0.22), transparent 60%),
        radial-gradient(680px 380px at 78% 18%, rgba(4, 120, 87, 0.18), transparent 60%),
        linear-gradient(180deg, #ffffff 0%, #fbfffd 100%) !important;
    border-bottom: 1px solid var(--ss-line);
    padding: 56px 0 44px !important;
}

/* Standardized Section Padding */
body.page-id-5880 .et_section_regular,
body.page-id-5708 .ss-home-why, body.page-id-5708 .ss-home-how, body.page-id-5708 .ss-home-offers,
body.page-id-5814 .ss-webinar-body {
    padding: var(--ss-sec-y) 0 !important;
}

/* =========================================================
   SHARED TYPOGRAPHY & UI COMPONENTS
   ========================================================= */

/* Headings */
body.page-id-5880 .ss-h1, body.page-id-5708 .ss-h1, body.page-id-5814 .ss-h1,
body.page-id-5814 .ss-hero-title {
    margin: 12px 0 14px;
    font-size: clamp(32px, 4vw, 60px);
    line-height: 1.1;
    letter-spacing: -0.03em;
    font-weight: 900;
    color: var(--ss-ink);
}

body.page-id-5880 .ss-h2, body.page-id-5708 .ss-h2, body.page-id-5708 .ss-offers-h2, body.page-id-5814 .ss-h2 {
    margin: 0 0 12px;
    font-size: clamp(24px, 2.5vw, 34px);
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 900;
    color: var(--ss-ink);
}

body.page-id-5814 .ss-h3, body.page-id-5708 h3 {
    font-weight: 900; letter-spacing: -0.01em; color: var(--ss-ink);
}

/* Body Text */
body.page-id-5880 .ss-lede, body.page-id-5708 .ss-lede, body.page-id-5814 .ss-hero-sub {
    margin: 0 0 18px;
    color: var(--ss-muted);
    font-size: 18px;
    line-height: 1.65;
    max-width: 74ch;
}

body.page-id-5880 .ss-sub, body.page-id-5708 .ss-sub, body.page-id-5708 .ss-why-sub, body.page-id-5708 .ss-offers-sub {
    margin: 0 0 18px;
    color: var(--ss-muted);
    font-size: 16px;
    line-height: 1.7;
    max-width: 74ch;
}

body.page-id-5708 .ss-accent { color: var(--ss-green); }

/* Kickers / Badges */
body.page-id-5880 .ss-kicker, body.page-id-5708 .ss-kicker, body.page-id-5814 .ss-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    border: 1px solid rgba(15, 23, 42, 0.10);
    font-weight: 900;
    font-size: 12px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, 0.75);
}

body.page-id-5880 .ss-dot, body.page-id-5814 .ss-dot, body.page-id-5708 .ss-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ss-green);
    box-shadow: 0 0 0 4px rgba(105, 170, 75, 0.18);
    display: inline-block;
}

/* Buttons (Unified) */
body.page-id-5880 .ss-btn, body.page-id-5708 .ss-btn, body.page-id-5814 .ss-modal-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 900;
    border-radius: var(--ss-r-sm);
    transition: all 0.2s ease;
    line-height: 1.2;
}

body.page-id-5880 .ss-btn-primary, 
body.page-id-5708 .ss-btn-primary,
body.page-id-5814 .ss-modal-open {
    padding: 13px 24px;
    margin: 0;
    border: 1px solid transparent;
    background: var(--ss-emerald);
    color: #fff;
    box-shadow: none;
    cursor: pointer;
}

body.page-id-5880 .ss-btn-primary:hover, 
body.page-id-5708 .ss-btn-primary:hover,
body.page-id-5814 .ss-modal-open:hover {
    background: var(--ss-emerald-hover);
    transform: translateY(-1px);
}

body.page-id-5880 .ss-btn-secondary {
    padding: 13px 20px;
    margin: 0;
    border: 1px solid var(--ss-line);
    background: #fff;
    color: rgba(15, 23, 42, 0.92);
}

body.page-id-5880 .ss-btn-link, body.page-id-5708 .ss-btn-link {
    position: relative; padding: 10px 0; text-decoration: none; font-weight: 900; color: rgba(15, 23, 42, 0.92);
}
body.page-id-5880 .ss-btn-link::after, body.page-id-5708 .ss-btn-link::after {
    content: ""; position: absolute; left: 0; bottom: 6px; width: 100%; height: 2px; background: rgba(15, 23, 42, 0.14); transition: background 0.2s ease;
}
body.page-id-5880 .ss-btn-link:hover::after, body.page-id-5708 .ss-btn-link:hover::after {
    background: rgba(4, 120, 87, 0.40);
}

/* Wrapper for Side-by-Side Buttons */
body.page-id-5880 .ss-cta, body.page-id-5708 .ss-cta {
    margin-top: 24px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

/* Tick Lists */
body.page-id-5880 :is(.ss-hero-points, .ss-content-list, .ss-signoff-points) li,
body.page-id-5814 .ss-hero-points li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    color: rgba(15, 23, 42, 0.92);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 8px;
}

/* Tick Icons */
body.page-id-5880 :is(.ss-tick, .ss-content-tick, .ss-signoff-tick),
body.page-id-5814 .ss-tick {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    background: rgba(105, 170, 75, 0.16);
    border: 1px solid rgba(105, 170, 75, 0.30);
    position: relative;
    flex: 0 0 auto;
    margin-top: 3px;
}

body.page-id-5880 :is(.ss-tick, .ss-content-tick, .ss-signoff-tick)::after,
body.page-id-5814 .ss-tick::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 3px;
    width: 6px;
    height: 10px;
    border-right: 2px solid var(--ss-emerald);
    border-bottom: 2px solid var(--ss-emerald);
    transform: rotate(35deg);
}


/* =========================================================
   PAGE: CARBON LITERACY (ID: 5880)
   ========================================================= */

body.page-id-5880 .ss-clt-hero__row, 
body.page-id-5880 .ss-clt-signoff__row {
    display: flex !important; align-items: flex-start; justify-content: space-between; gap: 40px;
}
body.page-id-5880 .ss-clt-hero__row > [class*="et_pb_column"],
body.page-id-5880 .ss-clt-signoff__row > [class*="et_pb_column"] {
    float: none !important; margin: 0 !important; min-width: 0;
}
body.page-id-5880 .ss-clt-hero__row > [class*="et_pb_column"]:first-child { flex: 1.15 1 0 !important; }
body.page-id-5880 .ss-clt-hero__row > [class*="et_pb_column"]:last-child { flex: 0.85 1 0 !important; }

/* Hero Card (Dark Green Style) */
body.page-id-5880 .ss-reg-card {
    border-radius: var(--ss-r-lg); overflow: hidden; border: 1px solid var(--ss-line); background: #fff; box-shadow: var(--ss-shadow-lg); width: 100%;
}
body.page-id-5880 .ss-reg-cover {
    aspect-ratio: 16/9; padding: 20px;
    background: radial-gradient(80% 110% at 20% 20%, rgba(105,170,75,.28), rgba(255,255,255,0) 60%), linear-gradient(135deg, rgba(7,17,13,1), rgba(10,26,20,1));
    border-bottom: 1px solid rgba(229,231,235,.2); display: flex; align-items: flex-end; position: relative;
}
body.page-id-5880 .ss-reg-title {
    margin: 0; font-weight: 900; letter-spacing: -0.02em; font-size: 20px; color: #ffffff; text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
body.page-id-5880 .ss-reg-body { padding: 20px; }
body.page-id-5880 .ss-reg-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 16px; }
body.page-id-5880 .ss-meta-pill { border: 1px solid var(--ss-line); border-radius: var(--ss-r-sm); padding: 10px 12px; background: #fff; }
body.page-id-5880 .ss-meta-pill b { display: block; font-size: 11px; color: rgba(15, 23, 42, 0.70); letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 4px; }
body.page-id-5880 .ss-meta-pill span { display: block; font-size: 14px; font-weight: 800; color: rgba(15, 23, 42, 0.92); }

/* Layouts */
body.page-id-5880 .ss-achieve-grid, body.page-id-5880 .ss-test-grid, body.page-id-5880 .ss-next-grid, body.page-id-5880 .ss-clt-cert__cards {
    margin-top: 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
}
body.page-id-5880 :is(.ss-achieve-card, .ss-test-card, .ss-next-card) {
    border: 1px solid var(--ss-line); border-radius: var(--ss-r-md); padding: 22px; background: #fff; box-shadow: var(--ss-shadow-md);
}
body.page-id-5880 .ss-clt-trainers__row { display: flex !important; gap: 40px; align-items: flex-start; }
body.page-id-5880 .ss-trainer-cards { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 0 14px; scrollbar-width: none; }
body.page-id-5880 .ss-trainer-card { flex: 0 0 100%; padding: 20px; border: 1px solid var(--ss-line); border-radius: 20px; background: #fff; box-shadow: var(--ss-shadow-sm); display: flex; gap: 18px; }
body.page-id-5880 .ss-avatar { width: 92px; height: 92px; border-radius: 22px; overflow: hidden; flex: 0 0 auto; object-fit: cover; }
body.page-id-5880 .ss-trainer-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--ss-line); background: #fff; box-shadow: var(--ss-shadow-sm); display: grid; place-items: center; z-index: 5; cursor: pointer; }
body.page-id-5880 .ss-trainer-prev { left: -22px; } body.page-id-5880 .ss-trainer-next { right: -22px; }

/* Dark Section */
body.page-id-5880 .et_pb_section.ss-clt-cert { background-color: var(--ss-dark-bg) !important; background-image: radial-gradient(900px 420px at 15% 35%, rgba(105, 170, 75, 0.22), transparent 60%), radial-gradient(900px 420px at 78% 30%, rgba(4, 120, 87, 0.25), transparent 60%), linear-gradient(180deg, var(--ss-dark-grad-1) 0%, var(--ss-dark-grad-2) 100%) !important; }
body.page-id-5880 .et_pb_section.ss-clt-cert .et_pb_row { background: transparent !important; }
body.page-id-5880 .ss-clt-cert :is(h1, h2, h3, .ss-h1, .ss-h2) { color: #fff !important; }
body.page-id-5880 .ss-clt-cert .ss-sub, body.page-id-5880 .ss-clt-cert p { color: rgba(255, 255, 255, 0.78) !important; }
body.page-id-5880 .ss-clt-cert__card { border-radius: 18px; padding: 20px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(6px); }

/* Forms & Widget */
body.page-id-5880 .ss-signoff-card { border: 1px solid var(--ss-line); border-radius: var(--ss-r-lg); overflow: hidden; background: #fff; box-shadow: var(--ss-shadow-lg); }
body.page-id-5880 .ss-signoff-card__top { padding: 16px 20px 14px; border-bottom: 1px solid var(--ss-line); background: rgba(15, 23, 42, 0.02); }
body.page-id-5880 .ss-signoff-form .hs-form input[type="text"], body.page-id-5880 .ss-signoff-form .hs-form input[type="email"] { width: 100% !important; padding: 12px; border: 1px solid var(--ss-line); border-radius: 12px; outline: none; }
body.page-id-5880 .ss-signoff-form .hs-form input[type="submit"] { width: 100% !important; border-radius: 12px; background: var(--ss-primary); color: #fff; font-weight: 900; padding: 12px 16px; border: 0; }
body.page-id-5880 .ss-widget { margin-top: 18px; border: 1px solid var(--ss-line); border-radius: var(--ss-r-lg); background: #fff; box-shadow: var(--ss-shadow-lg); overflow: hidden; }
body.page-id-5880 .ss-widget-head { padding: 16px 20px; border-bottom: 1px solid var(--ss-line); display: flex; justify-content: space-between; align-items: center; background: rgba(15, 23, 42, 0.02); }
body.page-id-5880 .ss-clt-booking .tt-widget iframe { border-radius: 18px; min-height: 680px; }
body.page-id-5880 .ss-faq-list details { background: #fff; border: 1px solid var(--ss-line); border-radius: 18px; padding: 14px 18px; box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05); margin-bottom: 12px; }
body.page-id-5880 .ss-faq-list summary { font-weight: 900; color: var(--ss-ink); padding-right: 56px; position: relative; cursor: pointer; list-style: none; }
body.page-id-5880 .ss-faq-list summary::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; border: 1px solid var(--ss-line); background: rgba(4, 120, 87, 0.06); color: var(--ss-ink); }
body.page-id-5880 .ss-faq-list details[open] summary::after { content: "-"; }


/* =========================================================
   PAGE: HOME (ID: 5708) SPECIFICS
   ========================================================= */

/* Fix Hero Layout - Kill Default Margins so Flex works */
body.page-id-5708 .ss-hero-row.et_pb_row { display: flex !important; align-items: flex-start !important; }
body.page-id-5708 .ss-hero-row.et_pb_row > .et_pb_column { float: none !important; padding: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; }
body.page-id-5708 .ss-hero-row.et_pb_row > .et_pb_column:first-child { flex: 0 1 55% !important; max-width: 55% !important; }
body.page-id-5708 .ss-hero-row.et_pb_row > .et_pb_column:last-child { flex: 0 1 45% !important; max-width: 45% !important; display: flex !important; justify-content: flex-end !important; }

/* Hero Stats */
body.page-id-5708 .ss-stats { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--ss-line); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
body.page-id-5708 .ss-stat { padding-left: 14px; border-left: 1px solid var(--ss-line); }
body.page-id-5708 .ss-stat:first-child { padding-left: 0; border-left: 0; }
body.page-id-5708 .ss-stat b { display: block; font-weight: 900; color: var(--ss-ink); }

/* Video Panel */
body.page-id-5708 .ss-video-panel {
    position: relative; width: 100%; border-radius: 24px; overflow: hidden;
    background: linear-gradient(180deg, var(--ss-dark-grad-1), var(--ss-dark-grad-2));
    border: 1px solid rgba(255,255,255,.10); box-shadow: 0 28px 70px rgba(0,0,0,.12);
}
body.page-id-5708 .ss-video-embed { width: 100%; aspect-ratio: 16/9; position: relative; }
body.page-id-5708 .ss-video-embed iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0 !important; }

/* Bento Grids (Why / Offers) - RESTORED */
body.page-id-5708 .ss-why-grid,
body.page-id-5708 .ss-offers-grid,
body.page-id-5708 .ss-proof-cards {
    margin-top: 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
}

body.page-id-5708 .ss-why-card,
body.page-id-5708 .ss-proof-card {
    background: #fff; border: 1px solid var(--ss-line); border-radius: var(--ss-r-lg); padding: 18px; box-shadow: var(--ss-shadow-sm);
}

body.page-id-5708 .ss-why-ic {
    width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; margin-bottom: 10px;
    color: var(--ss-primary); background: rgba(105,170,75,.14); border: 1px solid rgba(105,170,75,.26);
}
body.page-id-5708 .ss-why-ic svg { width: 20px; height: 20px; }

/* Home Page Band (How it works) - RESTORED */
body.page-id-5708 .ss-band {
    margin-top: 22px; min-height: 280px; border-radius: 28px; overflow: hidden; border: 1px solid var(--ss-line); box-shadow: 0 18px 50px rgba(15,23,42,.08); background: #fff; display: grid; grid-template-columns: 1fr 1fr;
}
body.page-id-5708 .ss-band-col { padding: 22px; }
body.page-id-5708 .ss-band-light {
    background: radial-gradient(520px 300px at 18% 20%, rgba(105,170,75,.18), transparent 60%), radial-gradient(520px 300px at 80% 10%, rgba(4,120,87,.14), transparent 60%), #fff;
    border-right: 1px solid var(--ss-line);
}
body.page-id-5708 .ss-band-dark { background: linear-gradient(180deg, var(--ss-dark-grad-2), var(--ss-dark-grad-1)); color: #fff; }
body.page-id-5708 .ss-band-pill { display: inline-flex; padding: 8px 12px; border-radius: 999px; background: rgba(4,120,87,.10); border: 1px solid rgba(4,120,87,.16); color: rgba(4,120,87,1); font-weight: 950; font-size: 12px; letter-spacing: .02em; text-transform: uppercase; }
body.page-id-5708 .ss-band-pill-dark { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.12); color: rgba(255,255,255,.82); }
body.page-id-5708 .ss-band-title { margin: 12px 0 8px; font-size: 20px; font-weight: 950; color: var(--ss-ink); line-height: 1.2; }
body.page-id-5708 .ss-band-title-dark { color: #fff; }
body.page-id-5708 .ss-bullets { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
body.page-id-5708 .ss-bullets li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; font-size: 14px; color: rgba(15,23,42,.84); }
body.page-id-5708 .ss-bullets-dark li { color: rgba(255,255,255,.82); }

/* Offers Cards */
body.page-id-5708 .ss-offer { border-radius: var(--ss-r-lg); overflow: hidden; border: 1px solid var(--ss-line); background: #fff; box-shadow: 0 16px 46px rgba(15,23,42,.08); display: grid; grid-template-rows: auto 1fr auto; }
body.page-id-5708 .ss-offer-top { padding: 18px; border-bottom: 1px solid var(--ss-line); background: radial-gradient(460px 220px at 20% 10%, rgba(4,120,87,.10), transparent 60%), #fff; }
body.page-id-5708 .ss-offer-tag { display: inline-flex; padding: 8px 12px; border-radius: 999px; background: rgba(4,120,87,.10); border: 1px solid rgba(4,120,87,.16); color: rgba(4,120,87,1); font-weight: 950; font-size: 12px; text-transform: uppercase; }
body.page-id-5708 .ss-offer-mid { padding: 16px 18px; }
body.page-id-5708 .ss-offer-bot { padding: 14px 18px; border-top: 1px solid var(--ss-line); display: flex; align-items: center; justify-content: space-between; }
body.page-id-5708 .ss-offer-cta { display: inline-flex; align-items: center; justify-content: center; padding: 10px 12px; border-radius: 14px; text-decoration: none; font-weight: 900; background: var(--ss-primary); color: #fff; }

/* Proof Section */
body.page-id-5708 .ss-proof {
    border: 1px solid var(--ss-line); border-radius: var(--ss-r-lg); overflow: hidden; background: #fff; box-shadow: var(--ss-shadow-lg); display: grid; grid-template-columns: 1fr 1fr;
}
body.page-id-5708 .ss-proof-left {
    padding: 22px; background: linear-gradient(180deg, var(--ss-dark-grad-2), var(--ss-dark-grad-1)); color: #fff;
}
body.page-id-5708 .ss-proof-right { padding: 22px; background: #fff; }
body.page-id-5708 .ss-proof-quote-big { margin: 14px 0; color: rgba(255,255,255,.96); font-weight: 950; font-size: clamp(20px,2.0vw,30px); }
body.page-id-5708 .ss-proof-quote { color: rgba(255,255,255,.78); }
body.page-id-5708 .ss-proof-name { color: rgba(255,255,255,.90); }
body.page-id-5708 .ss-proof-stats { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ss-line); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
body.page-id-5708 .ss-proof-stat { padding-left: 14px; border-left: 1px solid var(--ss-line); }
body.page-id-5708 .ss-proof-stat:first-child { padding-left: 0; border-left: 0; }

/* FAQ */
body.page-id-5708 .ss-faq-list { margin-top: 22px; display: grid; gap: 12px; }
body.page-id-5708 details { position: relative; padding: 14px 16px; border-radius: 18px; background: #fff; border: 1px solid var(--ss-line); box-shadow: 0 10px 26px rgba(15,23,42,.05); }
body.page-id-5708 summary { cursor: pointer; list-style: none; display: block; width: 100%; padding-right: 56px; font-weight: 950; color: var(--ss-ink); }
body.page-id-5708 summary::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; border: 1px solid var(--ss-line); background: rgba(4,120,87,.06); color: var(--ss-ink); }
body.page-id-5708 details[open] summary::after { content: "-"; }


/* =========================================================
   PAGE: WEBINAR (ID: 5814) SPECIFICS
   ========================================================= */

/* Hero Layout */
body.page-id-5814 .ss-webinar-hero__left { padding-right: 40px; }
@media (min-width: 981px) {
    body.page-id-5814 .ss-webinar-hero__right { position: sticky; top: 24px; }
    body.page-id-5814 .ss-webinar-body__left { margin-top: -32px; }
}

/* Registration Card (Webinar Style) */
body.page-id-5814 .ss-reg-card {
    border-radius: var(--ss-r-lg); background: #fff; border: 1px solid var(--ss-line); box-shadow: var(--ss-shadow-md); overflow: hidden;
}
body.page-id-5814 .ss-reg-cover {
    aspect-ratio: 16/9;
    background: radial-gradient(80% 110% at 20% 20%, rgba(105,170,75,.28), rgba(255,255,255,0) 60%), linear-gradient(135deg, rgba(7,17,13,1), rgba(10,26,20,1));
    border-bottom: 1px solid rgba(229,231,235,.2); position: relative;
}
body.page-id-5814 .ss-reg-badge {
    position: absolute; left: 14px; top: 14px; display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.16); color: #fff; font-weight: 850; font-size: 13px; backdrop-filter: blur(10px);
}
body.page-id-5814 .ss-reg-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 2px; }

/* Content Blocks - RESTORED */
body.page-id-5814 .ss-block {
    padding: 22px; border-radius: var(--ss-r-lg); background: #fff; border: 1px solid var(--ss-line); box-shadow: var(--ss-shadow-sm);
}
body.page-id-5814 .ss-block + .ss-block { margin-top: 16px; }
body.page-id-5814 .ss-block--tight { padding: 18px; }

/* Agenda Slots - RESTORED */
body.page-id-5814 .ss-agenda { display: grid; gap: 10px; margin-top: 12px; }
body.page-id-5814 .ss-slot {
    display: grid; grid-template-columns: 92px 1fr; gap: 12px; padding: 12px; border-radius: 16px; background: rgba(4,120,87,.05); border: 1px solid rgba(4,120,87,.12);
}
body.page-id-5814 .ss-time { font-weight: 950; color: var(--ss-ink); font-size: 13px; }

/* Speaker Profile - RESTORED */
body.page-id-5814 .ss-speaker {
    display: grid; grid-template-columns: 84px 1fr; gap: 14px; align-items: start; margin-top: 10px;
}
body.page-id-5814 .ss-avatar {
    width: 84px; height: 84px; border-radius: 22px; object-fit: cover; display: block; border: 1px solid var(--ss-line); background: rgba(4,120,87,.08);
}
body.page-id-5814 .ss-name { font-weight: 950; }
body.page-id-5814 .ss-role { margin-top: 2px; color: rgba(15,23,42,.65); font-size: 13.5px; }

/* Modal / Lightbox */
body.page-id-5814 .ss-modal {
    position: fixed !important; inset: 0 !important; z-index: 9999; display: grid; place-items: center; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.2s;
}
body.page-id-5814 .ss-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
body.page-id-5814 .ss-modal__backdrop { position: absolute; inset: 0; background: rgba(15,23,42,.58); backdrop-filter: blur(6px); }
body.page-id-5814 .ss-modal__panel { position: relative; z-index: 1; width: min(640px, calc(100% - 28px)); max-height: calc(100vh - 28px); overflow: auto; background: #fff; border-radius: var(--ss-r-lg); padding: 24px; box-shadow: 0 30px 90px rgba(0,0,0,0.3); }


/* =========================================================
   GLOBAL MOBILE RESPONSIVE (ALL 3 PAGES)
   ========================================================= */

@media (max-width: 980px) {
    /* Stack Hero & Layout Rows */
    body.page-id-5880 .et_pb_row, 
    body.page-id-5708 .ss-hero-row.et_pb_row, 
    body.page-id-5814 .ss-webinar-hero__row {
        flex-direction: column !important;
        gap: 24px;
    }
    
    body.page-id-5880 .et_pb_column, 
    body.page-id-5708 .et_pb_column, 
    body.page-id-5814 .et_pb_column {
        width: 100% !important;
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    /* Grids to 2 Columns on Tablet */
    body.page-id-5880 .ss-test-grid,
    body.page-id-5708 .ss-stats,
    body.page-id-5708 .ss-why-grid,
    body.page-id-5708 .ss-offers-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    /* One Column Certs */
    body.page-id-5880 .ss-clt-cert__cards { grid-template-columns: 1fr; }
    
    /* Proof Section Stack */
    body.page-id-5708 .ss-proof { grid-template-columns: 1fr; }
    
    /* Home Band Stack */
    body.page-id-5708 .ss-band { grid-template-columns: 1fr; }
    body.page-id-5708 .ss-band-light { border-right: 0; border-bottom: 1px solid var(--ss-line); }
}

@media (max-width: 520px) {
    /* Mobile Variables */
    body.page-id-5880, body.page-id-5708, body.page-id-5814 {
        --ss-vw: 90vw;
    }

    /* Full Width Buttons */
    body.page-id-5880 .ss-cta .ss-btn,
    body.page-id-5708 .ss-cta .ss-btn,
    body.page-id-5880 .ss-signoff-form .hs-button {
        width: 100%; margin-right: 0; margin-bottom: 8px;
    }

    /* Stack all Grids */
    body.page-id-5880 .ss-achieve-grid,
    body.page-id-5880 .ss-test-grid,
    body.page-id-5880 .ss-next-grid,
    body.page-id-5708 .ss-why-grid,
    body.page-id-5708 .ss-offers-grid,
    body.page-id-5708 .ss-stats {
        grid-template-columns: 1fr;
    }

    /* Trainer Carousel - Hide Arrows & Adjust Width */
    body.page-id-5880 .ss-trainer-cards { gap: 12px; }
    body.page-id-5880 .ss-trainer-card { width: 90%; flex: 0 0 90%; }
    body.page-id-5880 .ss-trainer-nav { display: none; }

    /* Adjust Font Sizes */
    body.page-id-5880 .ss-lede, body.page-id-5708 .ss-lede { font-size: 16px; }
    
    /* Iframe Height */
    body.page-id-5880 .ss-clt-booking .tt-widget iframe { min-height: 940px; height: 940px !important; }
}