/* PITTSBURGHWORDS Build Step 016B landing cleanup + global nav/footer cleanup */

/* Main landing only: remove tiny hero eyebrow marked in red. */
.archive-lock-hero .eyebrow {
    display: none;
}

/* Main landing only: remove right-side archive target card marked in red. */
.archive-count-card {
    display: none;
}

/* Rebalance hero now that right card is removed. */
.archive-lock-hero {
    grid-template-columns: 1fr !important;
    padding: clamp(24px, 5vw, 52px);
}

.archive-lock-hero h1 {
    max-width: 10ch;
    font-size: clamp(2.8rem, 9.4vw, 6.2rem);
    line-height: 0.9;
}

/* Word of the Moment side card: keep text centered and contained. */
.word-moment-side {
    justify-items: center;
    text-align: center;
    overflow: hidden;
}

.word-moment-side strong {
    max-width: 7.5ch;
    margin-left: auto;
    margin-right: auto;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.word-moment-side p {
    max-width: 24ch;
    margin-left: auto;
    margin-right: auto;
}

/* Featured section spacing refinement from annotation. */
.word-list-section {
    margin-top: clamp(32px, 5vw, 54px);
}

.word-list-section .section-heading {
    margin-bottom: clamp(18px, 3vw, 28px);
}

.word-grid {
    margin-top: 0;
}

/* Prevent major homepage sections from touching each other. */
.archive-lock-hero + .word-moment-panel,
.word-moment-panel + .word-list-section,
.word-list-section + section,
.word-list-section + .site-footer {
    margin-top: clamp(32px, 5vw, 56px);
}

/* Global footer cleanup after cyan removals. */
.site-footer {
    align-items: flex-start;
    gap: 12px;
}

.site-footer .footer-links {
    margin-top: 8px;
}

/* Defensive hiding if older footer links remain cached/merged. */
.site-footer .footer-links a[href$="/about"],
.site-footer .footer-links a[href$="/privacy"],
.site-footer .footer-links a[href$="/sitemap.xml"] {
    display: none;
}

/* Keep nav clean after About/Privacy removal. */
.site-nav {
    gap: 8px;
}

/* Mobile tightening. */
@media (max-width: 640px) {
    .archive-lock-hero h1 {
        max-width: 9ch;
        font-size: clamp(2.35rem, 14vw, 4.4rem);
    }

    .word-moment-side strong {
        max-width: 8ch;
        font-size: clamp(1.85rem, 10vw, 3.2rem);
    }
}