/* ─── Extra top gap before the Extended Footer ─────────────────────────────
   Used on pages where content sits close to the viewport edge (Home, Article
   Detail, Article Create, User Page) so the footer doesn't feel cramped against it. */
.extended-footer-gap {
    margin-top: 64px;
}

/* ─── Disable overscroll bounce ───────────────────────────────────────────── */
html,
body {
    overscroll-behavior: none;
}

/* ─── FOOTER ───────────────────────────────────────────────── */
#footer {
    color: rgba(255, 255, 255, 0.4);
    background-color: rgb(25, 25, 25);
    max-width: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 16px 14px;
    font-size: 0.9rem;
}

/* ─── SAFE-AREA / OVERSCROLL BACKGROUND ───────────────────────
   Matches the footer color so the bounce area below the page
   (mobile Safari overscroll / iOS safe area) doesn't flash white. */
@media (max-width: 800px) {
    body {
        background-color: rgb(25, 25, 25);
    }
    #page-content {
        background-color: white;
    }
}