/* Tablet and larger (601px+) */
@media (min-width: 601px) {
    body {
        font-size: 1rem;
    }

    main.app {
        padding: calc(var(--nav-height) + (var(--content-gap) * 2)) var(--edge-gap) var(--content-gap);
    }

    .site-footer {
        padding-left: var(--edge-gap);
        padding-right: var(--edge-gap);
    }

    .nav-inner {
        padding: var(--space-xl) var(--space-5xl);
    }

    .nav-links {
        display: flex;
        flex-direction: row;
        position: static;
        background: transparent;
        border: none;
        padding: 0;
        min-width: 0;
        box-shadow: none;
    }

    .nav-toggle {
        display: none;
    }

    .nav-links a {
        font-size: 1rem;
    }

    .portfolio-card {
        grid-template-columns: minmax(12rem, 0.9fr) minmax(0, 1.1fr);
    }

    .portfolio-grid,
    .preview-list {
        grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    }

    .home-previews {
        grid-template-columns: 1fr 1fr;
    }

    .home-copy {
        border-top: none;
        padding-top: 0;
        border-left: var(--edge-width) solid var(--edge-color);
        padding-left: var(--content-gap);
    }
}

/* Intermediate (tablet only): 601px - 900px */
@media (min-width: 601px) and (max-width: 900px) {
    body {
        font-size: 0.975rem;
    }
}