/* Plain content pages: the privacy/terms/course pages that carry prose only. */
.scc-article {
    max-width: 72ch;
    margin-inline: auto;
    padding-block: var(--scc-section-y);
}

.scc-main .scc-article__title {
    font-size: var(--scc-text-h1);
    margin-block-end: 1.5rem;
}

.scc-content > * + * { margin-block-start: 1.1em; }

.scc-main .scc-content ul,
.scc-main .scc-content ol { padding-inline-start: 1.4em; }

.scc-main .scc-content li + li { margin-block-start: 0.4em; }

.scc-main .scc-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--scc-text-small);
}
.scc-main .scc-content th,
.scc-main .scc-content td {
    border: 1px solid var(--scc-line);
    padding: 0.6rem 0.75rem;
    text-align: start;
}

/* Wide content scrolls inside itself; the page body must never scroll sideways. */
.scc-content .wp-block-table { overflow-x: auto; }

.scc-content img { border-radius: var(--scc-radius); }

/* Galleries ------------------------------------------------------------- */
.scc-gallery-page { padding-block: var(--scc-section-y); }

.scc-gallery .wp-block-gallery { gap: 0.6rem; }

.scc-gallery .wp-block-image img {
    border-radius: calc(var(--scc-radius) - 4px);
    /* A consistent tile shape; the originals are a mix of landscape and portrait. */
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
    display: block;
}

.scc-gallery figcaption { font-size: var(--scc-text-small); color: var(--scc-text-muted); }

/* Empty loop ------------------------------------------------------------ */
/* A 404 or an empty search used to render a header, a blank box and a footer. */
.scc-notfound {
    padding-block: var(--scc-section-y);
    max-width: 44ch;
}

.scc-notfound__text {
    color: var(--scc-text-muted);
    margin: 0.75rem 0 1.5rem;
}

.scc-notfound__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 0;
}

/* Search results -------------------------------------------------------- */
.scc-result { padding-block: 1.25rem; border-bottom: 1px solid var(--scc-line); }
.scc-result .scc-article__title a { color: inherit; }
.scc-result__excerpt { color: var(--scc-text-muted); margin: 0.4rem 0 0; }