/* ============================================================================
       RESULTS PAGE STYLES — IMAGO Childhood Profile (Page 2 / Results Only)
       All form-only styles removed; results styles preserved exactly.
    ============================================================================ */

    /* ===== CSS VARIABLES: SECTION ACCENT COLORS (teal family, light → dark) ===== */
    :root {
      --s1:  #7ec8bb;
      --s2:  #6dbfb0;
      --s3:  #5cb5a5;
      --s4:  #4dab9a;
      --s5:  #3f9f8e;
      --s6:  #359282;
      --s7:  #2d8576;
      --s8:  #26786a;
      --s9:  #1f6b5e;
      --s10: #185e52;
    }

    /* ===== GLOBAL BASE STYLES ===== */
    *, *::before, *::after {
      transition: background-color 0.2s ease, border-color 0.2s ease, color 0.15s ease;
    }

    /* ===== TOGGLE SWITCH (THEME) ===== */
    .theme-toggle-track {
      width: 44px;
      height: 24px;
      border-radius: 12px;
      background: #cbd5e1;
      position: relative;
      cursor: pointer;
      transition: background 0.2s;
    }
    .dark .theme-toggle-track {
      background: #4a9e8a;
    }
    .theme-toggle-thumb {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: white;
      position: absolute;
      top: 3px;
      left: 3px;
      transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    }
    .dark .theme-toggle-thumb {
      transform: translateX(20px);
    }

    /* ===== RESULTS PAGE STYLES ===== */
    /* Three-card layout: canonical / partner / insights */
    .results-card {
      background-color: #ffffff;
      border-radius: 1rem;
      border: 1px solid rgba(226, 232, 240, 0.8);
      box-shadow: 0 2px 12px rgba(0,0,0,0.08);
      padding: 2rem;
      position: relative;
      overflow: hidden;
    }
    .dark .results-card {
      background-color: rgb(15 23 42 / 0.92);
      border-color: rgba(30, 41, 59, 0.7);
    }

    /* Left accent border per card */
    .results-card-I  { border-left: 5px solid var(--s3); }
    .results-card-II { border-left: 5px solid var(--s6); }
    .results-card-III{ border-left: 5px solid var(--s9); }

    /* Results card inner section block */
    .results-body {
      padding-left: 1rem;
      border-left: 3px solid rgba(94, 173, 160, 0.25);
      margin-top: 0.75rem;
    }
    .dark .results-body {
      border-left-color: rgba(126, 200, 187, 0.20);
    }

    /* Results card title row */
    .results-card-title {
      font-size: 0.9375rem;
      font-weight: 700;
      color: #0f172a;
      letter-spacing: -0.01em;
    }
    .dark .results-card-title {
      color: #f1f5f9;
    }

    /* Results card subtitle / instruction */
    .results-card-subtitle {
      font-size: 0.8125rem;
      color: #64748b;
      font-style: italic;
      margin-top: 4px;
      line-height: 1.5;
    }
    .dark .results-card-subtitle {
      color: #94a3b8;
    }

    /* Results body text */
    .results-body p {
      font-size: 0.9375rem;
      line-height: 1.85;
      color: #1e293b;
      white-space: pre-line;
    }
    .dark .results-body p {
      color: #e2e8f0;
    }
    .results-body p em {
      font-style: italic;
      color: #2d8576;
      font-weight: 500;
    }
    .dark .results-body p em {
      color: #7ec8bb;
    }

    /* Insight bullet items */
    .insight-bullet {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 10px 0;
      border-bottom: 1px solid rgba(148, 163, 184, 0.10);
    }
    .insight-bullet:last-child {
      border-bottom: none;
    }
    .dark .insight-bullet {
      border-bottom-color: rgba(51, 65, 85, 0.25);
    }
    .insight-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--s5);
      flex-shrink: 0;
      margin-top: 6px;
      opacity: 0.75;
    }
    .insight-bullet p {
      font-size: 0.9rem;
      line-height: 1.7;
      color: #1e293b;
      margin: 0;
    }
    .dark .insight-bullet p {
      color: #e2e8f0;
    }
    .insight-bullet p em {
      font-style: italic;
      color: #2d8576;
      font-weight: 500;
    }
    .dark .insight-bullet p em {
      color: #7ec8bb;
    }

    /* Closing quote block */
    .results-quote {
      background: rgba(94, 173, 160, 0.07);
      border: 1px solid rgba(94, 173, 160, 0.20);
      border-radius: 12px;
      padding: 14px 18px;
      margin-top: 1.25rem;
    }
    .dark .results-quote {
      background: rgba(94, 173, 160, 0.10);
      border-color: rgba(126, 200, 187, 0.22);
    }
    .results-quote p {
      font-size: 0.875rem;
      font-style: italic;
      color: #334155;
      line-height: 1.7;
      margin: 0;
    }
    .dark .results-quote p {
      color: #cbd5e1;
    }

    /* ===== HERO PILL ===== */
    .hero-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      border-radius: 999px;
      border: 1px solid rgba(94, 173, 160, 0.35);
      background: rgba(94, 173, 160, 0.08);
      padding: 4px 14px;
      font-size: 0.75rem;
      font-weight: 500;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #2d8576;
    }
    .dark .hero-pill {
      border-color: rgba(126, 200, 187, 0.35);
      background: rgba(94, 173, 160, 0.12);
      color: #7ec8bb;
    }

    /* ===== PRINT STYLES ===== */
    @media print {
      .no-print {
        display: none !important;
      }
      body {
        background: white !important;
        color: black !important;
      }
      .results-card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        border-left-width: 4px !important;
        page-break-inside: avoid;
        margin-bottom: 1.5rem;
      }
    }

    /* ===== SMOOTH SCROLL ===== */
    html {
      scroll-behavior: smooth;
    }