/* Суди — layout only, scoped under .courts. Шапка, дата, тіло й замок — спільні
       (.widget--teaser, .widget__date, .teaser-body, .teaser-lock у styles.css). */
    .courts {
        padding: 0;
    }

    .courts__locked {
        --teaser-lock-w: 620px;
    }

    .courts__info {
        flex-shrink: 0;
    }

    .courts__body {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 16px;
        background: var(--color-neutral-alpha-500);
    }

    /* ── White inner card on grey body ── */

    .courts__card-title {
        margin: 0;
        color: var(--text-default);
    }

    .courts__card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
        margin-bottom: 20px;

        padding: 16px 32px;
    }

    @media (max-width: 640px) {
        .courts__body {
            padding: 12px;
        }

        .courts__card-head {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }
    }