/*
 * Presentation owned by core_news's generic pages. Site packages may
 * override the templates, but a tenant without an override still receives
 * a complete, responsive archive and article reading surface.
 */

.core-news-index__breadcrumb {
    padding-top: var(--core-space-4);
}

.core-news-index__breadcrumb .core-breadcrumb {
    margin: 0;
}

.core-news-index__head {
    margin-bottom: var(--core-space-6);
}

.core-news-index__head > .core-mono {
    color: var(--theme-ink-muted);
    margin: 0 0 var(--core-space-2);
}

.core-news-index__head > .core-h2 {
    margin: 0;
}

.core-news-filter {
    background: var(--theme-bg-alt);
    border: 1px solid var(--theme-border);
    border-radius: var(--theme-radius);
    padding: var(--core-space-4);
}

.core-news-filter__clear {
    border-top: 1px solid var(--theme-border);
    margin: var(--core-space-4) 0 0;
    padding-top: var(--core-space-4);
}

.core-news-post-grid {
    display: grid;
    gap: var(--core-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.core-news-post-card {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.core-news-post-card:hover {
    border-color: var(--theme-ink-muted);
    box-shadow: var(--core-shadow-2);
    transform: translateY(-2px);
}

.core-news-post-card__media {
    aspect-ratio: 16 / 9;
    background: var(--theme-bg-sunken);
    border-bottom: 1px solid var(--theme-border);
    margin: 0;
    overflow: hidden;
}

.core-news-post-card__media img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.core-news-post-card .core-card__body {
    height: 100%;
    padding: var(--core-space-5);
}

.core-news-post-card .core-card__excerpt {
    color: var(--theme-ink-soft);
}

.core-news-post-card .core-card__badges {
    margin-top: auto;
    padding-top: var(--core-space-3);
}

.core-news-article__masthead {
    max-width: 900px;
}

.core-news-article__hero-media {
    aspect-ratio: 16 / 9;
    background: var(--theme-bg-alt);
    border: 1px solid var(--theme-border);
    border-radius: var(--theme-radius);
    margin: var(--core-space-2) 0 0;
    overflow: hidden;
}

.core-news-article__hero-media img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.core-news-article__layout {
    align-items: start;
    grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
}

.core-news-article__prose {
    min-width: 0;
}

.core-news-article__aside {
    position: sticky;
    top: calc(var(--core-header-height) + var(--core-space-4));
}

/* Article links are all reader actions on a phone, including the compact
   breadcrumb and metadata links inherited from generic core components. */
.core-news-article__masthead .core-breadcrumb a,
.core-news-article__masthead .core-badge,
.core-news-article__aside a {
    align-items: center;
    display: inline-flex;
    min-block-size: var(--core-touch-min);
    min-inline-size: var(--core-touch-min);
}

.core-news-article__aside .core-stack > a {
    display: flex;
}

@media (max-width: 900px) {
    .core-news-filter {
        padding: 0;
    }

    .core-news-filter .core-facet-drawer__body {
        padding: 0 var(--core-space-4) var(--core-space-4);
    }

    .core-news-article__layout {
        grid-template-columns: 1fr;
    }

    .core-news-article__aside {
        position: static;
    }
}

@media (max-width: 640px) {
    .core-news-post-grid {
        grid-template-columns: 1fr;
    }
}

@media print {
    .core-news-index__breadcrumb,
    .core-news-filter,
    .core-news-article__aside {
        display: none;
    }

    .core-news-post-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}