/*
=========================================================
THE CRIMSON COURT — SUBPAGE SHELL
=========================================================

What the seven court subpages (heirs, houses, chronicle, realm, NPCs,
timeline, bloodlines) share once court-chrome.css has drawn the masthead,
banner and footer: the padding of the reading surface their content sits
on, and the lede some of them open with.

Everything else is page-specific and stays in that page's own stylesheet —
each one builds its filters and cards from the same vocabulary (square,
1px gold hairlines, crimson for the current thing) rather than from shared
classes, because no two of them are shaped alike.

Colours come from the :root block in crimson-court.css.
*/

.court-page-main {
    padding: 34px 44px 48px;
}

/* A subpage's lede: a sentence under the banner, before the content. */
.court-page-intro {
    max-width: 68ch;
    margin: 0 0 28px;
    font: 20px/1.65 'EB Garamond', Georgia, serif;
    color: var(--court-secondary);
}

@media (max-width: 700px) {
    .court-page-main { padding: 24px 22px 36px; }

    .court-page-intro {
        font-size: 19px;
        margin-bottom: 22px;
    }
}