.ideas-page {
    max-width: 1120px;
    margin: 0 auto;
    padding: var(--spacing-xl) var(--spacing-lg) var(--spacing-3xl);
}

.ideas-hero {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--spacing-lg);
    align-items: center;
    padding: var(--spacing-xl);
    border-radius: var(--border-radius-xl);
    color: var(--white);
    background: var(--gradient-hero);
}

.ideas-hero__icon {
    display: grid;
    place-items: center;
    width: calc(var(--spacing-2xl) + var(--spacing-sm));
    height: calc(var(--spacing-2xl) + var(--spacing-sm));
    border-radius: var(--border-radius-full);
    color: var(--primary-gold-darker);
    background: var(--primary-gold-lighter);
    font-size: var(--font-size-2xl);
}

.ideas-hero h1, .ideas-section h2, .ideas-card h3 { margin: 0; }
.ideas-hero p { margin: .45rem 0 0; opacity: .92; }

.ideas-search { display: flex; gap: var(--spacing-sm); }
.ideas-search input {
    min-width: 0;
    width: 12rem;
    padding: var(--spacing-sm) var(--spacing-md);
    border: 1px solid transparent;
    border-radius: var(--border-radius-md);
    font: inherit;
}

.ideas-hero__cta {
    padding: var(--spacing-sm) var(--spacing-md);
    border: 0;
    border-radius: var(--border-radius-md);
    color: var(--brown-dark);
    background: var(--white);
    font-weight: var(--font-weight-bold);
    text-decoration: none;
}

.ideas-section { margin-top: var(--spacing-2xl); }
.ideas-section__heading { display: flex; justify-content: space-between; align-items: end; gap: var(--spacing-md); margin-bottom: var(--spacing-lg); }
.ideas-section__heading > a, .ideas-card span { color: var(--accent-dark); font-weight: var(--font-weight-bold); text-decoration: none; }
.ideas-section__eyebrow { margin: 0 0 var(--spacing-xs); color: var(--accent-dark); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); text-transform: uppercase; letter-spacing: .08em; }

.ideas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacing-lg); }
.ideas-card { overflow: hidden; border: 1px solid var(--primary-gold-light); border-radius: var(--border-radius-lg); background: var(--white); box-shadow: var(--shadow-md); }
.ideas-card a { display: block; height: 100%; color: inherit; text-decoration: none; }
.ideas-card img, .ideas-recipe-card__placeholder { display: block; width: 100%; height: 170px; object-fit: cover; }
.ideas-recipe-card__placeholder { display: grid; place-items: center; color: var(--primary-gold-dark); background: var(--primary-gold-lighter); font-size: var(--font-size-3xl); }
.ideas-card__content { padding: var(--spacing-lg); }
.ideas-card p { color: var(--gray-650); line-height: var(--line-height-normal); }
.ideas-card span { display: inline-block; margin-top: var(--spacing-sm); }
.ideas-article-card time { color: var(--gray-600); font-size: var(--font-size-sm); }
.ideas-article-card h3 { margin-top: var(--spacing-sm); }
.ideas-empty { padding: var(--spacing-lg); border-radius: var(--border-radius-md); color: var(--gray-650); background: var(--gray-50); }

@media (max-width: 700px) {
    .ideas-hero { grid-template-columns: auto 1fr; padding: var(--spacing-lg); }
    .ideas-search { grid-column: 1 / -1; }
    .ideas-search input { flex: 1; }
    .ideas-hero__cta { text-align: center; }
    .ideas-grid { grid-template-columns: 1fr; }
}