/* Page-specific overrides only — prefer components.css. */

/* Home: why-here block gets numbered accents instead of icon triads. */
.why-item { border-top: 3px solid var(--blue); padding-top: var(--space-2); }
.why-item h3 { font-size: var(--text-lg); }

/* About: story photo treatment. */
.about-photo img { border-radius: var(--radius-lg); box-shadow: var(--shadow); }

/* Visit: hours table. */
.hours-table { width: 100%; border-collapse: collapse; max-width: 30rem; }
.hours-table td { padding: 0.65rem 0; border-bottom: 1px solid var(--line); }
.hours-table td:first-child { font-weight: 700; }
.hours-table td:last-child { text-align: right; }

/* Legal pages: measure for comfortable reading. */
.prose { max-width: 44rem; }
.prose h2 { margin-top: var(--space-4); }