/* ---------------------------------------------------------------------------
   public-footer.css — styles for views/partials/public-footer.hbs.

   Its own file, linked BY the partial, so the footer is styled on every page
   that includes it. These rules used to live in marketing.css; the front door
   (top-page.css) then included the partial without that file and rendered the
   whole footer as a column of unstyled links.

   Class names stay `mk-footer*` — they are the marketing system's, and renaming
   them would touch every page that already ships the markup.
   ------------------------------------------------------------------------ */

.mk-footer {
    border-top: 1px solid var(--line);
    padding: 44px 0 56px;
    background: var(--surface-page);
}

.mk-footer-cols {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 30px 24px;
    margin-bottom: 34px;
}

.mk-footer-label {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: var(--ink-muted);
    margin: 0 0 12px;
}

.mk-footer-cols a {
    display: block;
    font-size: 0.9rem;
    color: var(--ink-soft);
    text-decoration: none;
    padding: 5px 0;
}

.mk-footer-cols a:hover { color: var(--ink); text-decoration: underline; }

.mk-footer-base {
    border-top: 1px solid var(--line-soft);
    padding-top: 22px;
    font-size: 0.85rem;
    color: var(--ink-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: space-between;
}

/* Fallback wrapper width. `.mk-wrap` is normally supplied by the including
   page's own system (marketing.css, top-page.css); this keeps the footer from
   going full-bleed on a page that has neither. Both real definitions are more
   specific in source order than this one is loaded, so this only ever applies
   when nothing else defines it. */
.mk-footer .mk-wrap { max-width: 1180px; margin: 0 auto; padding: 0 22px; }