/* Desktop / large screens (901px+) */
@media (min-width: 901px) {
    body {
        font-size: 1rem;
        line-height: 1.6;
    }

    /* Nav spans full viewport as a transparent rail; nav-inner matches
       main.app's content area (88% viewport minus horizontal padding). */
    nav {
        top: var(--edge-gap);
        left: 0;
        right: 0;
        width: 100%;
    }

    .nav-inner {
        width: calc(88% - 2 * var(--edge-gap));
        max-width: calc(var(--max-width) - 2 * var(--edge-gap));
        margin: 0 auto;
    }

    main.app {
        width: 88%;
        max-width: var(--max-width);
        margin: 0 auto;
    }

    .site-footer {
        width: 88%;
        max-width: var(--max-width);
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }
}