:root { --brand: #0ea5e9; }
html { scroll-behavior: smooth; }
.nav-active { border-bottom: 2px solid var(--brand); }
.prose a { text-decoration: underline; }
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.gallery img { width: 100%; height: 180px; object-fit: cover; border-radius: 0.75rem; }
.card { border-radius: 1rem; box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 0.75rem; border-bottom: 1px solid #e5e7eb; text-align: left; }
.table th { background: #f9fafb; font-weight: 600; }