/* Home page specific styles (lean, complementary to base.css) */

/* Layout helpers */
.intro-grid { display: grid; gap: var(--space-7); grid-template-columns: 1.1fr 0.9fr; align-items: center; }
@media (max-width: 56rem) { .intro-grid { grid-template-columns: 1fr; } .intro-figure { order: -1; } }

.split { display: grid; gap: var(--space-7); grid-template-columns: 1fr 1fr; align-items: center; }
.split.reverse { direction: rtl; } /* simple flip without extra markup */
.split.reverse > * { direction: ltr; }
@media (max-width: 56rem) { .split, .split.reverse { grid-template-columns: 1fr; } }

.intro-figure img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }
.split-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

/* Search */
.search-form { margin-top: var(--space-5); }
.search-results { margin-top: var(--space-4); }
.search-results[hidden] { display: none; }
.search-results .match { background: linear-gradient(0deg, rgba(201,162,39,0.25), rgba(201,162,39,0.25)); padding: 0 0.2em; border-radius: 3px; }

/* CTA grid (future extensibility) */
.cta-grid { grid-template-columns: 1fr; }

/* Minor typographic polish */
#rules ol { padding-left: var(--space-6); }

/* Improve iframe appearance */
.media iframe { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); background: #000; }