/* Site footer on phones (since 2026-11-01). Every marketing page's footer is inline-styled:
   footer > wrapper div > [logo] + a div of links laid out as a wrapping flex row. On narrow
   screens that row broke into ragged lines ("Our Products" split over two lines). This turns
   any footer div whose children are links into an even two-column list. Footers that are a
   sentence of links ("LanaPDF tools: Merge | Sign ...", <footer><div class="wrap">) have no
   inline style and are not affected: every rule is scoped to footer[style].
   Loaded by every page that has a footer; !important beats the inline styles. */
@media (max-width: 600px) {
    footer[style] {
        padding: 2.5rem 1.25rem !important;
    }

    footer[style] > div {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1.5rem !important;
    }

    footer[style] div:not(.wrap):has(> a + a) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.25rem 1.5rem !important;
        width: 100%;
        justify-content: stretch !important;
        text-align: left;
    }

    footer[style] div:not(.wrap):has(> a + a) > a {
        display: block;
        padding: 0.45rem 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}