.mq-bcrp-overview { padding-block: clamp(2.5rem, 5vw, 4rem); background: var(--color-surface-muted); border-bottom: 1px solid var(--color-border); scroll-margin-top: 2rem; }
.mq-bcrp-overview h2 { max-width: 27ch; font-size: clamp(2.1rem, 4vw, 3rem); }
.mq-bcrp-overview__intro { max-width: 78ch; color: var(--color-text-soft); }
.mq-bcrp-overview__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 2rem; }
.mq-bcrp-overview__card { display: flex; flex-direction: column; padding: clamp(1.3rem, 3vw, 2rem); background: var(--color-canvas); border: 1px solid var(--color-border); border-top: 3px solid var(--color-accent); min-width: 0; }
.mq-bcrp-overview__card h3 { font-size: clamp(2rem, 4vw, 2.8rem); }
.mq-bcrp-overview__name { font-family: var(--font-display); font-size: 1.45rem; line-height: 1.25; color: var(--color-heading); }
.mq-bcrp-overview__card > .mq-text-link { margin-top: auto; padding-top: .75rem; }
.mq-bcrp-overview__volumes { color: var(--color-accent-strong); }
.mq-bcrp-overview__schedule { color: var(--color-text-soft); font-size: .85rem; }
.mq-bcrp-overview__follow { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--color-border); }
.mq-bcrp-overview__follow p { max-width: 66ch; margin: 0; }
.mq-bcrp-overview__follow .mq-button { flex-shrink: 0; }
@media (max-width: 700px) {
    .mq-bcrp-overview__grid { grid-template-columns: minmax(0, 1fr); }
    .mq-bcrp-overview__follow { align-items: stretch; flex-direction: column; }
}