/* Project overrides, appended after PaperMod's core CSS by the theme's
   head.html. Keep customisations here rather than editing files inside the
   themes/PaperMod submodule — those never get committed, and CI checks the
   submodule out fresh, so they would be missing from the deployed site. */

/* Shorter hero block: PaperMod reserves 320px / 260px for a lead image we
   don't use, which pushed the venue tables below the fold. */
.first-entry {
    min-height: 180px;
}

@media screen and (max-width: 768px) {
    .first-entry {
        min-height: 180px;
    }
}

/* Current topic shown beside the site title. PaperMod's .logo a carries the
   full title weight; the topic reads as a secondary breadcrumb. */
.logo-sep {
    margin: 0 6px;
    color: var(--secondary);
    font-size: 24px;
    font-weight: 400;
}

.logo .logo-topic {
    font-size: 24px;
    font-weight: 500;
    color: var(--secondary);
}

/* Topic cards on the home page. The stats line and the section shortcuts sit
   inside PaperMod's .post-entry, whose ::before overlay swallows clicks, so the
   shortcut links need to be lifted above it to stay clickable. */
.topic-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: var(--secondary);
}

.topic-links {
    display: flex;
    gap: 16px;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}

.topic-links a {
    box-shadow: 0 1px 0 var(--primary);
}

/* Intro copy above a list of cards. PaperMod gives .post-entry a bottom margin
   only, and .md-content zeroes its last child's, so the intro would otherwise
   sit flush against the first card. Matches the card-to-card gap. */
.page-intro {
    margin-bottom: var(--gap);
}