/*
Larger body text on phones (theme option: Text Size on Phones = Larger) - hibbittsdesign.org
Quark's body text is 12.8px on phone-sized screens; this raises it to about 15px. Headings, the menu, buttons,
form fields and spacing keep their own sizes, so the layout is unchanged.
*/

@media (max-width: 600px) {
    body {
        font-size: 0.95rem;
    }

    /* the text of section pages, which is a little larger than body text, scaled by about the same amount */
    .reader-content p,
    .reader-content li,
    .reader-content dd,
    .reader-content blockquote {
        font-size: 1rem;
    }

    .reader-content .footnotes p,
    .reader-content .footnotes li {
        font-size: 0.85rem;
    }

    /* Smaller text on Section List and section pages has its own sizes, so scale it by about the same amount */
    .reader-back-link,
    .reader-sections-link,
    .reader-prev-next-top,
    .reader-attribution {
        font-size: 0.9rem;
    }

    .reader-progress-text,
    .reader-section-label,
    #sections-nav .reader-part-label {
        font-size: 0.85rem;
    }

    .reader-nav-label {
        font-size: 0.75rem;
    }
}