/* The small footer, wherever it is rendered.
   These rules lived in sf-admin.css, which only three of the five layouts that
   render _footer_sm actually load. On the other two - the course completion
   page and the learner's own course view - the footer came out unstyled and
   flush left, outside the column everything else sits in. A shared component
   carries its own styles. */

.sf-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 18px;
    margin-top: 32px;
    font-size: .82rem;
    color: var(--sf-muted);
    border-top: 1px solid var(--sf-border2);
    background: transparent;
}

.sf-footer-brand {
    font-weight: 700;
    color: var(--sf-ink);
}

.sf-footer-sep { color: var(--sf-muted); }

.sf-footer-powered a { color: inherit; }