/*
    is:global because the percent spans live inside RegretBar.astro and carry
    that components Astro scope attribute, which this wrappers own scoped CSS
    cannot reach. Every selector below is prefixed with .regretbar-ds-root, so
    the override is confined to this preview wrapper and never touches the live
    RegretBar instances on the rest of the site.

    NO apostrophes in this comment block — Lightning CSS (which processes
    is:global) tokenizes a bare apostrophe as a string start and breaks the build.

    The two percent readouts (action / inaction) are the only .font-mono spans
    inside .regret-bar; the optional label row uses .font-medium, so this rule
    targets exactly the readouts across card | detail | banner without touching
    the labels, bars, or colours. Specificity (0,3,0) on an unlayered is:global
    rule outranks Tailwinds layered single-class .font-mono, so no !important.
    Typography only — AA contrast (--color-ink) and reduced-motion are untouched.
  */
  .regretbar-ds-root .regret-bar .font-mono {
    font-family: var(--font-serif, "Source Serif 4", Georgia, serif) !important;
    font-variant-numeric: tabular-nums !important;
  }.similar-decisions-scroll[data-astro-cid-xndsen3r]{scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.similar-decisions-scroll[data-astro-cid-xndsen3r]>div[data-astro-cid-xndsen3r]{scroll-snap-align:start}/* is:global so the override reaches RegretPairCard markup, which is injected
     via set:html (a Fragment) and therefore lacks the data-astro-cid scope
     attribute a plain scoped block would require. Every selector below is
     prefixed with .similar-ds-root, so nothing leaks to other routes.
     NO apostrophes in this comment block (Lightning CSS would fail the build). */

  /* DS treatment for the regret-percentage readouts inside the carousel cards.
     The two readouts are render-regret-pair-card.ts font-mono spans at the foot
     of each RegretBar (variant=card): override mono → serif tabular-nums. */
  .similar-ds-root .regret-bar--card .font-mono {
    font-family: var(--font-serif, Georgia, serif) !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1;
    /* slightly higher opacity so the heavier serif glyphs keep AA contrast
       against the card surface (the original opacity-80 was tuned for the
       lighter mono face). */
    opacity: 0.92;
    letter-spacing: 0;
  }.related-risks-scroll[data-astro-cid-xckw4ygu]{scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.related-risks-scroll[data-astro-cid-xckw4ygu]>div[data-astro-cid-xckw4ygu]{scroll-snap-align:start}/* Unified warm-editorial DS palette — identical to DecisionsIndexPreviewBody
     so risks, decisions and both detail pages read as ONE warm+teal surface
     (teal accent #1c6f67, warmer paper + radial glow). Light-mode gated; dark
     mode keeps the site dark tokens and only re-tints emphasis/reality. */
  html:not([data-theme="dark"]) .dsprev-root {
    --color-bg: #f4f0e8;
    --color-bg-card: #fcf9f3;
    --color-surface-raised: #fffdf8;
    --color-ink: #1d2630;
    --color-ink-muted: #46555f;
    --color-line: #d8cfbe;
    --color-accent: #1c6f67;
    --color-accent-dim: #d4e7e3;
    --color-emphasis: #b0631f;
    --color-reality: #2d7060;
    /* Flat page — removed the radial vignette (read as a stray darker box). */
  }
  @media (prefers-color-scheme: dark) {
    html[data-theme="dark"] .dsprev-root {
      --color-emphasis: #e08a4f;
      --color-reality: #54b3aa;
    }
  }.dsprev-top[data-astro-cid-54rk7kv5]{max-width:48rem;margin:0 auto;padding:2.5rem clamp(1rem,4vw,1.5rem) 0}.dsprev-head[data-astro-cid-54rk7kv5]{font-family:var(--font-serif, Georgia, serif);font-weight:700;font-size:clamp(29px,5.6vw,50px);line-height:1.04;letter-spacing:-0.02em;color:var(--color-ink);margin:12px 0 18px;max-width:20ch}.dsprev-head[data-astro-cid-54rk7kv5] .em[data-astro-cid-54rk7kv5]{color:var(--color-emphasis);font-style:italic}.dsprev-legend[data-astro-cid-54rk7kv5]{display:grid;gap:10px;margin:0 0 14px}@media (min-width: 560px){.dsprev-legend[data-astro-cid-54rk7kv5]{grid-template-columns:1fr 1fr;gap:14px}}.dsprev-leg[data-astro-cid-54rk7kv5]{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-card, 0.625rem);background:color-mix(in srgb,var(--color-bg-card) 92%,transparent)}.dsprev-swatch[data-astro-cid-54rk7kv5]{flex:0 0 auto;width:10px;height:28px;border-radius:3px}.dsprev-swatch--action[data-astro-cid-54rk7kv5]{background:var(--color-warm)}.dsprev-swatch--inaction[data-astro-cid-54rk7kv5]{background:var(--color-accent)}.dsprev-leg-body[data-astro-cid-54rk7kv5]{flex:1 1 auto;min-width:0}.dsprev-leg-kicker[data-astro-cid-54rk7kv5]{margin:0;font-family:var(--font-sans);font-weight:500;font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-ink-muted)}.dsprev-leg-label[data-astro-cid-54rk7kv5]{margin:2px 0 0;font-family:var(--font-serif, Georgia, serif);font-size:15px;line-height:1.25;color:var(--color-ink)}.dsprev-plate[data-astro-cid-54rk7kv5]{flex:0 0 auto;font-size:17px}.dsprev-note[data-astro-cid-54rk7kv5]{font-family:var(--font-sans);font-style:italic;font-size:10.5px;line-height:1.5;color:var(--color-ink-muted);margin:0 0 4px;max-width:52ch}.dsprev-rule[data-astro-cid-54rk7kv5]{border:0;border-top:1px solid var(--color-line);margin:18px 0 0}.dsprev-root[data-astro-cid-54rk7kv5] [data-astro-cid-54rk7kv5][data-component=DecisionSides] .font-mono[data-astro-cid-54rk7kv5]{font-family:var(--font-serif, Georgia, serif);font-variant-numeric:tabular-nums lining-nums}