/* Editorial discovery stays flat; one seasonal story leads two useful next steps. */
.home-curation {
    --surface-foreground: var(--block-text-on-dark-strong);
    --muted-foreground: var(--block-text-on-dark-muted);
    background: var(--surface-base);
    color: var(--surface-foreground);
    border-top: 1px solid var(--border-subtle);
    scroll-margin-top: calc(var(--block-header-total-height) + var(--space-4));
}

.home-curation-inner {
    max-width: var(--main-header-max-width);
    margin-inline: auto;
    padding: var(--space-12) var(--block-page-inline-padding);
}

.home-curation-feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-12);
}

.home-curation-feature[hidden] { display: none; }

.home-curation-copy { min-width: 0; }

.home-curation-kicker,
.home-curation-row-type {
    display: block;
    margin-bottom: var(--space-3);
    color: var(--surface-foreground);
    font-size: var(--fs-xs);
    line-height: var(--lh-sm);
    font-weight: 600;
}

.home-curation h2 {
    margin: 0;
    font-size: var(--fs-display-lg);
    line-height: var(--lh-display);
    font-weight: 500;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.home-curation-description {
    margin-top: var(--space-4);
    color: var(--muted-foreground);
    font-size: var(--fs-body-lg);
    line-height: var(--lh-body);
    text-wrap: pretty;
}

.home-curation-link {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: var(--control-h-m);
    margin-top: var(--space-6);
    color: var(--surface-foreground);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: var(--space-1);
}

.home-curation-link svg { width: var(--control-icon-s); height: var(--control-icon-s); flex-shrink: 0; }

.home-curation-preview {
    display: block;
    min-width: 0;
    aspect-ratio: 8 / 5;
    overflow: hidden;
    border-radius: var(--radius-lg);
}

.home-curation-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }

.home-curation-next {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-8);
    margin-top: var(--space-8);
}

.home-curation-row {
    display: block;
    min-width: 0;
    padding-top: var(--space-6);
    border-top: 1px solid var(--border-emphasis);
    color: inherit;
    text-decoration: none;
}

.home-curation-row h3 { margin: 0; font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: 500; }
.home-curation-row p { margin-top: var(--space-2); color: var(--muted-foreground); font-size: var(--fs-sm); line-height: var(--lh-body); }
.home-curation-row-action { display: block; margin-top: var(--space-4); font-size: var(--fs-xs); line-height: var(--lh-sm); font-weight: 600; }
.home-curation-row:hover .home-curation-row-action,
.home-curation-row:focus-visible .home-curation-row-action { text-decoration: underline; text-underline-offset: var(--space-1); }

@media (max-width: 640px) {
    .home-curation-feature { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
    .home-curation h2 { font-size: var(--fs-display); }
    .home-curation-next { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
}
