/* Guides page styles — minimal, built on base.css */
.page-hero {
  padding: var(--space-16) 0 var(--space-10);
  background: linear-gradient(180deg, color-mix(in oklab, var(--color-warning) 18%, transparent), transparent 60%);
  border-bottom: 1px solid var(--gray-300);
}
.page-hero p { color: var(--gray-700); }

.guide-filters { padding: var(--space-6) 0 var(--space-4); }
.filters-form { display: grid; gap: var(--space-4); }
.filters-toolbar { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.filter-btn[aria-pressed="true"] { outline: 2px dashed var(--color-warning); outline-offset: 2px; }
.results-count { color: var(--gray-600); }

.guides-grid { padding: var(--space-2) 0 var(--space-16); }
.guide-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(370px, 1fr)); gap: var(--space-6); }
.guide-card .media-frame { margin-bottom: var(--space-4); }
.guide-card ul { margin: 0 0 var(--space-4) var(--space-6); }
.guide-card .actions { margin-top: var(--space-2); }

.newsletter { padding: var(--space-4) 0 var(--space-16); }
.newsletter .newsletter-form { display: grid; gap: var(--space-3); align-items: end; max-width: 520px; }

@media (min-width: 720px) {
  .newsletter .newsletter-form { grid-template-columns: 1fr auto; }
}