/* Reading text on standard pages; navigation and landing layouts are separate. */
body > .container main { font-size: 1rem; overflow-wrap: anywhere; }

/* Keep raw code scrollable even when the highlighter cannot run. */
body > .container main pre {
    max-width: 100%;
    overflow-x: auto;
}

/* Highlighted code must remain reachable on narrow screens, too. */
body > .container main .enlighter-code { overflow-x: auto; }

@media (max-width: 768px) {
    body > .container main { font-size: .9375rem; }
}