.home-topic{
    padding:20px 0;
    background:#f1f1f0;
}
.home-topic+.home-topic{padding-top:0}
.home-topic-posts{
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.12);
}
.home-topic .section-head{margin-bottom:14px}

/* Grid: six equal editorial cards */
.home-topic-grid .home-topic-posts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    padding:24px;
}
.home-topic-grid .post-card{padding:0 22px}
.home-topic-grid .post-card:nth-child(3n+1){padding-left:0;border-left:0}
.home-topic-grid .post-card:nth-child(3n){padding-right:0}
.home-topic-grid .post-card+ .post-card{border-left:1px solid var(--line)}
.home-topic-grid .post-card:nth-child(n+4){
    margin-top:24px;
    padding-top:24px;
    border-top:1px solid var(--line);
}
.home-topic-grid .post-card:nth-child(4){border-left:0}

/* List: compact horizontal news rows */
.home-topic-list .home-topic-posts{padding:0 24px}
.home-topic-list .post-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) 240px;
    grid-template-areas:'list-copy list-image';
    gap:26px;
    padding:20px 0;
}
.home-topic-list .post-card+ .post-card{border-top:1px solid var(--line)}
.home-topic-list .card-image{
    grid-area:list-image;
    width:100%;
    min-width:0;
    min-height:0;
    max-width:100%;
    margin:0;
    aspect-ratio:16/9;
    overflow:hidden;
}
.home-topic-list .card-image img{width:100%;max-width:100%;height:100%;object-fit:cover}
.home-topic-list .card-copy{
    grid-area:list-copy;
    align-self:center;
}
.home-topic-list .card-copy h3{font-size:2.3rem}
.home-topic-list .card-copy p{max-width:650px}
.home-topic-list .post-card:nth-child(n+6){display:none}

/* Mix: one lead story plus a compact supporting grid */
.home-topic-mix .home-topic-posts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:24px;
    row-gap:0;
    padding:24px;
}
.home-topic-mix .post-card:first-child{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(260px,.85fr) minmax(0,1.55fr);
    grid-template-areas:'mix-copy mix-image';
    gap:28px;
    padding-bottom:24px;
    border-bottom:1px solid var(--line);
}
.home-topic-mix .post-card:first-child .card-image{
    grid-area:mix-image;
    margin:0;
    aspect-ratio:16/9;
}
.home-topic-mix .post-card:first-child .card-copy{
    grid-area:mix-copy;
    align-self:center;
}
.home-topic-mix .post-card:first-child h3{
    font:800 3.5rem/1.1 'Roboto Slab',Georgia,serif;
}
.home-topic-mix .post-card:nth-child(n+2){
    display:grid;
    grid-template-columns:145px minmax(0,1fr);
    gap:16px;
    padding:20px 0;
    border:0;
}
.home-topic-mix .post-card:nth-child(n+4){border-top:1px solid var(--line)}
.home-topic-mix .post-card:nth-child(2):last-child{
    grid-column:1/-1;
    grid-template-columns:145px minmax(0,1fr);
}
.home-topic-mix .post-card:nth-child(n+6){display:none}
.home-topic-mix .post-card:nth-child(n+2) .card-image{margin:0;aspect-ratio:4/3}
.home-topic-mix .post-card:nth-child(n+2) .card-copy p{display:none}
.home-topic-mix .post-card:nth-child(n+2) .card-copy h3{font-size:1.8rem}

@media(max-width:800px){
    .home-topic-grid .home-topic-posts{grid-template-columns:repeat(2,1fr)}
    .home-topic-grid .post-card:nth-child(3n){padding-right:22px}
    .home-topic-grid .post-card:nth-child(3n+1){padding-left:22px}
    .home-topic-grid .post-card:nth-child(odd){padding-left:0;border-left:0}
    .home-topic-grid .post-card:nth-child(even){padding-right:0;border-left:1px solid var(--line)}
    .home-topic-grid .post-card:nth-child(n+3){margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
    .home-topic-list .post-card{grid-template-columns:minmax(0,1fr) 200px}
    .home-topic-mix .post-card:nth-child(n+2){grid-template-columns:110px minmax(0,1fr)}
}
@media(max-width:600px){
    .home-topic{padding:8px 0}
    .home-topic .container{width:100%}
    .home-topic-grid .home-topic-posts{grid-template-columns:1fr;padding:0 16px}
    .home-topic-grid .post-card,
    .home-topic-grid .post-card:nth-child(3n),
    .home-topic-grid .post-card:nth-child(3n+1),
    .home-topic-grid .post-card:nth-child(odd),
    .home-topic-grid .post-card:nth-child(even){
        display:grid;
        grid-template-columns:120px minmax(0,1fr);
        gap:14px;
        margin:0;
        padding:16px 0;
        border-left:0;
    }
    .home-topic-grid .post-card+ .post-card{border-top:1px solid var(--line)}
    .home-topic-grid .card-image{margin:0}
    .home-topic-list .home-topic-posts{padding:0 16px}
    .home-topic-list .post-card{
        grid-template-columns:minmax(0,1fr) 110px;
        gap:14px;
        padding:16px 0;
    }
    .home-topic-list .card-image{min-height:0}
    .home-topic-list .card-copy p{display:none}
    .home-topic-list .card-copy h3{font-size:1.8rem}
    .home-topic-mix .home-topic-posts{grid-template-columns:1fr;padding:16px}
    .home-topic-mix .post-card:first-child{display:flex;flex-direction:column;gap:12px}
    .home-topic-mix .post-card:first-child h3{font-size:3rem}
    .home-topic-mix .post-card:nth-child(n+2){
        grid-template-columns:110px minmax(0,1fr);
        padding:16px 0;
        border-top:1px solid var(--line);
    }
    .home-topic-mix .post-card:nth-child(2):last-child{grid-template-columns:110px minmax(0,1fr)}
}