[data-component-id="befora:marketing-examples-item"] {
  display: flex;
  flex-direction: column;
  gap: var(--s-3, 12px);
  padding: var(--s-5, 24px);
  background: var(--bef-canvas-raised, #FAF8F2);
  border: 1px solid var(--bef-hairline, #D5D0C0);
  border-radius: var(--r-3, 6px);
  box-shadow: var(--sh-1);

  .befora-example-index {
    font-family: var(--bef-mono);
    font-size: var(--fs-11);
    letter-spacing: 0.18em;
    color: var(--bef-ember);
    text-transform: uppercase;
    margin: 0 0 10px;
  }

  .befora-example-title {
    margin: 0;
    font-family: var(--bef-display);
    font-size: var(--fs-20);
    line-height: 1.25;
    letter-spacing: -0.004em;
    color: var(--bef-ink, #1B1814);
  }

  .befora-example-scenario {
    margin: 0;
    font-family: var(--bef-body);
    font-size: var(--fs-14);
    line-height: 1.55;
    color: var(--bef-graphite, #494238);
  }

  .befora-example-math-panel {
    margin-top: var(--s-2, 8px);
    background: var(--bef-canvas-sunk, #E9E5DA);
    border: 1px solid var(--bef-hairline, #D5D0C0);
    border-radius: var(--r-2, 4px);
    padding: var(--s-3, 12px) var(--s-4, 16px);
    display: flex;
    flex-direction: column;
    gap: var(--s-2, 8px);
  }

  .befora-example-math-label {
    font-family: var(--bef-mono);
    font-size: var(--fs-10);
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--bef-stone, #6F6557);
  }

  .befora-example-math {
    margin: 0;
    font-family: var(--bef-mono);
    font-size: var(--fs-13);
    line-height: 1.6;
    color: var(--bef-ink, #1B1814);
  }

  .befora-example-math p {
    margin: 0;
  }

  .befora-example-result {
    margin: var(--s-2, 8px) 0 0;
    padding-top: var(--s-3, 12px);
    border-top: 1px solid var(--bef-hairline, #D5D0C0);
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .befora-example-result-label {
    font-family: var(--bef-mono);
    font-size: var(--fs-10);
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--bef-honey-deep, #7A5430);
  }

  .befora-example-result-value {
    font-family: var(--bef-display);
    font-size: var(--fs-22);
    line-height: 1.2;
    color: var(--bef-ember, #6B2520);
    font-weight: 500;
  }
}