/* ========================================
   RESEARCH / LAB STYLES
   ========================================
   Scoped to the research hub, the Offra case study, and the two homepage
   sections that share their vocabulary (section-lab, section-offra-case).

   Deliberately reuses the tokens defined in style.css — --bg-paper,
   --ink-black, --charcoal, --muted-taupe, --amber, --light-gray,
   --serif-display, --sans-ui — rather than introducing a new namespace.
   The theme already has four parallel namespaces for one palette
   (--*, --hero-*, --ca-*, and helm's .helm-page set); adding a fifth
   would make that worse.
   ======================================== */

/* ----------------------------------------
   Lab — the cross-cutting block
   ---------------------------------------- */

.lab-crosscutting {
    max-width: 72ch;
    margin: 3rem auto 0;
    padding-top: 2.5rem;
    border-top: 1px solid var(--light-gray);
    text-align: center;
}

.lab-crosscutting p {
    font-family: var(--serif-body);
    font-size: 1.05rem;
    line-height: 1.75;
    color: var(--charcoal);
    margin-bottom: 2rem;
}

.lab-ctas {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* ----------------------------------------
   Offra case study band
   ----------------------------------------
   The case study should read as evidence imported from somewhere real,
   not as another page of the site. It gets its own accent — Offra's
   #EF5A0C — confined to a single hairline rule and a label marker.

   It is NOT used for headings, body text or buttons: at full strength
   across the site it would read as an inconsistency rather than a
   deliberate signal, and the warm-paper system relies on having exactly
   one accent (--amber). Scoped here, it does the job it should.
   ---------------------------------------- */

.case-band {
    --offra: #EF5A0C;
    background: var(--bg-subtle);
    border-top: 2px solid var(--offra);
}

.case-band .sans-label::before {
    background: var(--offra);
}

/* ----------------------------------------
   Research page — responsive
   ---------------------------------------- */

@media (max-width: 768px) {
    .lab-crosscutting {
        margin-top: 2rem;
        padding-top: 2rem;
    }

    .lab-ctas {
        flex-direction: column;
        align-items: stretch;
    }

    .lab-ctas .cta-button {
        text-align: center;
    }
}