/* =============================================================================
   pages.css — page-specific layout (home hero, interior pages)
   ============================================================================= */

.hero {
  padding: var(--sw-space-16) 0 var(--sw-space-12);
  background: linear-gradient(180deg, var(--sw-color-primary-light), var(--sw-color-bg));
  text-align: center;
}
.hero__eyebrow { color: var(--sw-color-primary-dark); font-weight: 600; letter-spacing: 0.02em; margin-bottom: var(--sw-space-2); }
.hero__lead { max-width: 640px; margin: 0 auto var(--sw-space-8); color: var(--sw-color-text-muted); font-size: 1.1rem; }

.action-grid {
  display: grid; gap: var(--sw-space-4); grid-template-columns: 1fr;
  max-width: 900px; margin: 0 auto;
}
@media (min-width: 640px) { .action-grid { grid-template-columns: repeat(2, 1fr); } }

.action-card {
  display: block; text-decoration: none; color: inherit;
  background: var(--sw-color-surface); border: 1px solid var(--sw-color-border);
  border-radius: var(--sw-radius-lg); padding: var(--sw-space-6); text-align: left;
  transition: border-color var(--sw-transition), transform var(--sw-transition);
}
.action-card:hover { border-color: var(--sw-color-primary); transform: translateY(-2px); }
.action-card--urgent { border-color: var(--sw-color-safety); }
.action-card--urgent:hover { border-color: var(--sw-color-safety); }

.interior { padding: var(--sw-space-12) 0 var(--sw-space-16); }
.interior__lead { color: var(--sw-color-text-muted); max-width: var(--sw-container-narrow); font-size: 1.05rem; }

.section { padding: var(--sw-space-12) 0; }
.section--alt { background: var(--sw-color-surface-alt); }