.faq {
      margin: 32px 0 18px 0;
    }
    .faq-title {
      font-size: 1.2em;
      color: #1e90ff;
    }.seo-intro {
      margin-bottom: 18px;
      font-size: 1.13em;
      color: #333;
      line-height: 1.5;
    }
    .daily-deal {
      margin: 24px 0;
      padding: 16px;
      background: #fffbe6;
      border: 2px dashed #ffe066;
      border-radius: 12px;
      font-size: 1.1em;
      position: relative;
    }
    .streak-counter {
      position: absolute;
      top: 8px;
      right: 18px;
      font-size: 1em;
      color: #1e90ff;
      font-weight: bold;
    }
    .spin-btn {
      margin-bottom: 18px;
      background: #ffb347;
      color: #222;
      font-weight: bold;
      border-radius: 8px;
      border: none;
      padding: 10px 18px;
      cursor: pointer;
    }
    .footer-link.privacy {
      margin-right: 10px;
    }
    .footer-link.copyright {
      margin-left: 10px;
    }
    html,
    body {
      overflow-x: hidden !important;
      max-width: 100% !important;
      width: 100% !important;
      box-sizing: border-box;
    }

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

    body {
      font-family: 'Segoe UI', Arial, sans-serif;
      background: #f5f8fc;
      color: #222;
      margin: 0;
      padding: 0;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }

    @keyframes gradientBG {
      0% {
        background-position: 0% 50%;
      }

      50% {
        background-position: 100% 50%;
      }

      100% {
        background-position: 0% 50%;
      }
    }

    /* Special event backgrounds */
    body.fireworks-bg::before {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      pointer-events: none;
      z-index: 0;
      background: transparent;
      animation: none;
    }

    body.snow-bg::before {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      pointer-events: none;
      z-index: 0;
      background: transparent;
      animation: none;
    }

    /* Firework and snowflake elements will be injected by JS */

    .hero {
      width: 100%;
      background:
        linear-gradient(120deg, #0d5ba7 0%, #0e7a8a 60%, #0a9b8a 100%);
      color: #fff;
      padding: 30px 20px 68px;
      text-align: center;
      margin-bottom: 0;
      box-shadow: 0 8px 30px rgba(30, 80, 140, 0.12);
      position: relative;
    }


    /* Redesigned hero: clean layout with clear CTAs */
    .hero-copy {
      max-width: 640px;
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }
    .hero-ctas {
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 20px;
    }
    .hero .hero-ctas a.hero-cta-primary {
      display: inline-block !important;
      background: #fff !important;
      color: #0d5ba7 !important;
      font-weight: 800 !important;
      padding: 14px 28px !important;
      border-radius: 10px !important;
      text-decoration: none !important;
      font-size: 1.05rem !important;
      box-shadow: 0 4px 14px rgba(0,0,0,0.15) !important;
      transition: transform 0.15s ease, box-shadow 0.15s ease;
    }
    .hero-cta-primary {
      display: inline-block;
      background: #fff;
      color: #0d5ba7;
      font-weight: 800;
      padding: 14px 28px;
      border-radius: 10px;
      text-decoration: none;
      font-size: 1.05rem;
      box-shadow: 0 4px 14px rgba(0,0,0,0.15);
      transition: transform 0.15s ease, box-shadow 0.15s ease;
    }
    .hero-cta-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(0,0,0,0.2);
    }
    .hero .hero-ctas a.hero-cta-secondary {
      display: inline-block !important;
      background: transparent !important;
      color: #fff !important;
      font-weight: 700 !important;
      padding: 14px 28px !important;
      border-radius: 10px !important;
      text-decoration: none !important;
      font-size: 1.05rem !important;
      border: 2px solid rgba(255,255,255,0.6) !important;
      transition: border-color 0.15s ease, background 0.15s ease;
    }
    .hero-cta-secondary {
      display: inline-block;
      background: transparent;
      color: #fff;
      font-weight: 700;
      padding: 14px 28px;
      border-radius: 10px;
      text-decoration: none;
      font-size: 1.05rem;
      border: 2px solid rgba(255,255,255,0.6);
      transition: border-color 0.15s ease, background 0.15s ease;
    }
    .hero-cta-secondary:hover {
      border-color: #fff;
      background: rgba(255,255,255,0.1);
    }

    .hero .mascot {
      --mascot-hover-scale: 1;
      width: 168px;
      max-width: 90vw;
      margin-bottom: 16px;
      border-radius: 18px;
      box-shadow: 0 12px 34px rgba(8, 38, 72, 0.22);
      cursor: pointer;
      transition: transform 0.3s ease;
      transform-origin: 50% 70%;
      animation: mascotIdleFloat 5.5s ease-in-out infinite;
      will-change: transform;
    }

    .hero .mascot:hover {
      --mascot-hover-scale: 1.06;
    }

    .hero .mascot:active {
      transform: scale(0.95);
    }

    .mobile-mascot-mark {
      --mascot-hover-scale: 1;
      display: block;
      width: 116px;
      height: 116px;
      margin: 0 auto 16px;
      border-radius: 16px;
      background-image: url('the-retail-raptor.jpg');
      background-size: 135%;
      background-position: center 58%;
      box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.48), 0 12px 28px rgba(8, 38, 72, 0.22);
      transform-origin: 50% 70%;
      animation: mascotIdleFloat 5.5s ease-in-out infinite;
      will-change: transform;
    }

    .hero h1 {
      font-size: 2.35rem;
      margin: 0 0 6px 0;
      letter-spacing: 0;
      color: #fff;
      text-shadow: 0 2px 8px rgba(30, 144, 255, 0.12);
      text-wrap: balance;
    }

    .hero .tagline {
      color: #fffbe6;
      font-size: 1.08rem;
      margin-bottom: 0;
      text-shadow: 0 1px 4px rgba(30, 144, 255, 0.10);
      transition: opacity 0.8s ease-in-out;
    }

    .container {
      background: transparent !important;
      color: #172033 !important;
      border-radius: 0;
      box-shadow: none;
      margin-top: -42px;
      padding: 0 24px 28px;
      max-width: 1160px;
      width: min(1160px, 100%);
      text-align: left;
      z-index: 2;
      position: relative;
    }

    .seo-intro {
      margin: 0 0 14px;
      padding: 18px 22px;
      border: 1px solid #d8e2ef;
      border-radius: 10px;
      background: #fff !important;
      color: #334155 !important;
      box-shadow: 0 14px 34px rgba(30, 80, 140, 0.10);
      line-height: 1.42;
    }

    .seo-intro strong {
      display: block;
      margin-bottom: 4px;
      color: #0f172a !important;
      font-size: 1.12rem;
    }

    .quick-actions {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 10px;
      margin: 16px 0 14px;
    }

    .quick-action {
      display: grid;
      gap: 4px;
      min-height: 92px;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #cfe0f5;
      background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      color: #176dc1 !important;
      text-decoration: none;
      font-weight: 800;
      line-height: 1.2;
      transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    }

    .quick-action small {
      color: #64748b;
      font-size: 0.74rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0;
    }

    .quick-action span {
      color: #475569;
      font-size: 0.88rem;
      font-weight: 600;
      line-height: 1.32;
    }

    .quick-action.primary {
      background: #176dc1;
      border-color: #176dc1;
      color: #fff !important;
      box-shadow: 0 8px 18px rgba(23, 109, 193, 0.18);
    }

    .quick-action:hover,
    .quick-action:focus {
      transform: translateY(-1px);
      border-color: #1e90ff;
      box-shadow: 0 8px 18px rgba(30, 80, 140, 0.12);
      outline: none;
    }

    .home-proof-chips {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 8px;
      margin-top: 14px;
    }

    .home-proof-chips span {
      display: grid;
      gap: 3px;
      min-height: 56px;
      padding: 9px;
      border: 1px solid #cfe0f5;
      border-radius: 8px;
      background: #f8fbff;
      color: #334155;
      font-size: 0.82rem;
      font-weight: 600;
      line-height: 1.2;
    }

    .home-proof-chips strong {
      color: #0f172a;
      font-size: 0.88rem;
      font-weight: 900;
    }

    .home-tool-band {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      margin: 18px 0 22px;
    }

    .priority-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
      gap: 18px;
      align-items: start;
      margin: 0 0 16px;
    }

    .path-finder,
    .saved-guides-panel,
    .session-summary-panel,
    .top-picks-panel,
    .compare-paths-panel,
    .seasonal-picks,
    .trust-links {
      padding: 22px;
      border: 1px solid #d8e2ef;
      border-radius: 8px;
      background: #fff !important;
      color: #172033 !important;
      box-shadow: 0 10px 26px rgba(30, 80, 140, 0.07);
    }

    .path-finder h2,
    .saved-guides-panel h2,
    .session-summary-panel h2,
    .top-picks-panel h2,
    .compare-paths-panel h2,
    .seasonal-picks h2,
    .trust-links h2 {
      margin: 0 0 8px;
      color: #1f2937 !important;
      font-size: 1.25rem;
      line-height: 1.2;
    }

    .path-finder p,
    .saved-guides-panel p,
    .session-summary-panel p,
    .top-picks-panel p,
    .compare-paths-panel p,
    .seasonal-picks p,
    .trust-links p {
      margin: 0 0 14px;
      color: #4b5563 !important;
      line-height: 1.5;
    }

    .saved-guides-panel {
      align-self: start;
    }

    .saved-guides-panel.has-guides {
      margin: 0 0 18px;
    }

    .saved-guides-panel.is-empty {
      display: none;
    }

    .saved-guides-panel .saved-guide-list {
      margin-top: 12px;
    }

    .session-summary-panel {
      display: grid;
      gap: 12px;
      margin: 0 0 18px;
    }

    .session-summary-panel.is-empty {
      display: none;
    }

    .session-summary-stats {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
      gap: 8px;
    }

    .session-summary-stats span {
      display: grid;
      gap: 2px;
      min-height: 58px;
      padding: 9px;
      border: 1px solid #d8e2ef;
      border-radius: 8px;
      background: #f8fbff;
      color: #475569;
      font-size: 0.84rem;
      font-weight: 700;
      line-height: 1.2;
    }

    .session-summary-stats strong {
      color: #0f172a;
      font-size: 1.1rem;
      font-weight: 900;
    }

    .session-next-action {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 12px;
      border: 1px solid #cfe0f5;
      border-radius: 8px;
      background: #eef6ff;
      color: #172033;
      line-height: 1.35;
    }

    .session-next-action a {
      flex: 0 0 auto;
      min-height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 8px 12px;
      border-radius: 8px;
      background: #176dc1;
      color: #fff !important;
      text-decoration: none;
      font-weight: 900;
      text-align: center;
    }

    .seasonal-callout {
      display: grid;
      gap: 10px;
      margin: 0 0 14px;
      padding: 14px;
      border: 1px solid #cfe0f5;
      border-radius: 8px;
      background: #f6fbff !important;
      color: #172033 !important;
    }

    .seasonal-callout strong {
      color: #0f172a !important;
      font-size: 1.04rem;
    }

    .seasonal-callout span {
      color: #4b5563 !important;
      line-height: 1.45;
    }

    .seasonal-callout-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .seasonal-callout-actions a {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 9px 12px;
      border-radius: 8px;
      border: 1px solid #176dc1;
      background: #176dc1;
      color: #fff !important;
      font-weight: 800;
      text-decoration: none;
      line-height: 1.2;
    }

    .seasonal-callout-actions a.secondary {
      background: #fff;
      color: #176dc1 !important;
      border-color: #cfe0f5;
    }

    .path-finder-row {
      display: flex;
      gap: 10px;
      margin-bottom: 14px;
    }

    .finder-choice-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 10px;
    }

    .finder-filter-label {
      margin: 12px 0 6px;
      color: #64748b;
      font-size: 0.78rem;
      font-weight: 900;
      text-transform: uppercase;
      line-height: 1.2;
    }

    .finder-choice {
      min-height: 36px;
      padding: 8px 11px;
      border: 1px solid #cfe0f5;
      border-radius: 8px;
      background: #f8fbff;
      color: #176dc1;
      font: inherit;
      font-weight: 800;
      cursor: pointer;
    }

    .finder-choice.is-active {
      border-color: #176dc1;
      background: #176dc1;
      color: #fff;
    }

    .applied-standard-row {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin: 10px 0 0;
    }

    .applied-standard-row span {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      padding: 5px 8px;
      border: 1px solid #d8e2ef;
      border-radius: 8px;
      background: #f8fbff;
      color: #475569;
      font-size: 0.83rem;
      font-weight: 800;
      line-height: 1.15;
    }

    .path-finder-row input {
      flex: 1;
      min-height: 44px;
      padding: 10px 12px;
      border: 1px solid #cbd5e1;
      border-radius: 8px;
      font-size: 1rem;
    }

    .path-finder-row button,
    .small-action-button {
      min-height: 44px;
      padding: 10px 14px;
      border: 0;
      border-radius: 8px;
      background: #176dc1;
      color: #fff;
      font-weight: 800;
      cursor: pointer;
    }

    .path-results,
    .saved-guide-list,
    .top-pick-grid,
    .compare-result-grid,
    .pick-grid,
    .trust-link-grid {
      display: grid;
      gap: 10px;
    }

    .path-results {
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    }

    .path-result,
    .amazon-path-result,
    .saved-guide-list a,
    .top-pick-card,
    .compare-result-card,
    .pick-card,
    .trust-link-grid a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 68px;
      padding: 12px;
      border: 1px solid #e1e9f5;
      border-radius: 8px;
      background: #f8fbff;
      color: #176dc1 !important;
      text-decoration: none;
      font-weight: 800;
      line-height: 1.25;
    }

    .path-result em {
      margin-top: 6px;
      color: #64748b;
      font-style: normal;
      font-weight: 600;
      line-height: 1.35;
    }

    .saved-guide-list a span {
      margin-top: 5px;
      color: #64748b;
      font-size: 0.86rem;
      font-weight: 600;
      line-height: 1.3;
    }

    .path-result span,
    .amazon-path-result span,
    .top-pick-card span,
    .compare-result-card span,
    .pick-card span {
      display: block;
      margin-top: 4px;
      color: #64748b !important;
      font-weight: 600;
      font-size: 0.92rem;
    }

    .path-result strong,
    .amazon-path-result strong {
      display: block;
      color: inherit;
      font-size: 1rem;
    }

    .amazon-path-result {
      border-color: #176dc1;
      background: #eef6ff;
    }

    .amazon-path-result b {
      margin-top: 8px;
      color: #0f4f8f;
      font-size: 0.92rem;
    }

    .path-standard-filters {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7px;
      margin-top: 10px;
    }

    .path-standard-filters span {
      min-height: 46px;
      padding: 7px;
      border: 1px solid #cfe0f5;
      border-radius: 8px;
      background: #fff;
      color: #475569 !important;
      font-size: 0.8rem;
      font-weight: 700;
      line-height: 1.2;
    }

    .path-standard-filters strong {
      display: block;
      margin-bottom: 2px;
      color: #0f172a;
      font-size: 0.72rem;
      text-transform: uppercase;
    }

    .path-result-actions {
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      margin-top: 10px;
    }

    .path-result-actions a {
      min-height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 9px 10px;
      border-radius: 8px;
      background: #176dc1;
      color: #fff !important;
      text-align: center;
      text-decoration: none;
      font-size: 0.88rem;
      font-weight: 900;
      line-height: 1.15;
    }

    .path-result-actions a.secondary {
      min-height: 0;
      padding: 2px 4px;
      border: 0;
      background: transparent;
      color: #176dc1 !important;
      box-shadow: none;
      text-decoration: underline;
      text-underline-offset: 3px;
      font-size: 0.84rem;
    }

    .path-result-actions a.manual {
      border: 1px solid #d8e2ef;
      background: #f8fbff;
      color: #475569 !important;
    }

    .path-sort-links {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 12px;
      align-items: center;
      justify-content: flex-start;
    }

    .path-hint {
      grid-column: 1 / -1;
      margin: 0;
      color: #475569;
      font-weight: 600;
      font-size: 0.95rem;
      line-height: 1.4;
    }

    :root[data-theme="dark"] .path-hint {
      color: #cbd5e1;
    }

    :root[data-theme="dark"] .finder-choice {
      border-color: var(--rr-line);
      background: var(--rr-panel-soft);
      color: var(--rr-blue-dark);
    }

    :root[data-theme="dark"] .compare-path-button {
      border-color: var(--rr-line);
      background: var(--rr-panel-soft);
      color: var(--rr-blue-dark);
    }

    :root[data-theme="dark"] .finder-choice.is-active,
    :root[data-theme="dark"] .compare-path-button.is-active {
      border-color: var(--rr-blue);
      background: var(--rr-blue);
      color: #07111f;
    }

    .saved-guide-list.is-empty {
      color: #64748b;
      line-height: 1.45;
    }

    .compare-paths-panel {
      margin: 18px 0 22px;
    }

    .top-pick-grid {
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .top-pick-card {
      min-height: 108px;
    }

    .compare-control-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 12px 0 14px;
    }

    .compare-path-button {
      min-height: 38px;
      padding: 8px 12px;
      border: 1px solid #cfe0f5;
      border-radius: 8px;
      background: #f8fbff;
      color: #176dc1;
      font: inherit;
      font-weight: 800;
      cursor: pointer;
    }

    .compare-path-button.is-active {
      border-color: #176dc1;
      background: #176dc1;
      color: #fff;
    }

    .compare-result-grid {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .content-clusters {
      margin: 22px 0 0;
      padding: 22px;
      border: 1px solid #e1e9f5;
      border-radius: 8px;
      background: #fff !important;
    }

    .content-clusters h2 {
      margin: 0 0 8px;
      color: #1f2937 !important;
      font-size: 1.25rem;
    }

    .cluster-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      margin-top: 14px;
    }

    .cluster-grid a {
      padding: 13px;
      border: 1px solid #d8e2ef;
      border-radius: 8px;
      background: #fff;
      color: #176dc1 !important;
      text-decoration: none;
      font-weight: 800;
      line-height: 1.25;
    }

    .featured-ideas {
      margin-bottom: 18px;
    }

    .api-powered {
      display: none !important;
    }

    body.api-ready .api-powered {
      display: block !important;
    }

    body.api-ready .chat-row.api-powered {
      display: flex !important;
    }

    .advanced-product-search {
      margin: 22px 0;
      padding: 20px;
      border: 2px solid var(--rr-blue);
      border-radius: 12px;
      background: var(--rr-panel);
      color: var(--rr-ink);
      text-align: left;
      box-shadow: 0 12px 30px rgba(30, 80, 140, 0.12);
    }

    .advanced-product-search > summary {
      color: var(--rr-ink);
      cursor: pointer;
      font-size: 1.25rem;
      font-weight: 900;
    }

    .advanced-product-search > p {
      color: var(--rr-muted);
      line-height: 1.5;
    }

    .creators-api-status {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin: 4px 0 14px;
      padding: 7px 10px;
      border-radius: 999px;
      background: #eaf8ef;
      color: #176a36;
      font-size: .88rem;
      font-weight: 900;
    }

    .creators-api-status::before {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #1f9d55;
      content: '';
    }

    .creator-results-disclosure,
    .creator-amazon-notices {
      grid-column: 1 / -1;
      padding: 12px 14px;
      border: 1px solid var(--rr-line);
      border-radius: 8px;
      background: var(--rr-panel);
      color: var(--rr-muted);
      font-size: .84rem;
      line-height: 1.45;
    }

    .creator-amazon-notices p {
      margin: 5px 0;
    }

    .creator-product-card {
      display: flex;
      min-width: 0;
      flex-direction: column;
      gap: 10px;
      border: 1px solid var(--rr-line);
    }

    .creator-product-content {
      display: flex;
      min-width: 0;
      flex: 1;
      flex-direction: column;
      align-items: center;
      gap: 7px;
      color: var(--rr-ink);
      text-decoration: none;
    }

    .creator-product-content h3 {
      margin: 0;
      color: var(--rr-ink);
      font-size: 1rem;
      line-height: 1.35;
    }

    .creator-product-facts {
      display: grid;
      gap: 3px;
      color: var(--rr-muted);
      font-size: .82rem;
      line-height: 1.35;
    }

    .creator-product-content .price {
      color: var(--rr-ink);
      font-size: 1.05rem;
    }

    .creator-availability {
      color: var(--rr-muted);
      font-size: .86rem;
      font-weight: 700;
    }

    .creator-fit-notes {
      padding-top: 9px;
      border-top: 1px solid var(--rr-line);
      color: var(--rr-muted);
      font-size: .84rem;
      line-height: 1.4;
      text-align: left;
    }

    .creator-fit-notes p {
      margin: 5px 0;
    }

    .creator-product-cta {
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      justify-content: center;
      margin-top: auto;
      padding: 9px 12px;
      border-radius: 8px;
      background: var(--rr-blue-dark);
      color: #fff;
      font-weight: 900;
      text-align: center;
      text-decoration: none;
    }

    .no-image-placeholder {
      display: flex;
      width: 120px;
      height: 120px;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      background: var(--rr-panel-soft);
      color: var(--rr-muted);
      font-size: .78rem;
    }

    .featured-ideas h3 {
      margin-bottom: 10px;
      font-size: 1.1em;
      color: #333;
    }

    .featured-ideas ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: center;
    }

    .featured-ideas button {
      background: #e9ecef;
      color: #333;
      padding: 7px 14px;
      border-radius: 20px;
      font-size: 0.95em;
      border: 1px solid #ccc;
      cursor: pointer;
      transition: background 0.2s;
    }

    .featured-ideas button:hover {
      background: #dfe2e6;
    }

    .shopping-paths {
      margin: 16px 0 0;
      padding: 24px;
      border: 1px solid #e1e9f5;
      border-radius: 10px;
      text-align: left;
      background: #fff !important;
      color: #172033 !important;
      box-shadow: 0 10px 26px rgba(30, 80, 140, 0.07);
    }

    .shopping-paths h2 {
      margin: 0 0 8px;
      color: #1f2937 !important;
      font-size: 1.62rem;
      line-height: 1.2;
      letter-spacing: 0;
    }

    .shopping-paths p {
      margin: 0 0 16px;
      color: #4b5563 !important;
      line-height: 1.5;
    }

    .rr-difference {
      margin: 18px 0 22px;
      padding: 22px;
      border: 1px solid #cfe0f5;
      border-radius: 10px;
      background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
      color: #172033 !important;
      text-align: left;
      box-shadow: 0 10px 26px rgba(30, 80, 140, 0.07);
    }

    .rr-difference h2 {
      margin: 0 0 8px;
      color: #1f2937 !important;
      font-size: 1.3rem;
      line-height: 1.25;
      letter-spacing: 0;
    }

    .rr-difference p {
      margin: 0 0 12px;
      color: #4b5563 !important;
      line-height: 1.5;
    }

    .rr-standards {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .rr-standards li {
      padding: 14px;
      border: 1px solid #e5edf7;
      border-radius: 8px;
      background: #fff !important;
      color: #1f2937 !important;
      line-height: 1.45;
    }

    .rr-standards strong {
      display: block;
      margin-bottom: 4px;
      color: #176dc1 !important;
    }

    .shopping-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 14px;
    }

    .shopping-card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 154px;
      padding: 18px;
      border: 1px solid #d8e2ef;
      border-radius: 8px;
      background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
      color: #1f2937 !important;
      text-decoration: none;
      box-shadow: 0 8px 20px rgba(30, 80, 140, 0.07);
      transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    }

    .shopping-card:hover,
    .shopping-card:focus {
      transform: translateY(-2px);
      border-color: #1e90ff;
      box-shadow: 0 10px 24px rgba(30, 144, 255, 0.16);
      outline: none;
    }

    .shopping-card strong {
      display: block;
      font-size: 1.08rem;
      line-height: 1.25;
      margin-bottom: 8px;
    }

    .shopping-card .card-label {
      display: inline-flex;
      width: fit-content;
      min-height: 27px;
      align-items: center;
      margin-bottom: 10px;
      padding: 5px 8px;
      border-radius: 8px;
      background: #e8f3ff;
      color: #176dc1 !important;
      font-size: 0.78rem;
      font-weight: 900;
      line-height: 1.1;
      text-transform: uppercase;
    }

    .shopping-card span {
      display: block;
      color: #64748b !important;
      line-height: 1.45;
      font-size: 0.95rem;
    }

    .shopping-card b {
      color: #176dc1 !important;
      margin-top: 12px;
      font-size: 0.95rem;
    }

    .more-guides {
      margin: 22px 0 4px;
      padding-top: 18px;
      border-top: 1px solid #e5edf7;
    }

    .more-guides h3 {
      margin: 0 0 10px;
      color: #1f2937 !important;
      font-size: 1.1rem;
    }

    .more-guide-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .more-guide-links a {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 9px 12px;
      border: 1px solid #d8e2ef;
      border-radius: 8px;
      color: #176dc1 !important;
      background: #fff !important;
      text-decoration: none;
      font-weight: 700;
      line-height: 1.2;
    }

    .more-guide-links a:hover,
    .more-guide-links a:focus {
      border-color: #1e90ff;
      background: #f8fbff;
    }

    .chat-row {
      display: flex;
      gap: 8px;
      margin-bottom: 0;
      margin-top: 10px;
    }

    .chat-row input[type="text"] {
      flex: 1;
      padding: 10px;
      font-size: 1em;
      border: 1px solid #bbb;
      border-radius: 6px;
    }

    .chat-row button {
      padding: 10px 14px;
      font-size: 1em;
      border-radius: 6px;
      border: none;
      cursor: pointer;
      transition: background 0.2s;
    }

    .send-btn {
      background: #1e90ff;
      color: #fff;
    }

    .send-btn:hover {
      background: #176dc1;
    }

    .save-btn {
      background: #28a745;
      color: #fff;
    }

    .save-btn:hover {
      background: #1e7e34;
    }

    .restart-btn {
      background: #dc3545;
      color: #fff;
    }

    .restart-btn:hover {
      background: #a71d2a;
    }

    #results {
      margin-top: 18px;
      text-align: left;
      min-height: 40px;
    }

    .results-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 24px;
      margin-top: 24px;
    }

    .result-card {
      background: #f8fafc;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(30, 144, 255, 0.06);
      padding: 18px 14px 14px 14px;
      text-align: center;
      transition: transform 0.15s;
    }

    .result-card:hover {
      transform: translateY(-4px) scale(1.03);
      box-shadow: 0 6px 18px rgba(30, 144, 255, 0.10);
    }

    .result-card img {
      max-width: 120px;
      border-radius: 8px;
      margin-bottom: 10px;
    }

    .result-card .complimentary {
      margin-top: 8px;
      font-size: 0.97em;
      color: #1e90ff;
    }

    .rr-retailer-comparison {
      grid-column: 1 / -1;
      padding: 18px;
      border: 1px solid #cfdbea;
      border-radius: 12px;
      background: #fffdf4;
    }

    .rr-retailer-heading {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
      color: #334155;
    }

    .rr-retailer-heading span {
      color: #176dc1;
      font-weight: 800;
    }

    .rr-retailer-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }

    .rr-retailer-card {
      min-width: 0;
      padding: 14px;
      border: 1px solid #d8e2ef;
      border-radius: 10px;
      background: #fff;
      text-align: left;
    }

    .rr-retailer-card h3,
    .rr-retailer-card p {
      margin: 8px 0;
    }

    .rr-retailer-card img {
      display: block;
      width: 100%;
      max-width: 150px;
      height: 120px;
      margin: 0 auto 10px;
      object-fit: contain;
    }

    .rr-previous-price {
      display: block;
      margin-top: 3px;
      color: #64748b;
      font-size: 0.82rem;
      font-weight: 500;
    }

    .rr-transparency {
      margin: 12px 0 0;
      color: #475569;
      font-size: 0.86rem;
      line-height: 1.4;
    }

    @media (max-width: 600px) {
      .rr-retailer-comparison { padding: 12px; }
      .rr-retailer-heading { display: block; margin-bottom: 8px; }
      .rr-retailer-heading span,
      .rr-retailer-heading strong { display: block; }
      .rr-retailer-grid {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 8px;
      }
      .rr-retailer-card {
        flex: 0 0 min(82vw, 300px);
        padding: 12px;
        scroll-snap-align: start;
      }
      .rr-retailer-card img { height: 96px; }
    }

    .loading {
      display: none !important;
      color: #1e90ff;
      font-style: italic;
      margin-top: 12px;
    }

    body.api-ready .loading.is-loading {
      display: block !important;
    }

    .error {
      color: #dc3545;
      background: #f8d7da;
      border: 1px solid #dc3545;
      border-radius: 4px;
      padding: 10px;
      margin-top: 12px;
    }

    footer {
      margin-top: 40px;
      padding: 20px 10px;
      background: #f1f1f1;
      width: 100%;
      text-align: center;
      font-size: 0.98em;
      color: #444;
    }

    footer a {
      color: #1e90ff;
      text-decoration: none;
    }

    @media (max-width: 900px) {
      .container {
        max-width: 99vw;
        padding: 12px 2vw;
      }

      .hero h1 {
        font-size: 1.5rem;
      }
    }

    /* Mascot animation */
    @keyframes mascotIdleFloat {

      0%,
      100% {
        transform: translateY(0) rotate(-0.4deg) scale(var(--mascot-hover-scale, 1));
      }

      50% {
        transform: translateY(-6px) rotate(0.4deg) scale(calc(var(--mascot-hover-scale, 1) * 1.015));
      }
    }
    .fresh-mix-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin: 14px 0 10px;
    }
    .fresh-mix-toolbar span {
      color: var(--muted);
      font-size: .88rem;
      font-weight: 800;
    }
    .fresh-mix-toolbar button {
      min-height: 44px;
      padding: 9px 14px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: #fff;
      color: var(--blue-dark);
      cursor: pointer;
      font: inherit;
      font-weight: 900;
    }
    .decision-mode-panel {
      margin: 12px 0 16px;
      padding: 12px 14px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: var(--panel);
      box-shadow: 0 8px 22px rgba(30, 80, 140, .07);
    }
    .decision-mode-panel > summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      cursor: pointer;
      color: var(--blue-dark);
      font-weight: 900;
      list-style: none;
    }
    .decision-mode-panel > summary::-webkit-details-marker { display: none; }
    .decision-mode-panel > summary::after { content: '+'; font-size: 1.25rem; }
    .decision-mode-panel[open] > summary { margin-bottom: 9px; }
    .decision-mode-panel[open] > summary::after { content: '−'; }
    .decision-mode-panel > summary small { color: var(--muted); font-size: .8rem; }
    .decision-mode-heading {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 9px;
    }
    .decision-mode-heading h2 {
      margin: 0;
      font-size: 1rem;
    }
    .decision-mode-heading p {
      margin: 0;
      color: var(--muted);
      font-size: .8rem;
      font-weight: 750;
    }
    .decision-mode-options {
      display: flex;
      gap: 7px;
      overflow-x: auto;
      padding: 2px 1px 7px;
      scrollbar-width: thin;
    }
    .decision-mode-options button {
      flex: 0 0 auto;
      min-height: 40px;
      padding: 7px 11px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #fff;
      color: var(--blue-dark);
      cursor: pointer;
      font: inherit;
      font-size: .82rem;
      font-weight: 900;
    }
    .decision-mode-options button[aria-pressed="true"] {
      border-color: var(--blue-dark);
      background: var(--blue-dark);
      color: #fff;
    }
    .decision-mode-status {
      min-height: 20px;
      margin: 1px 0 0;
      color: var(--muted);
      font-size: .8rem;
      font-weight: 750;
    }
    .fresh-mix-item {
      display: flex;
      min-width: 0;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--panel-soft);
      box-shadow: 0 8px 20px rgba(30, 80, 140, 0.07);
    }
    .fresh-mix-item .shopping-card {
      flex: 1 1 auto;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    .fresh-mix-item .shopping-card:hover,
    .fresh-mix-item .shopping-card:focus {
      transform: none;
      border-color: transparent;
      box-shadow: none;
    }
    .fresh-card-feedback {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 5px;
      margin: 0;
      padding: 6px;
      border-top: 1px solid var(--line);
      background: var(--panel-soft);
    }
    .fresh-card-feedback button {
      min-height: 38px;
      padding: 6px 5px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      color: var(--blue-dark);
      cursor: pointer;
      font: inherit;
      font-size: .7rem;
      font-weight: 900;
      line-height: 1.15;
    }
    .fresh-card-feedback button:hover,
    .fresh-card-feedback button:focus-visible {
      border-color: var(--blue-dark);
      outline: 2px solid rgba(30, 144, 255, .24);
      outline-offset: 1px;
    }
    .fresh-preference-summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      min-height: 28px;
      margin-top: 8px;
      color: var(--muted);
      font-size: .78rem;
      font-weight: 750;
    }
    .fresh-preference-summary button {
      min-height: 36px;
      padding: 6px 9px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: transparent;
      color: var(--blue-dark);
      cursor: pointer;
      font: inherit;
      font-size: .74rem;
      font-weight: 900;
    }
    .fresh-mix-item.is-fresh-hidden {
      display: none !important;
    }
    .home-lane-controls {
      display: none;
    }

    @keyframes mascotWave {
      0% {
        transform: rotate(0deg);
      }

      20% {
        transform: rotate(-10deg);
      }

      40% {
        transform: rotate(10deg);
      }

      60% {
        transform: rotate(-10deg);
      }

      80% {
        transform: rotate(10deg);
      }

      100% {
        transform: rotate(0deg);
      }
    }

    @keyframes mascotBounce {

      0%,
      100% {
        transform: translateY(0);
      }

      30% {
        transform: translateY(-18px);
      }

      50% {
        transform: translateY(-8px);
      }

      70% {
        transform: translateY(-14px);
      }
    }

    @keyframes mascotCelebrate {
      0% {
        filter: brightness(1);
      }

      20% {
        filter: brightness(1.5) drop-shadow(0 0 8px #ffe066);
      }

      100% {
        filter: brightness(1);
      }
    }

    .mascot.animated {
      animation: mascotWave 1.2s ease-in-out;
    }

    .mascot.bounce {
      animation: mascotBounce 0.7s cubic-bezier(.68, -0.55, .27, 1.55);
    }

    .mascot.celebrate {
      animation: mascotCelebrate 1s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {

      .hero .mascot,
      .mobile-mascot-mark {
        animation: none !important;
        transition: none !important;
      }
    }

    /* Floating mascot assistant */
    .floating-mascot {
      position: fixed;
      bottom: 24px;
      right: 24px;
      width: 64px;
      height: 64px;
      border-radius: 50%;
      box-shadow: 0 4px 16px rgba(30, 144, 255, 0.18);
      background: #fff;
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: box-shadow 0.2s, transform 0.2s;
    }

    .floating-mascot img {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      pointer-events: none;
    }

    .floating-mascot:hover {
      box-shadow: 0 8px 32px #ffe06699;
      transform: scale(1.08);
    }

    @media (max-width: 600px) {
      .chat-row {
        flex-direction: column !important;
        gap: 10px !important;
        align-items: stretch !important;
      }

      .chat-row input[type="text"] {
        width: 100% !important;
        font-size: 1.1em !important;
        margin-bottom: 0 !important;
      }

      .chat-row button {
        width: 100% !important;
        font-size: 1.1em !important;
        margin-bottom: 0 !important;
      }

      html,
      body {
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box;
      }

      .container {
        max-width: 100% !important;
        width: 100% !important;
        left: 0 !important;
        padding: 0 !important;
        margin: 0 auto !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
      }

      .hero {
        width: 100% !important;
        padding: 22px 16px 48px !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        text-align: center !important;
      }

      .version-label {
        display: none !important;
      }

      .hero .mascot {
        display: none !important;
      }

      .mobile-mascot-mark {
        display: block !important;
        width: 112px !important;
        height: 112px !important;
        margin: 0 auto 12px !important;
        border-radius: 14px !important;
        background-image: url('the-retail-raptor.jpg');
        background-size: 135%;
        background-position: center 58%;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.48), 0 10px 24px rgba(8, 38, 72, 0.22) !important;
      }

      .hero h1,
      .hero .tagline {
        width: calc(100vw - 48px) !important;
        max-width: calc(100vw - 48px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-wrap: anywhere !important;
      }

      .seo-intro,
      .rr-difference,
      .shopping-paths,
      .path-finder,
      .saved-guides-panel,
      .session-summary-panel,
      .top-picks-panel,
      .compare-paths-panel,
      .seasonal-picks,
      .trust-links,
      .content-clusters {
        width: calc(100vw - 48px) !important;
        max-width: calc(100vw - 48px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow-wrap: anywhere !important;
      }

      .seo-intro,
      .rr-difference,
      .shopping-paths,
      .path-finder,
      .saved-guides-panel,
      .session-summary-panel,
      .top-picks-panel,
      .compare-paths-panel,
      .seasonal-picks,
      .trust-links,
      .content-clusters {
        padding: 16px !important;
      }

      .home-tool-band {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
      }

      .priority-layout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
      }

      .path-finder-row {
        flex-direction: column !important;
      }

      .path-finder-row button,
      .small-action-button {
        width: 100% !important;
      }

      .quick-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
      }

      .quick-action {
        width: 100% !important;
      }

      .mascot-bubble {
        left: 50% !important;
        top: -10px !important;
        transform: translate(-50%, -100%) !important;
        font-size: 1em !important;
        padding: 10px 1vw !important;
        border-radius: 12px !important;
        max-width: 98vw !important;
        min-width: 60vw !important;
        white-space: normal !important;
        z-index: 10020 !important;
        box-sizing: border-box !important;
      }

      .mascot-bubble.show {
        transform: translate(-50%, -120%) scale(1.01) !important;
      }

      .result-card img {
        max-width: 98vw !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto 8px auto !important;
        display: block !important;
        box-sizing: border-box !important;
      }

      .result-card {
        padding: 10px 0vw !important;
        margin-bottom: 18px !important;
        box-sizing: border-box !important;
        max-width: 98vw !important;
        width: 100% !important;
        left: 0 !important;
      }

      .featured-ideas ul,
      .featured-ideas button {
        max-width: 98vw !important;
        width: 100% !important;
        box-sizing: border-box !important;
        left: 0 !important;
      }

      .shopping-grid {
        grid-template-columns: 1fr !important;
      }

      .rr-standards {
        grid-template-columns: 1fr !important;
      }

      .shopping-card {
        min-height: 128px !important;
      }

      .chat-row,
      .chat-row input,
      .chat-row button {
        max-width: 98vw !important;
        width: 100% !important;
        box-sizing: border-box !important;
        left: 0 !important;
      }

      .faq {
        padding-left: 4vw !important;
        padding-right: 4vw !important;
      }

      .faq * {
        box-sizing: border-box !important;
        word-break: break-word !important;
      }
    }

    @media (max-width: 400px) {
      .container {
        padding: 0 10px 14px;
      }

      .hero h1 {
        font-size: 1.45rem;
        line-height: 1.14;
      }

      .result-card img {
        max-width: 90vw !important;
      }

      .buy-amazon-btn {
        font-size: 1em;
        padding: 10px 0;
      }
    }

    .spinner-wheel {
      width: 56px;
      height: 56px;
      border: 7px solid #ffe066;
      border-top: 7px solid #1e90ff;
      border-radius: 50%;
      animation: spin 1s linear infinite;
      margin: 0 auto;
    }

    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    .mascot-bubble {
      position: absolute;
      left: 50%;
      top: 0;
      transform: translate(-50%, -110%);
      background: #fffbe6;
      color: #222;
      border-radius: 16px;
      box-shadow: 0 2px 16px #ffe066cc;
      padding: 12px 18px;
      font-size: 1.08em;
      z-index: 10010;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.5s, transform 0.5s;
      display: none;
      max-width: 90vw;
      text-align: center;
      white-space: pre-line;
    }

    .mascot-bubble.show {
      opacity: 1;
      display: block;
      pointer-events: auto;
      transform: translate(-50%, -120%) scale(1.05);
    }

    @media (max-width: 600px) {
      .mascot-bubble {
        left: 50%;
        top: 0;
        transform: translate(-50%, -105%);
        font-size: 1em;
        padding: 10px 8px;
        border-radius: 12px;
        max-width: 96vw;
        min-width: 60vw;
        white-space: normal;
      }

      .mascot-bubble.show {
        transform: translate(-50%, -120%) scale(1.01);
      }

    }

    /* Deal reveal animation */
    @keyframes dealPopIn {
      0% {
        opacity: 0;
        transform: scale(0.85) translateY(30px);
      }

      60% {
        opacity: 1;
        transform: scale(1.05) translateY(-8px);
      }

      80% {
        transform: scale(0.97) translateY(2px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
    }

    .result-card.deal-pop {
      animation: dealPopIn 0.7s cubic-bezier(.68, -0.55, .27, 1.55);
    }

    /* Badge animation */
    @keyframes badgePulse {
      0% {
        box-shadow: 0 0 0 0 #ffe06688;
      }

      70% {
        box-shadow: 0 0 0 12px #ffe06600;
      }

      100% {
        box-shadow: 0 0 0 0 #ffe06600;
      }
    }

    .deal-badge.animated {
      animation: badgePulse 1.2s cubic-bezier(.68, -0.55, .27, 1.55);
    }

    /* Focus indicator for accessibility */
    button:focus,
    a:focus,
    input:focus {
      outline: 3px solid #1e90ff !important;
      outline-offset: 2px;
      box-shadow: 0 0 0 2px #ffe06688;
    }

    :root {
      --rr-blue: #1e90ff;
      --rr-blue-dark: #176dc1;
      --rr-yellow: #ffe066;
      --rr-ink: #1f2937;
      --rr-muted: #4b5563;
      --rr-line: #d8e2ef;
      --rr-panel: #ffffff;
      --rr-panel-soft: #f8fbff;
      --rr-page-bg: #f5f8fc;
      --rr-header-bg: linear-gradient(90deg, rgba(16, 93, 170, 0.92), rgba(248, 203, 76, 0.88)), #1e90ff;
      --rr-header-text: #ffffff;
      --rr-focus: #0f5fbf;
      --rr-focus-ring: rgba(15, 95, 191, 0.28);
      color-scheme: light;
    }

    :root[data-theme="dark"] {
      --rr-blue: #69b6ff;
      --rr-blue-dark: #9ccbff;
      --rr-yellow: #f6d86b;
      --rr-ink: #e5edf7;
      --rr-muted: #d0dbea;
      --rr-line: #33465d;
      --rr-panel: #172231;
      --rr-panel-soft: #101923;
      --rr-page-bg: #08111d;
      --rr-header-bg: linear-gradient(90deg, #08294d 0%, #59480a 100%);
      --rr-header-text: #f8fbff;
      --rr-focus: #f6d86b;
      --rr-focus-ring: rgba(246, 216, 107, 0.35);
      color-scheme: dark;
    }

    body {
      background: var(--rr-page-bg);
      color: var(--rr-ink);
    }

    .skip-link {
      position: fixed;
      top: 12px;
      left: 12px;
      z-index: 10000;
      transform: translateY(-160%);
      padding: 10px 14px;
      border-radius: 8px;
      background: var(--rr-panel);
      color: var(--rr-blue-dark);
      font-weight: 900;
      text-decoration: none;
      box-shadow: 0 8px 22px rgba(15, 23, 42, 0.18);
    }

    .skip-link:focus {
      transform: translateY(0);
    }

    :focus-visible {
      outline: 3px solid var(--rr-focus);
      outline-offset: 3px;
      box-shadow: 0 0 0 6px var(--rr-focus-ring);
    }

    .theme-toggle {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 16px;
      padding: 8px 12px;
      border: 1px solid rgba(255, 255, 255, 0.58);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.16);
      color: var(--rr-header-text);
      font: inherit;
      font-weight: 800;
      cursor: pointer;
    }

    .theme-toggle:hover {
      background: rgba(255, 255, 255, 0.26);
    }

    .hero {
      background: var(--rr-header-bg);
      color: var(--rr-header-text);
    }

    .hero h1,
    .hero .tagline {
      color: var(--rr-header-text);
    }

    .container,
    .seasonal-picks,
    .top-picks-panel,
    .session-summary-panel,
    .compare-paths-panel,
    .trust-links,
    .path-finder,
    .saved-guides-panel,
    .rr-difference,
    .content-clusters,
    .result-card,
    footer,
    .faq {
      background: var(--rr-panel);
      color: var(--rr-ink);
    }

    .seo-intro,
    .shopping-paths p,
    .shopping-card span,
    .rr-difference p,
    .content-clusters p,
    footer,
    .faq dd {
      color: var(--rr-muted);
    }

    .shopping-card,
    .pick-card,
    .quick-action,
    .more-guide-links a,
    .cluster-grid a,
    .trust-link-grid a {
      background: var(--rr-panel-soft);
      border-color: var(--rr-line);
      color: var(--rr-ink);
    }

    .shopping-card b,
    .more-guide-links a,
    .cluster-grid a,
    .trust-link-grid a,
    footer a {
      color: var(--rr-blue-dark);
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }
    }

    @media (max-width: 600px) {
      .hero {
        width: 100vw !important;
        max-width: 100vw !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        text-align: center !important;
      }

      .hero h1,
      .hero .tagline {
        width: calc(100vw - 64px) !important;
        max-width: calc(100vw - 64px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .hero h1 {
        font-size: 1.35rem !important;
        line-height: 1.12 !important;
      }

      .hero .mascot {
        display: none !important;
      }

      .mobile-mascot-mark {
        display: block !important;
        width: 112px !important;
        height: 112px !important;
        margin: 0 auto 12px !important;
        border-radius: 14px !important;
        background-image: url('the-retail-raptor.jpg');
        background-size: 135%;
        background-position: center 58%;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.48), 0 10px 24px rgba(8, 38, 72, 0.22) !important;
      }

      .container {
        width: 100vw !important;
        max-width: 100vw !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
      }

      .seo-intro,
      .seasonal-picks,
      .top-picks-panel,
      .shopping-paths,
      .home-tool-band,
      .compare-paths-panel,
      .priority-layout,
      .rr-difference,
      .trust-links,
      .content-clusters,
      .advanced-product-search {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .home-tool-band {
        display: grid !important;
        grid-template-columns: 1fr !important;
      }

      .priority-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
      }
    }
    :root[data-theme="dark"] .container,
    :root[data-theme="dark"] .seo-intro,
    :root[data-theme="dark"] .seasonal-picks,
    :root[data-theme="dark"] .top-picks-panel,
    :root[data-theme="dark"] .session-summary-panel,
    :root[data-theme="dark"] .compare-paths-panel,
    :root[data-theme="dark"] .trust-links,
    :root[data-theme="dark"] .path-finder,
    :root[data-theme="dark"] .saved-guides-panel,
    :root[data-theme="dark"] .rr-difference,
    :root[data-theme="dark"] .content-clusters,
    :root[data-theme="dark"] .advanced-product-search,
    :root[data-theme="dark"] .faq,
    :root[data-theme="dark"] footer {
      background: var(--rr-panel) !important;
      color: var(--rr-ink) !important;
    }

    :root[data-theme="dark"] .seasonal-callout,
    :root[data-theme="dark"] .shopping-card,
    :root[data-theme="dark"] .pick-card,
    :root[data-theme="dark"] .quick-action,
    :root[data-theme="dark"] .decision-mode-panel,
    :root[data-theme="dark"] .decision-mode-options button,
    :root[data-theme="dark"] .fresh-card-feedback button,
    :root[data-theme="dark"] .more-guide-links a,
    :root[data-theme="dark"] .cluster-grid a,
    :root[data-theme="dark"] .trust-link-grid a,
    :root[data-theme="dark"] .home-proof-chips span {
      background: var(--rr-panel-soft) !important;
      border-color: var(--rr-line) !important;
      color: var(--rr-ink) !important;
    }

    :root[data-theme="dark"] .seo-intro strong,
    :root[data-theme="dark"] .seasonal-picks h2,
    :root[data-theme="dark"] .top-picks-panel h2,
    :root[data-theme="dark"] .session-summary-panel h2,
    :root[data-theme="dark"] .compare-paths-panel h2,
    :root[data-theme="dark"] .trust-links h2,
    :root[data-theme="dark"] .shopping-paths h2,
    :root[data-theme="dark"] .rr-difference h2,
    :root[data-theme="dark"] .content-clusters h2,
    :root[data-theme="dark"] .path-finder h2,
    :root[data-theme="dark"] .saved-guides-panel h2,
    :root[data-theme="dark"] .faq-title,
    :root[data-theme="dark"] .faq dt {
      color: var(--rr-ink) !important;
    }

    :root[data-theme="dark"] .seo-intro,
    :root[data-theme="dark"] .shopping-paths p,
    :root[data-theme="dark"] .seasonal-picks p,
    :root[data-theme="dark"] .top-picks-panel p,
    :root[data-theme="dark"] .session-summary-panel p,
    :root[data-theme="dark"] .compare-paths-panel p,
    :root[data-theme="dark"] .trust-links p,
    :root[data-theme="dark"] .seasonal-callout span,
    :root[data-theme="dark"] .pick-card span,
    :root[data-theme="dark"] .top-pick-card span,
    :root[data-theme="dark"] .compare-result-card span,
    :root[data-theme="dark"] .shopping-card span,
    :root[data-theme="dark"] .rr-difference p,
    :root[data-theme="dark"] .content-clusters p,
    :root[data-theme="dark"] footer,
    :root[data-theme="dark"] .faq dd {
      color: var(--rr-muted) !important;
    }

    :root[data-theme="dark"] .decision-mode-options button[aria-pressed="true"] {
      background: var(--rr-blue-dark);
      color: #061521;
    }

    :root[data-theme="dark"] .shopping-card b,
    :root[data-theme="dark"] .more-guide-links a,
    :root[data-theme="dark"] .cluster-grid a,
    :root[data-theme="dark"] .trust-link-grid a,
    :root[data-theme="dark"] footer a,
    :root[data-theme="dark"] .quick-action,
    :root[data-theme="dark"] .top-pick-card,
    :root[data-theme="dark"] .compare-result-card,
    :root[data-theme="dark"] .pick-card {
      color: var(--rr-blue-dark) !important;
    }

    :root[data-theme="dark"] .creator-product-cta {
      color: #061521 !important;
    }

    @media (max-width: 600px) {
      html,
      body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
      }

      body {
        display: block !important;
      }

      .hero,
      .container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
      }

      .hero h1,
      .hero .tagline {
        width: 100% !important;
        max-width: 312px !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
      }

      .hero h1 {
        font-size: 1.24rem !important;
        line-height: 1.18 !important;
      }

      .seo-intro,
      .shopping-paths,
      .home-tool-band,
      .top-picks-panel,
      .session-summary-panel,
      .compare-paths-panel,
      .priority-layout,
      .rr-difference,
      .content-clusters {
        width: min(342px, calc(100% - 48px)) !important;
        max-width: min(342px, calc(100% - 48px)) !important;
        min-width: 0 !important;
        margin-left: 24px !important;
        margin-right: 24px !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
      }

      .priority-layout > .seasonal-picks,
      .priority-layout > .trust-links {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
      }

      .seo-intro,
      .seasonal-picks,
      .top-picks-panel,
      .session-summary-panel,
      .compare-paths-panel,
      .shopping-paths,
      .trust-links,
      .content-clusters {
        padding-left: 14px !important;
        padding-right: 14px !important;
      }

      .seo-intro {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        line-height: 1.36 !important;
      }

      .seo-intro strong {
        font-size: 1.02rem !important;
      }

      .home-proof-chips {
        gap: 6px !important;
        margin-top: 10px !important;
      }

      .home-proof-chips span {
        min-height: 52px !important;
        padding: 8px !important;
        font-size: 0.78rem !important;
      }

      .quick-actions,
      .home-proof-chips,
      .seasonal-callout-actions,
      .pick-grid,
      .shopping-grid,
      .more-guide-links,
      .trust-link-grid {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      .quick-action,
      .seasonal-callout-actions a,
      .pick-card,
      .shopping-card,
      .more-guide-links a,
      .trust-link-grid a {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
      }
    }
    .homepage-trust-strip {
      margin: 14px 0 20px;
      padding: 12px 14px;
      border: 1px solid var(--rr-line);
      border-radius: 10px;
      background: var(--rr-panel-soft);
      color: var(--rr-muted);
      line-height: 1.5;
    }
    .homepage-trust-strip strong { color: var(--rr-ink); }
    .homepage-trust-strip a { color: var(--rr-blue-dark); font-weight: 800; }
    .recommendation-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
    .recommendation-path-grid a { display: flex; flex-direction: column; gap: 6px; min-height: 148px; padding: 16px; border: 1px solid var(--rr-line); border-radius: 12px; background: var(--rr-panel-soft); color: var(--rr-ink); text-decoration: none; }
    .recommendation-path-grid a:hover { border-color: var(--rr-blue-dark); transform: translateY(-1px); }
    .recommendation-path-grid small { color: var(--rr-blue-dark); font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
    .recommendation-path-grid span { color: var(--rr-muted); line-height: 1.45; }
    .search-recovery { padding: 16px; border: 2px solid var(--rr-yellow); border-radius: 12px; background: var(--rr-panel-soft); color: var(--rr-ink); }
    .search-recovery > span { display: block; margin: 5px 0 12px; color: var(--rr-muted); }
    .search-recovery div { display: flex; flex-wrap: wrap; gap: 8px; }
    .search-recovery button { min-height: 44px; padding: 8px 12px; border: 1px solid var(--rr-blue-dark); border-radius: 8px; background: transparent; color: var(--rr-blue-dark); font: inherit; font-weight: 850; cursor: pointer; }
    .persona-starts {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin: 0 0 14px;
      padding: 12px;
      border: 1px solid var(--rr-line);
      border-radius: 12px;
      background: var(--rr-panel);
      box-shadow: 0 10px 28px rgba(30, 80, 140, 0.10);
    }
    .persona-starts a {
      display: flex;
      min-height: 48px;
      align-items: center;
      justify-content: center;
      padding: 9px 10px;
      border: 1px solid var(--rr-line);
      border-radius: 9px;
      background: var(--rr-panel-soft);
      color: var(--rr-blue-dark);
      font-weight: 850;
      text-align: center;
      text-decoration: none;
    }
    .persona-starts a:hover,
    .persona-starts a:focus { border-color: var(--rr-blue-dark); background: var(--rr-yellow-soft); }
    .shopping-workspace-entry {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin: 0 0 14px;
      padding: 12px 14px;
      border: 1px solid var(--rr-line);
      border-radius: 12px;
      background: var(--rr-yellow-soft);
      color: var(--rr-ink);
    }
    .shopping-workspace-entry span { color: var(--rr-muted); }
    .shopping-workspace-entry a {
      flex: 0 0 auto;
      min-height: 44px;
      padding: 11px 14px;
      border-radius: 9px;
      background: var(--rr-blue-dark);
      color: #fff;
      font-weight: 850;
      text-decoration: none;
    }
    .compare-paths-panel,
    .top-picks-panel,
    .rr-difference,
    .content-clusters,
    .featured-ideas,
    .chat-row,
    .daily-deal,
    .faq { display: none !important; }
    .shopping-grid .shopping-card:nth-child(n+7) { display: none; }
    @media (max-width: 600px) {
      .floating-mascot { display: none !important; }
      .hero { min-height: 0 !important; padding-top: 14px !important; padding-bottom: 18px !important; }
      .hero .mascot,
      .hero .mascot-bubble { display: none !important; }
      .hero .tagline { margin-top: 5px !important; font-size: .9rem !important; line-height: 1.35 !important; }
      .home-proof-chips { grid-template-columns: 1fr !important; }
      .container { padding-top: 12px !important; }
      .persona-starts {
        display: flex;
        grid-template-columns: none;
        gap: 7px;
        margin: 0 14px 10px !important;
        padding: 8px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
      }
      .persona-starts a {
        flex: 0 0 auto;
        min-height: 42px;
        padding: 7px 11px;
        scroll-snap-align: start;
      }
      .shopping-workspace-entry {
        align-items: center;
        flex-direction: row;
        margin: 0 14px 10px !important;
        padding: 9px 10px;
      }
      .shopping-workspace-entry br,
      .shopping-workspace-entry span { display: none; }
      .shopping-workspace-entry a { width: auto; min-height: 40px; padding: 9px 11px; }
      .home-tool-band,
      .session-summary-panel,
      .priority-layout,
      .shopping-paths { margin-bottom: 12px !important; }
      .path-finder,
      .saved-guides-panel,
      .session-summary-panel,
      .seasonal-picks,
      .shopping-paths { padding: 14px !important; }
      .path-finder > p,
      .saved-guides-panel > p,
      .session-summary-panel > p,
      .seasonal-picks > p,
      .shopping-paths > p { display: none; }
      .finder-choice-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; }
      .finder-choice { min-height: 42px !important; padding: 6px 4px !important; font-size: .77rem !important; }
      .quick-actions,
      .path-results,
      .pick-grid,
      .shopping-grid,
      .seasonal-callout-actions {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 9px !important;
        overflow-x: auto !important;
        padding-bottom: 9px;
        scroll-snap-type: x mandatory;
      }
      .quick-action,
      .path-result,
      .amazon-path-result,
      .pick-card,
      .shopping-card,
      .seasonal-callout-actions a {
        flex: 0 0 78% !important;
        min-height: 0 !important;
        scroll-snap-align: start;
      }
      .quick-action span,
      .shopping-card > span:not(.card-label),
      .pick-card span { display: none !important; }
      .homepage-trust-strip { margin: 9px 0 10px; padding: 9px 10px; font-size: .8rem; line-height: 1.35; }
      .saved-guides-panel.is-empty { display: none !important; }
      .session-summary-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; }
      .session-summary-stats span { min-height: 58px !important; padding: 7px !important; }
      .session-next-action { padding: 9px !important; }
      .priority-layout { display: block !important; }
      .priority-layout > .trust-links { display: none !important; }
      .seasonal-callout { padding: 10px !important; }
      .seasonal-callout > span { display: none !important; }
      .shopping-grid .shopping-card:nth-child(n+7) { display: flex !important; }
      .shopping-grid .shopping-card.is-fresh-hidden { display: none !important; }
      .fresh-mix-toolbar {
        align-items: flex-start;
        margin: 9px 0 7px;
      }
      .fresh-mix-toolbar span { max-width: 54%; font-size: .76rem; }
      .fresh-mix-toolbar button { min-height: 42px; padding: 7px 10px; font-size: .78rem; }
      .decision-mode-panel { margin: 8px 0 10px; padding: 9px 10px; }
      .decision-mode-heading { align-items: flex-start; margin-bottom: 6px; }
      .decision-mode-heading p { max-width: 48%; text-align: right; font-size: .72rem; }
      .decision-mode-options button { min-height: 38px; padding: 6px 10px; font-size: .76rem; }
      .decision-mode-status { font-size: .73rem; }
      .fresh-mix-item { flex: 0 0 100% !important; scroll-snap-align: start; }
      .fresh-mix-item .shopping-card { width: 100%; min-height: 110px !important; padding: 13px 16px !important; flex: 1 1 auto !important; }
      .fresh-card-feedback button { min-height: 40px; font-size: .68rem; }
      .fresh-preference-summary { align-items: flex-start; font-size: .72rem; }
      .home-lane-controls {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        margin: -3px 2px 6px;
      }
      .home-lane-controls button {
        width: 42px;
        min-width: 42px;
        height: 42px;
        border: 1px solid var(--line);
        border-radius: 999px;
        background: #fff;
        color: var(--blue-dark);
        cursor: pointer;
        font: inherit;
        font-size: 1.35rem;
        font-weight: 900;
      }
      .home-lane-controls button:disabled { cursor: default; opacity: .42; }
      .home-lane-controls span {
        min-width: 48px;
        color: var(--muted);
        font-size: .76rem;
        font-weight: 900;
        text-align: center;
      }
      .recommendation-path-grid { grid-template-columns: 1fr; }
    }
  
    .weekly-opportunities { margin: 0 0 18px; padding: 22px; border: 1px solid #d8e2ef; border-radius: 8px; background: #fff; box-shadow: 0 10px 26px rgba(30,80,140,.07); }
    .weekly-opportunities-header { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:14px; }
    .weekly-opportunities h2 { margin:0 0 6px; color:#1f2937; font-size:1.35rem; }
    .weekly-opportunities p { margin:0; color:#4b5563; line-height:1.5; }
    .weekly-opportunities-link { flex:0 0 auto; display:inline-flex; align-items:center; min-height:42px; padding:9px 13px; border-radius:8px; background:#176dc1; color:#fff !important; font-weight:900; text-decoration:none; }
    .opportunity-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
    .opportunity-card { display:grid; gap:6px; min-height:138px; padding:14px; border:1px solid #d8e2ef; border-radius:10px; background:#f8fbff; color:#172033 !important; text-decoration:none; }
    .opportunity-card small { color:#176dc1; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
    .opportunity-card strong { color:#0f172a; line-height:1.25; }
    .opportunity-card span { color:#56657a; font-size:.88rem; line-height:1.4; }
    .opportunity-card .deal-badge { display:inline-block; font-style:normal; font-weight:800; font-size:.78rem; color:#fff; background:#c2410c; border-radius:6px; padding:3px 8px; letter-spacing:.03em; justify-self:start; }
    .opportunity-card .card-visual { display:flex; align-items:center; justify-content:center; font-size:2rem; height:64px; border-radius:8px; margin:-4px -4px 2px; }
    .opportunity-card .card-visual.has-photo { padding:0; overflow:hidden; }
    .opportunity-card .card-visual.has-photo img { width:100%; height:100%; object-fit:contain; }
    .opportunity-card .price-cta { display:inline-block; font-weight:700; font-size:.85rem; color:#fff; background:#0d5ba7; border-radius:8px; padding:8px 14px; margin-top:4px; justify-self:start; }
    .seasonal-banner { display:flex; align-items:center; gap:10px; background:linear-gradient(135deg, #fef3c7, #fde68a); border:1px solid #f59e0b; border-radius:10px; padding:10px 16px; margin:0 0 16px; font-size:.92rem; }
    .seasonal-banner span[aria-hidden] { font-size:1.4rem; }
    .seasonal-banner p { margin:0; color:#92400e; }
    .seasonal-banner a { color:#b45309; font-weight:700; }
    .hero-trust { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-top:14px; font-size:.85rem; color:rgba(255,255,255,.9); }
    .hero-trust span { display:inline-flex; align-items:center; gap:4px; }
    .opportunity-card:hover,.opportunity-card:focus { border-color:#176dc1; box-shadow:0 8px 18px rgba(30,80,140,.1); outline:none; transform:translateY(-1px); }
    @media(max-width:900px){.opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
    @media(max-width:620px){.weekly-opportunities-header{display:grid;align-items:start}.weekly-opportunities-link{width:100%;justify-content:center}.opportunity-grid{grid-template-columns:1fr}.opportunity-card{min-height:0;}}

    /* Persona nav: distinct TAB styling (not pills like filter chips) */
    .persona-starts {
      display: flex;
      gap: 0;
      border-bottom: 2px solid #d8e2ef;
      margin-bottom: 24px;
      padding: 0;
      background: transparent;
    }
    .persona-starts a {
      flex: 1;
      text-align: center;
      padding: 14px 20px;
      font-weight: 700;
      color: #56657a;
      text-decoration: none;
      border-bottom: 3px solid transparent;
      margin-bottom: -2px;
      border-radius: 0;
      background: transparent;
    }
    .persona-starts a:hover {
      color: #0d5ba7;
      background: rgba(13, 91, 167, 0.05);
    }
    .persona-starts a[aria-current="page"],
    .persona-starts a:first-child {
      color: #0d5ba7;
      border-bottom-color: #0d5ba7;
    }