/* Overview page specific styles – lean layer over base.css */

.overview-hero .hero-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: var(--space-7);
  align-items: center;
}
.overview-hero .site-search { align-self: start; }
.overview-hero .search-hint { color: var(--gray-700); font-size: var(--font-size-200); margin-top: var(--space-2); }

/* Generic two-column helper for sections on this page */
.grid.two-col { display: grid; grid-template-columns: 1.2fr 0.8fr; }
@media (max-width: 62rem) {
  .overview-hero .hero-inner,
  .grid.two-col { grid-template-columns: 1fr; }
}

/* Alternating section background subtlety */
.section.alt { background: linear-gradient(0deg, rgba(201,162,39,0.04), rgba(201,162,39,0.04)), var(--color-surface); }

/* Components gallery */
.components-gallery { margin-top: var(--space-6); display: grid; gap: var(--space-6); grid-template-columns: repeat(3, 1fr); }
@media (max-width: 62rem) { .components-gallery { grid-template-columns: 1fr 1fr; } }
@media (max-width: 40rem) { .components-gallery { grid-template-columns: 1fr; } }

/* Color palette swatches */
.palette { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); align-items: stretch; }
.swatch { border-radius: var(--radius-md); height: 72px; box-shadow: var(--shadow-sm); border: 1px solid rgba(0,0,0,0.06); }
.swatch-steel { background: var(--color-steel); }
.swatch-blue  { background: var(--color-primary); }
.swatch-crimson { background: var(--color-accent); }
.swatch-gold { background: var(--color-gold); }

/* Search field in hero */
.site-search { margin-top: var(--space-6); }
.site-search .input { background: #fff; }

/* Minor spacing tweaks */
.card .card-subtitle { margin-top: var(--space-1); }

/* Reduce media iframe rounding to match cards */
.media.card, .media.card iframe { border-radius: var(--radius-lg); overflow: hidden; }