/* Site overrides on top of risotto.
 * Loaded after risotto.css.
 */

/* Section list pages (post/papers/talks): visually separate entries.
 * Without this, each article's summary runs straight into the next
 * article's heading. */
article.post + article.post {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid var(--off-fg);
}

/* Move the "about" sidebar from the right column to a full-width footer band
 * below the main content. Reclaims horizontal space on wide screens. */
@media (min-width: 45rem) {
    .page {
        grid-template-areas:
          "header"
          "body"
          "aside"
          "footer";
        grid-template-columns: minmax(0, 1fr);
        grid-column-gap: 0;
    }
    .page__aside {
        position: static;
        max-height: none;
        overflow-y: visible;
        border-top: 1px solid var(--border-color, var(--off-fg));
        padding-top: 1.5rem;
        opacity: 0.85;
    }
    /* When aside is below content, the about block reads better in a row. */
    .aside__about {
        display: flex;
        align-items: baseline;
        gap: 0.75rem;
        flex-wrap: wrap;
    }
    .aside__about .about__logo,
    .aside__about .about__title {
        margin: 0;
    }
    .aside__social-links {
        display: flex;
        gap: 1rem;
        padding: 0;
        margin: 0.5rem 0 0;
        list-style: none;
    }
    /* The site title "Miguel Filipe" is already in the header and footer.
     * In the bottom-band aside it's a third repetition — hide it. */
    .page__aside .about__title {
        display: none;
    }
    /* The aside__content block only repeats info that's already in the
     * page body or post header (description, date, TOC).
     * In the bottom-band layout it adds clutter without value — kill it
     * and the divider that precedes it. */
    .page__aside hr,
    .page__aside .aside__content {
        display: none;
    }
}