/* Override this file to customise the theme's CSS for your site */

/* --- Wider page, readable text column ------------------------------------
   The risotto theme caps the whole page at 64rem and centres it, which leaves
   large empty margins on wide screens. Widen the page so it fills most of the
   viewport and resizes with the window, but keep body prose at a comfortable
   reading measure. Code blocks, tables, images, and blockquotes opt back out
   so they use the extra width. Adjust the two figures below to taste. */

.page {
    max-width: min(90rem, 95vw);
}

/* Cap the reading measure of post body text (~76 monospace chars). */
.content__body > * {
    max-width: 46rem;
}

/* Let wide block elements use the full body width. */
.content__body > pre,
.content__body > .highlight,
.content__body > table,
.content__body > figure,
.content__body > blockquote,
.content__body > p:has(> img) {
    max-width: 100%;
}