@layer lhi-blog-experience {
  :root {
    --cbe-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --cbe-bg: #f5f5f7;
    --cbe-surface: #ffffff;
    --cbe-surface-soft: #f8f8fa;
    --cbe-text: #1d1d1f;
    --cbe-muted: #555861;
    --cbe-border: #d7d7dc;
    --cbe-accent: #005eb8;
    --cbe-accent-hover: #004987;
    --cbe-focus: #0071e3;
    --cbe-footer: #111827;
    --cbe-footer-text: #f7f8fa;
    --cbe-radius-sm: 10px;
    --cbe-radius: 18px;
    --cbe-shadow: 0 18px 56px rgb(0 0 0 / 8%);
    --cbe-reading: 76ch;
    --cbe-shell: 1200px;
    --cbe-transition: 160ms cubic-bezier(.2, 0, 0, 1);
    --paper: var(--cbe-surface);
    --wash: var(--cbe-bg);
    --ink: var(--cbe-text);
    --muted: var(--cbe-muted);
    --line: var(--cbe-border);
  }

  :root[data-cbe-theme="dark"] {
    color-scheme: dark;
    --cbe-bg: #0d0e11;
    --cbe-surface: #18191d;
    --cbe-surface-soft: #202126;
    --cbe-text: #f5f5f7;
    --cbe-muted: #b8bbc3;
    --cbe-border: #3a3c44;
    --cbe-accent: #6eb6ff;
    --cbe-accent-hover: #9bcdff;
    --cbe-focus: #76baff;
    --cbe-footer: #08090b;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-cbe-theme="light"]):not([data-cbe-theme="dark"]),
    :root[data-cbe-theme="system"] {
      color-scheme: dark;
      --cbe-bg: #0d0e11;
      --cbe-surface: #18191d;
      --cbe-surface-soft: #202126;
      --cbe-text: #f5f5f7;
      --cbe-muted: #b8bbc3;
      --cbe-border: #3a3c44;
      --cbe-accent: #6eb6ff;
      --cbe-accent-hover: #9bcdff;
      --cbe-focus: #76baff;
      --cbe-footer: #08090b;
    }
  }

  :root[data-cbe-contrast="true"] {
    --cbe-text: CanvasText;
    --cbe-bg: Canvas;
    --cbe-surface: Canvas;
    --cbe-surface-soft: Canvas;
    --cbe-muted: CanvasText;
    --cbe-border: CanvasText;
    --cbe-accent: LinkText;
    --cbe-accent-hover: LinkText;
  }

  :root[data-cbe-text="true"] { font-size: 112.5%; }
  :root[data-cbe-links="true"] [data-blog-experience] a { text-decoration: underline !important; }
  :root[data-cbe-motion="true"] *,
  :root[data-cbe-motion="true"] *::before,
  :root[data-cbe-motion="true"] *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }

  [data-blog-experience] { min-width: 320px; background: var(--cbe-bg); scroll-padding-top: 88px; }
  [data-blog-experience] body {
    min-height: 100vh;
    background: var(--cbe-bg) !important;
    color: var(--cbe-text) !important;
    font-family: var(--cbe-font) !important;
    letter-spacing: normal !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  [data-blog-experience] :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--cbe-focus) 72%, transparent);
    outline-offset: 3px;
  }
  [data-blog-experience] a { color: var(--cbe-accent); text-underline-offset: .18em; }
  [data-blog-experience] a:hover { color: var(--cbe-accent-hover); }

  .cbe-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }
  .cbe-preferences { position: relative; color: var(--cbe-text); font: 400 14px/1.45 var(--cbe-font); }
  .cbe-preferences > summary {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--cbe-border);
    border-radius: 999px;
    background: var(--cbe-surface-soft);
    color: var(--cbe-text);
    padding: 9px 14px;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
    transition: background var(--cbe-transition), transform var(--cbe-transition);
  }
  .cbe-preferences > summary::-webkit-details-marker { display: none; }
  .cbe-preferences > summary:hover { background: var(--cbe-surface); }
  .cbe-preferences > summary:active { transform: scale(.98); }
  .cbe-preferences__panel {
    position: absolute;
    z-index: 200;
    top: calc(100% + 10px);
    right: 0;
    display: grid;
    width: min(296px, calc(100vw - 32px));
    gap: 12px;
    border: 1px solid var(--cbe-border);
    border-radius: var(--cbe-radius);
    background: var(--cbe-surface);
    color: var(--cbe-text);
    box-shadow: var(--cbe-shadow);
    padding: 18px;
  }
  .cbe-preferences__heading { font-size: 18px; font-weight: 750; letter-spacing: -.02em; }
  .cbe-preferences__intro { margin: -8px 0 2px; color: var(--cbe-muted); font-size: 13px; }
  .cbe-preferences__field { display: grid; gap: 6px; font-weight: 650; }
  .cbe-preferences__field select {
    min-height: 44px;
    border: 1px solid var(--cbe-border);
    border-radius: 9px;
    background: var(--cbe-surface);
    color: var(--cbe-text);
    padding: 8px 10px;
    font: inherit;
  }
  .cbe-preferences__check { display: flex; min-height: 32px; align-items: center; gap: 9px; font-weight: 600; }
  .cbe-preferences__check input { width: 18px; height: 18px; accent-color: var(--cbe-accent); }
  .cbe-preferences__reset {
    min-height: 44px;
    border: 1px solid var(--cbe-border);
    border-radius: 9px;
    background: var(--cbe-surface-soft);
    color: var(--cbe-text);
    padding: 8px 12px;
    font: 700 13px/1.2 var(--cbe-font);
    cursor: pointer;
  }

  [data-blog-experience] .cbe-site-header {
    position: sticky !important;
    top: 0;
    z-index: 100;
    min-height: 64px;
    border-bottom: 1px solid var(--cbe-border) !important;
    background: var(--cbe-surface) !important;
    box-shadow: 0 1px 0 rgb(0 0 0 / 4%), 0 8px 24px rgb(0 0 0 / 4%) !important;
  }
  [data-blog-experience] .cbe-header-inner {
    display: flex;
    width: min(1120px, calc(100% - 32px));
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0 auto;
  }
  [data-blog-experience] .cbe-header-logo { display: inline-flex; min-width: 130px; min-height: 44px; align-items: center; }
  [data-blog-experience] .cbe-header-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
  [data-blog-experience] .cbe-header-actions .header-nav { display: flex; align-items: center; gap: 6px; }
  [data-blog-experience] .cbe-header-actions .header-nav-link,
  [data-blog-experience] .cbe-header-actions .request-btn {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 9px 14px;
    font: 700 14px/1.2 var(--cbe-font);
    text-decoration: none;
  }
  [data-blog-experience] .cbe-header-actions .header-nav-link { border: 1px solid var(--cbe-border); background: var(--cbe-surface-soft); color: var(--cbe-text); }
  [data-blog-experience] .cbe-header-actions .request-btn { border: 1px solid #af110e; background: #af110e; color: #fff; padding-inline: 18px; }
  [data-blog-experience] .cbe-header-actions .request-btn:hover { background: #8f0e0c; color: #fff; }

  [data-blog-experience] .lhi-main { padding-top: clamp(24px, 4vw, 48px); }
  [data-blog-experience] .lhi-hero {
    border: 1px solid rgb(255 255 255 / 14%);
    border-radius: var(--cbe-radius);
    background: radial-gradient(circle at 80% 15%, rgb(255 255 255 / 13%), transparent 30%), linear-gradient(135deg, #052f42, #07536c 58%, #08766f);
    box-shadow: var(--cbe-shadow);
  }
  [data-blog-experience] .lhi-hero h1 { max-width: 17ch; letter-spacing: -.045em; text-wrap: balance; }
  [data-blog-experience] .lhi-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
  [data-blog-experience] .lhi-hero__actions a {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255 255 255 / 55%);
    border-radius: 999px;
    color: #fff;
    padding: 10px 17px;
    font-weight: 750;
    text-decoration: none;
  }
  [data-blog-experience] .lhi-hero__actions a:first-child { border-color: #fff; background: #fff; color: #06384c; }
  [data-blog-experience] .lhi-card,
  [data-blog-experience] .lhi-article,
  [data-blog-experience] .lhi-context__card,
  [data-blog-experience] .lhi-evidence { border-color: var(--cbe-border); background: var(--cbe-surface); color: var(--cbe-text); }
  [data-blog-experience] .lhi-card { border-radius: var(--cbe-radius); box-shadow: 0 1px 2px rgb(0 0 0 / 3%); }
  [data-blog-experience] .lhi-card:hover { transform: translateY(-3px); box-shadow: 0 18px 48px rgb(0 0 0 / 10%); }
  [data-blog-experience] .lhi-card :where(h2, h3, p) { color: var(--cbe-text); }
  [data-blog-experience] .lhi-meta { color: var(--cbe-muted); }
  [data-blog-experience] .lhi-article { border-radius: var(--cbe-radius); box-shadow: var(--cbe-shadow); }
  [data-blog-experience] .lhi-article h1 {
    max-width: 23ch;
    color: var(--cbe-text);
    font-size: clamp(2.25rem, 4vw, 3.25rem);
    letter-spacing: -.045em;
    text-wrap: balance;
  }
  [data-blog-experience] .lhi-editorial-grid .lhi-body {
    max-width: var(--cbe-reading);
    color: var(--cbe-text);
    font-family: var(--cbe-font);
    font-size: clamp(1rem, 1.25vw, 1.125rem);
    line-height: 1.78;
  }
  [data-blog-experience] .lhi-body :where(p, li) { color: var(--cbe-text); }
  [data-blog-experience] .lhi-body :where(h2, h3, h4) { color: var(--cbe-text); letter-spacing: -.025em; text-wrap: balance; }
  [data-blog-experience] .lhi-assurance { border-color: #a8d9d2; background: color-mix(in srgb, #08766f 9%, var(--cbe-surface)); color: var(--cbe-text); }

  [data-blog-experience] .lhi-body .ctaSec,
  [data-blog-experience] .lhi-conversion {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .8fr);
    align-items: center;
    gap: clamp(22px, 4vw, 42px);
    margin: clamp(32px, 6vw, 64px) 0;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 22px;
    background: radial-gradient(circle at 90% 5%, rgb(255 255 255 / 12%), transparent 34%), linear-gradient(135deg, #052f42, #07536c 58%, #08766f) !important;
    color: #f5f5f7 !important;
    box-shadow: 0 18px 44px rgb(6 56 76 / 18%);
    padding: clamp(24px, 5vw, 42px);
  }
  [data-blog-experience] .lhi-body .ctaSec :where(h2, h3, h4, h5, h6, p, li, strong, span),
  [data-blog-experience] .lhi-conversion :where(h2, h3, h4, p, span) { color: #f5f5f7 !important; }
  [data-blog-experience] .lhi-body .ctaSec :where(h2, h3),
  [data-blog-experience] .lhi-conversion h2 { margin: 0; font: 800 clamp(1.35rem, 2.5vw, 1.9rem)/1.18 var(--cbe-font); letter-spacing: -.025em; }
  [data-blog-experience] .lhi-body .ctaSec p { margin: .75rem 0 0; font: 500 1rem/1.65 var(--cbe-font); }
  [data-blog-experience] .lhi-body .ctaSec .ctaRight { display: grid; gap: 18px; align-content: center; border-left: 1px solid rgb(255 255 255 / 24%); padding-left: clamp(22px, 4vw, 38px); }
  [data-blog-experience] .lhi-body .ctaSec .ctaRight h3 { font-size: clamp(1.05rem, 1.7vw, 1.3rem); line-height: 1.35; }
  [data-blog-experience] .lhi-body .ctaSec .ctaButton,
  [data-blog-experience] .lhi-conversion__button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    justify-self: start;
    border: 2px solid #fff;
    border-radius: 12px;
    background: #fff;
    color: #06384c !important;
    padding: 12px 17px;
    font: 800 .94rem/1.2 var(--cbe-font);
    text-align: center;
    text-decoration: none;
    box-shadow: 0 8px 22px rgb(3 29 41 / 16%);
  }
  [data-blog-experience] .lhi-body .ctaSec .ctaButton:hover,
  [data-blog-experience] .lhi-conversion__button:hover { background: #f1fbf8; color: #06384c !important; transform: translateY(-2px); }
  [data-blog-experience] .lhi-footer { background: var(--cbe-footer); color: var(--cbe-footer-text); }

  :root[data-cbe-contrast="true"] [data-blog-experience] :where(.lhi-card, .lhi-article, .lhi-context__card, .lhi-evidence, .ctaSec, .cbe-preferences__panel) { border: 2px solid CanvasText !important; box-shadow: none !important; }

  @media (max-width: 900px) {
    [data-blog-experience] .cbe-header-inner { gap: 12px; }
    [data-blog-experience] .cbe-header-actions .header-nav-link:not(.lhi-insights-link) { display: none; }
    [data-blog-experience] .lhi-body .ctaSec,
    [data-blog-experience] .lhi-conversion { grid-template-columns: 1fr; }
    [data-blog-experience] .lhi-body .ctaSec .ctaRight { border-top: 1px solid rgb(255 255 255 / 24%); border-left: 0; padding-top: 22px; padding-left: 0; }
  }
  @media (max-width: 640px) {
    [data-blog-experience] .cbe-header-inner { width: calc(100% - 24px); gap: 8px; }
    [data-blog-experience] .cbe-header-logo { min-width: auto; }
    [data-blog-experience] .cbe-header-logo img { width: 112px; height: auto; }
    [data-blog-experience] .cbe-preferences__label,
    [data-blog-experience] .cbe-header-actions .lhi-insights-link { display: none; }
    [data-blog-experience] .cbe-header-actions .request-btn { padding-inline: 12px; }
    [data-blog-experience] .cbe-preferences__panel { position: fixed; top: 72px; right: 12px; }
    [data-blog-experience] .lhi-hero__actions { display: grid; }
    [data-blog-experience] .lhi-body .ctaSec .ctaButton,
    [data-blog-experience] .lhi-conversion__button { width: 100%; justify-self: stretch; }
  }
  @media (prefers-reduced-motion: reduce) {
    :root:not([data-cbe-motion="false"]) *,
    :root:not([data-cbe-motion="false"]) *::before,
    :root:not([data-cbe-motion="false"]) *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  }
}