/*
 * site-footer.css: the shared site footer (site-footer.php). Same look on
 * every page: a slim bordered strip in the menu's mono type. It sets its own
 * colours and resets so host pages (dark homepage, global a/footer rules)
 * don't restyle it.
 */
.cdc-footer-host {
    --ink: #000; --paper: #fff; --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    position: relative; z-index: 1; box-sizing: border-box; clear: both;
    width: 100%; max-width: 1200px; align-self: stretch; flex: 0 0 auto;
    margin: 32px auto 0; padding: 0 12px 16px;
    font: 11px/1.4 var(--mono); color: var(--ink); text-align: center;
}
.cdc-footer-host .cdc-footer {
    display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center;
    gap: 4px 18px; box-sizing: border-box; width: 100%;
    margin: 0 !important; padding: 9px 12px !important;
    border: 1px solid var(--ink) !important; background: var(--paper) !important; color: var(--ink) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .55);
    font: 11px/1.4 var(--mono) !important; letter-spacing: 1.2px; text-transform: uppercase; text-align: center;
}
.cdc-footer-host .cdc-footer span, .cdc-footer-host .cdc-footer a {
    font: inherit !important; letter-spacing: inherit; color: var(--ink) !important; background: none !important;
    margin: 0; padding: 0; border: 0;
}
.cdc-footer-host .cdc-footer a { text-decoration: underline; text-underline-offset: 2px; }
.cdc-footer-host .cdc-footer a:hover { text-decoration: none; }