/*
    Generic content card -- a plain white box with a border and soft shadow, matching the same
    surface treatment used by audience-card.css and instruction-panel.css but with no extra
    fields or behaviour of its own. Use this directly for a page that just needs a bordered
    card (e.g. a form), rather than duplicating the border/radius/shadow rules again.
*/

.panel {
    background-color: #fff;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.75rem;
    padding: 1.2rem 1.3rem 1.4rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}

.panel-title {
    margin: 0 0 1rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--bs-body-color);
}

.panel-lead {
    font-size: 0.92rem;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 1rem;
}