/* BIEPE - use-cases page */

.uc-audiences-section { --sec-bg: var(--color-bg); --sec-fg: var(--color-text); --sec-muted: var(--color-text-muted); --kicker: var(--color-primary); --sec-py: 5rem; --sec-py-lg: 7rem;
  background: var(--sec-bg); color: var(--sec-fg); padding-block: var(--sec-py); @media (width >= 1024px) { padding-block: var(--sec-py-lg); } }
.evidence-label { margin:0;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary); }
.uc-daily-section { --sec-bg: var(--color-bg); --sec-fg: var(--color-text); --sec-muted: var(--color-text-muted); --kicker: var(--color-primary); --sec-py: 5rem; --sec-py-lg: 7rem;
  background: var(--sec-bg); color: var(--sec-fg); padding-block: var(--sec-py); @media (width >= 1024px) { padding-block: var(--sec-py-lg); } }
.grid-2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; @media (width >= 1024px) { grid-template-columns: repeat(2, 1fr); } }
.cmp { border: var(--border-width) solid var(--color-border); @supports (animation-timeline: view()) { animation: reveal-scroll linear both; animation-timeline: view(); animation-range: entry 0% entry 40%; } @media (prefers-reduced-motion: reduce) { animation: none; } }
.cmp__head { padding: 1.25rem 2rem; background: var(--color-surface); border-block-end: var(--border-width) solid var(--color-border); }
.cmp__role { margin: 0; font-size: 1.125rem; line-height: 1.75rem; font-weight: var(--weight-semibold); letter-spacing: 0; }
.cmp__body { display: grid; @media (width >= 640px) { grid-template-columns: 1fr 1fr; } }
.cmp__cell { padding: 2rem; border-block-end: var(--border-width) solid var(--color-border); @media (width >= 640px) { border-block-end: 0; border-inline-end: var(--border-width) solid var(--color-border); } }
.cmp__cell--with { background: rgb(17 175 223 / 0.05); border: 0; }
.evidence-link { color:var(--color-primary);font-weight:600;text-underline-offset:4px; }