/* Dennis Nox: supplementary typography. Headings, colours and layout stay intact. */

/* Compact descriptions and controls: 16px at the usual browser root size. */
#dn-color-review .dn-site.dn-emerald-gold .dn-offer .dn-copy,
#dn-color-review .dn-site.dn-emerald-gold .dn-step .dn-copy,
#dn-color-review .dn-site.dn-emerald-gold .dn-private-highlight .dn-copy,
#dn-color-review .dn-site.dn-emerald-gold .dn-offer summary,
#dn-color-review .dn-site.dn-emerald-gold .dn-offer details p,
#dn-color-review .dn-site.dn-emerald-gold .dn-feature p,
#dn-color-review .dn-site.dn-emerald-gold .dn-nav-links > a,
#dn-color-review .dn-site.dn-emerald-gold .dn-nav-dropdown > summary,
#dn-color-review .dn-site.dn-emerald-gold .dn-mobile-nav > summary,
#dn-color-review .dn-site.dn-emerald-gold .dn-dropdown-menu a,
#dn-color-review .dn-site.dn-emerald-gold .dn-mobile-panel > a,
#dn-color-review .dn-site.dn-emerald-gold .dn-button,
#dn-color-review .dn-site.dn-emerald-gold .dn-offer-more,
#dn-color-review .dn-site.dn-emerald-gold .dn-text-link,
#dn-color-review .dn-site.dn-emerald-gold .dn-inline-links a,
#dn-color-review .dn-site.dn-emerald-gold .dn-other-offers a,
#dn-color-review .dn-site.dn-emerald-gold .dn-faq > summary,
#dn-color-review .dn-site.dn-emerald-gold .dn-fields label,
#dn-color-review .dn-site.dn-emerald-gold .dn-form-note,
#dn-color-review .dn-site.dn-emerald-gold .dn-mail,
#dn-color-review .dn-site.dn-emerald-gold .dn-footer {
    font-size: 1rem;
}

/* Main reading text: 18px on desktop/tablet; existing 16px on small screens. */
@media (min-width: 761px) {
    #dn-color-review .dn-site.dn-emerald-gold .dn-copy,
    #dn-color-review .dn-site.dn-emerald-gold .dn-lead,
    #dn-color-review .dn-site.dn-emerald-gold .dn-photo-hero .dn-lead,
    #dn-color-review .dn-site.dn-emerald-gold .dn-faq > p,
    #dn-color-review .dn-site.dn-emerald-gold .dn-legal-copy p,
    #dn-color-review .dn-site.dn-emerald-gold .dn-legal-copy li,
    #dn-color-review .dn-site.dn-emerald-gold .dn-legacy-content p,
    #dn-color-review .dn-site.dn-emerald-gold .dn-legacy-content li {
        font-size: 1.125rem;
    }
}

/* Keep the larger desktop navigation comfortable before the mobile menu. */
@media (min-width: 681px) and (max-width: 900px) {
    #dn-color-review .dn-site.dn-emerald-gold .dn-nav-links {
        column-gap: 12px;
        row-gap: 0;
    }
}