/* Årgång 1.0.1: readable type at every screen width.
 * Loaded after the layout styles. Print sizes remain unchanged.
 */
@media screen {
    .vvw-site {
        --vvw-muted: #51474c;
        font-size: 1.125rem;
    }

    /* Header, navigation and controls. */
    .vvw-site .vvw-topline { font-size: .8125rem; line-height: 1.6; }
    .vvw-site .vvw-menu a { font-size: 1rem; font-weight: 650; }
    .vvw-site .vvw-menu .sub-menu a { font-size: .9375rem; font-weight: 550; }
    .vvw-site .vvw-topic-nav a { font-size: .9375rem; font-weight: 600; }
    .vvw-site .vvw-topic-nav > .vvw-container { gap: 16px 24px; }
    .vvw-site button,
    .vvw-site input[type=submit],
    .vvw-site .vvw-button { font-size: .9375rem; }
    .vvw-site .vvw-menu-toggle { font-size: .875rem; }
    .vvw-site input::placeholder { color: #66585f; }

    /* Small labels stay legible, including labels on article cards. */
    .vvw-site .vvw-eyebrow,
    .vvw-site .vvw-latest-grid > .vvw-card:not(:first-child) .vvw-card-copy .vvw-eyebrow {
        font-size: .8125rem;
        line-height: 1.65;
        letter-spacing: .1em;
    }
    .vvw-site .vvw-text-link,
    .vvw-site .vvw-food-link { font-size: .9375rem; }
    .vvw-site .vvw-hero-paper > p:not(.vvw-eyebrow) {
        font-size: 1.125rem;
        line-height: 1.8;
        max-width: 390px;
    }
    .vvw-site .vvw-hero-caption { background: #fff9f0; }
    .vvw-site .vvw-hero-caption > span { font-size: .75rem; letter-spacing: .08em; }
    .vvw-site .vvw-hero-caption > strong { font-size: 1.4375rem; font-weight: 600; line-height: 1.4; }
    .vvw-site .vvw-newsline > a { font-size: .9375rem; line-height: 1.7; }
    .vvw-site .vvw-newsline-label { font-weight: 550; }
    .vvw-site .vvw-news-number,
    .vvw-site .vvw-step { color: #795743; }
    .vvw-site .vvw-section-heading > div:last-child > p,
    .vvw-site .vvw-grape-intro > p:not(.vvw-eyebrow),
    .vvw-site .vvw-knowledge > div:first-child > p:last-child,
    .vvw-site .vvw-listing-header > p:not(.vvw-eyebrow),
    .vvw-site .vvw-grape-archive-header > div > p:last-child {
        font-size: 1.125rem;
        line-height: 1.8;
    }
    .vvw-site .vvw-card-copy > p:not(.vvw-eyebrow) { font-size: 1rem; line-height: 1.8; }
    .vvw-site .vvw-archive-author-description {
        max-width: 800px;
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--vvw-muted);
        overflow-wrap: anywhere;
    }
    .vvw-archive-author-description a { text-decoration: underline; text-underline-offset: 3px; }
    .vvw-archive-author-description > :last-child { margin-bottom: 0; }
    .vvw-site .vvw-grape-door-copy > small,
    .vvw-site .vvw-knowledge-links small { font-size: .9375rem; line-height: 1.7; }
    .vvw-site .vvw-grape-door-copy > span { font-size: .9375rem; }
    .vvw-site .vvw-grape-door-copy > strong { font-weight: 550; }
    .vvw-site .vvw-card h2,
    .vvw-site .vvw-food-card h3,
    .vvw-site .vvw-knowledge-links strong { font-weight: 600; }
    .vvw-site .vvw-meta,
    .vvw-site .vvw-card .vvw-meta,
    .vvw-site .vvw-reading-header .vvw-meta { font-size: .875rem; line-height: 1.75; }
    .vvw-site .vvw-archive-topics a { font-size: .9375rem; }
    .vvw-site .vvw-pagination .page-numbers { font-size: 1rem; }
    .vvw-site .vvw-empty p { font-size: 1.125rem; }

    /* Reading, table of contents and author details. */
    .vvw-site .vvw-prose { font-size: 1.1875rem; line-height: 1.85; }
    .vvw-site .vvw-prose > p:first-of-type { font-size: 1.3125rem; line-height: 1.8; }
    .vvw-site .vvw-prose :is(h2,h3,h4) { font-weight: 600; }
    .vvw-site .vvw-breadcrumb,
    .vvw-site .vvw-featured figcaption,
    .vvw-site .vvw-prose figcaption,
    .vvw-site .vvw-prose .wp-caption-text,
    .vvw-site .vvw-prose caption { font-size: .875rem; line-height: 1.7; }
    .vvw-site .vvw-toc a { font-size: .9375rem; line-height: 1.7; }
    .vvw-site .vvw-toc li::marker { font-size: .8125rem; }
    .vvw-site .vvw-toc > summary { font-weight: 600; }
    .vvw-site .vvw-prose table,
    .vvw-site .vvw-prose td,
    .vvw-site .vvw-prose th,
    .vvw-site .vvw-prose .vvw-sources { font-size: 1rem; }
    .vvw-site .vvw-prose blockquote cite { font-size: .9375rem; }
    .vvw-site .vvw-author p,
    .vvw-site .vvw-prose .saboxplugin-desc { font-size: 1rem; line-height: 1.8; }
    .vvw-site .vvw-author a,
    .vvw-site .post-navigation .nav-subtitle,
    .vvw-site .page-links { font-size: .9375rem; }
    .vvw-site .comments-area { font-size: 1rem; }
    .vvw-site .comment-metadata { font-size: .875rem; }
    .vvw-site .comment-form label,
    .vvw-site .vvw-prose .wpcf7 label,
    .vvw-site .vvw-prose .wpcf7 .wpcf7-response-output { font-size: 1rem; }
    .vvw-site .vvw-prose .wpcf7 .wpcf7-not-valid-tip { font-size: .9375rem; }

    /* Grape index, search and footer. */
    .vvw-site .vvw-grape-count > span,
    .vvw-site .vvw-grape-status { font-size: .875rem; }
    .vvw-site .vvw-grape-types a,
    .vvw-site .vvw-grape-tools > label,
    .vvw-site .vvw-alphabet a { font-size: .9375rem; }
    .vvw-site .vvw-grape-search input { font-size: 1rem; }
    .vvw-site .vvw-letter-group a small { font-size: .875rem; line-height: 1.7; }
    .vvw-site .vvw-letter-group a strong { font-weight: 600; }
    .vvw-site .vvw-no-grapes { font-size: 1.125rem; }
    .vvw-site .vvw-footer-about > p,
    .vvw-site .vvw-footer nav a,
    .vvw-site .vvw-footer h2 { font-size: .9375rem; }
    .vvw-site .vvw-footer nav a,
    .vvw-site .vvw-footer-about > p { color: #f2e2e8; }
    .vvw-site .vvw-footer .vvw-search input { font-size: 1rem; }
    .vvw-site .vvw-footer .vvw-search input::placeholder { color: #ead4dd; }
    .vvw-site .vvw-footer .vvw-top-link,
    .vvw-site .vvw-footer-bottom { font-size: .875rem; }
}

@media screen and (min-width: 601px) and (max-width: 1119px) {
    /* Reserve room for the larger caption beside the opening text. */
    .vvw-site .vvw-hero { min-height: 680px; }
}

@media screen and (max-width: 979px) {
    .vvw-site .vvw-menu > li > a { font-size: 1.0625rem; }
}

@media screen and (max-width: 600px) {
    .vvw-site .vvw-topline { font-size: .75rem; }
    .vvw-site .vvw-topic-nav a { font-size: .875rem; }
    .vvw-site .vvw-hero-paper { width: calc(100% - 12px); padding-right: 12px; }
    .vvw-site .vvw-prose { font-size: 1.125rem; line-height: 1.85; }
    .vvw-site .vvw-prose > p:first-of-type { font-size: 1.25rem; line-height: 1.8; }
    .vvw-site .vvw-eyebrow,
    .vvw-site .vvw-latest-grid > .vvw-card:not(:first-child) .vvw-card-copy .vvw-eyebrow {
        font-size: .75rem;
        letter-spacing: .08em;
    }
    .vvw-site .vvw-newsline { grid-template-columns: 1fr; gap: 16px; }
    .vvw-site .vvw-newsline-label { grid-row: auto; }
    .vvw-site .vvw-newsline > a { border-left: 0; padding-left: 0; gap: 15px; }
    .vvw-site .vvw-news-number { min-width: 32px; }
    .vvw-site .vvw-footer-bottom { flex-wrap: wrap; }
}