/*
 * FLT Magazine Mobile Clearance V1
 *
 * Central Magazine presentation authority.
 *
 * Prevents sticky/fixed mobile navigation from leaving
 * section headings visually clipped when arriving at,
 * restoring, or navigating between Magazine sections.
 */

@media (max-width: 900px) {

    html {
        scroll-padding-top: 112px;
    }

    /*
     * Give the first Magazine content block some breathing
     * room below the mobile site shell without altering the
     * shared global header.
     */
    main::before {
        content: "";
        display: block;
        height: 18px;
        width: 100%;
        pointer-events: none;
    }

    main section,
    main [id],
    .section,
    .section-head,
    .eco-shell,
    h1,
    h2,
    h3 {
        scroll-margin-top: 112px;
    }
}

@media (max-width: 600px) {

    html {
        scroll-padding-top: 104px;
    }

    main section,
    main [id],
    .section,
    .section-head,
    .eco-shell,
    h1,
    h2,
    h3 {
        scroll-margin-top: 104px;
    }
}