/* Same centred 42rem reading column as a content page (ContentPage.razor.css), so
   every page of the site shares one column under the header. The topic cards and
   the questions inside them live in the global app.css. */
h1,
article,
p,
.faq-topic {
    box-sizing: border-box;   /* padding inside the 42rem, flush with the text */
    max-width: 42rem;
    margin-inline: auto;
}

/* The intro's last paragraph drops its margin (app.css), so the first card would
   sit right under the text; this gives it the same air as between sections. */
article {
    margin-bottom: var(--space-5);
}