/* Shared site footer (loaded on every page from base.html, after the page
   stylesheet). Self-contained: no dependency on the page CSS variables, so it
   renders identically over style.css, landing.css and legal.css. */

.site-footer{
    max-width: 1200px;
    margin: 48px auto 0;
    padding: 22px 18px 30px;
    border-top: 1px solid rgba(212,175,55,0.10);
    text-align: center;
    font-size: 12.5px;
    line-height: 1.65;
    color: rgba(245,245,245,0.55);
}

.site-footer a{
    color: rgba(245,245,245,0.62);
    text-decoration: none;
    transition: color 140ms ease;
}

.site-footer a:hover{
    color: rgba(230,196,106,0.95);
}

.foot-links{
    margin: 0 0 10px;
}

.foot-sep{
    margin: 0 8px;
    color: rgba(245,245,245,0.25);
}

.foot-copy{
    margin: 0;
    color: rgba(245,245,245,0.55);
    letter-spacing: 0.02em;
}

/* The affiliate disclosure, rendered only while the global switch is on and
   config.FOOTER_AFFILIATE_DISCLOSURE allows it. The box is narrower than the
   footer, so it centers itself (auto margins) — left-aligned it sat visibly off
   the footer's centered text. */
.foot-affiliate{
    margin: 0 auto 6px;
    color: rgba(245,245,245,0.55);   /* the disclosure is read, not hidden: the site's faintest text (ui-guideline.md) */
    font-size: 12px;
    max-width: 720px;
}