/* A two-leg opportunity, using the bookmaker pages' palette and type scale. */
.arb-opportunity-section { padding: 48px 0 16px; }
.arb-opportunity-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: 64px; }
.arb-opportunity-copy h2 { margin: 0 0 20px; font-size: clamp(1.9rem, 3vw, 2.75rem); line-height: 1.12; letter-spacing: -.025em; }
.arb-opportunity-copy h2 span { color: var(--accent); }
.arb-opportunity-copy > p { max-width: 44ch; margin: 0; color: var(--muted); line-height: var(--type-lead-line-height); }
.arb-opportunity-steps { display: grid; gap: 16px; margin: 28px 0 0; padding: 0; list-style: none; }
.arb-opportunity-steps li { display: flex; align-items: center; gap: 16px; font-size: .9375rem; }
.arb-opportunity-steps li > span { color: var(--accent); font-family: var(--font-mono); font-size: .75rem; }
.arb-opportunity-example { min-width: 0; margin: 0; }
.arb-opportunity-card { overflow: hidden; border: 1px solid var(--glass-border); border-radius: var(--radius); background: var(--code-surface); }
.arb-opportunity-card header { padding: 24px; border-bottom: 1px solid var(--glass-border-muted); }
.arb-opportunity-card header p { margin: 0 0 8px; color: var(--muted); font-size: .8125rem; }
.arb-opportunity-card h3 { margin: 0; font-size: var(--type-card-title-size); }
.arb-opportunity-legs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arb-opportunity-leg { display: grid; gap: 16px; min-width: 0; padding: 24px; }
.arb-opportunity-leg + .arb-opportunity-leg { border-left: 1px solid var(--glass-border-muted); }
.arb-bookmaker { display: flex; align-items: center; gap: 12px; }
.arb-bookmaker img { flex: 0 0 40px; object-fit: contain; border-radius: 6px; }
.arb-bookmaker strong { font-size: .9375rem; }
.arb-opportunity-leg > span { color: var(--muted); font-size: .9375rem; }
.arb-opportunity-leg > b { font-family: var(--font-heading); font-size: 2rem; line-height: 1; font-variant-numeric: tabular-nums; }
.arb-opportunity-result { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 24px; border-top: 1px solid var(--glass-border-muted); background: var(--accent-soft); }
.arb-opportunity-result dt { margin: 0 0 8px; color: var(--muted); font-size: .8125rem; }
.arb-opportunity-result dd { margin: 0; font-family: var(--font-heading); font-size: 1.5rem; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.arb-opportunity-result > div:last-child dd { color: var(--accent); }
.arb-opportunity-example figcaption { margin-top: 12px; color: var(--muted); font-size: .8125rem; }
@media (max-width: 900px) {
    .arb-opportunity-layout { gap: 32px; }
    .arb-opportunity-leg { padding: 20px; }
    .arb-bookmaker { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 680px) {
    .arb-opportunity-section { padding: 32px 0 0; }
    .arb-opportunity-layout { grid-template-columns: minmax(0, 1fr); width: calc(100% - 40px); }
    .arb-opportunity-card header, .arb-opportunity-result { padding: 20px; }
    .arb-opportunity-result { gap: 16px; }
    .arb-opportunity-result dt { font-size: .75rem; }
    .arb-opportunity-steps { margin-top: 24px; }
}