/* Investment Path – footer
   Landing footer.
   ========================================================================== */

.landing-footer {
    width: min(100% - 40px, 1180px);
    min-height: 95px;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    /* The rule that used to separate the footer is now the top edge of its
       own glass pane – see 01-shell.css. Block-only: the inline padding is
       the shared one that holds the copy off the pane's edge, and this file
       loads after 01-shell.css, so a shorthand here would silently drop it. */
    padding-block: 24px;
}

.landing-footer > p {
    max-width: 600px;
    color: var(--text-faint);
    font-size: 9.5px;
    line-height: 1.55;
}

.landing-footer nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px 17px;
}

.landing-footer a {
    color: var(--text-faint);
    font-size: 9.5px;
    text-underline-offset: 3px;
}

.landing-footer a:hover,
.landing-footer a:focus-visible {
    color: var(--text);
}

/* ---------- Responsive ---------- */