/*
 * Utilities used by the Adventures and Camping pages that are not in the
 * compiled Tailwind bundle (main-*.css). Values match Tailwind v4 defaults.
 */
.gap-6 { gap: 1.5rem; }
.h-52 { height: 13rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-4 { margin-top: 1rem; }
.self-start { align-self: flex-start; }
.max-w-2xl { max-width: 42rem; }
.max-w-4xl { max-width: 56rem; }
.space-y-4 > * + * { margin-top: 1rem; }
.leading-relaxed { line-height: 1.625; }
.tracking-wide { letter-spacing: 0.025em; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-6xl { font-size: 3.75rem; line-height: 1; }
.text-neutral-600 { color: #525252; }
.border-gray-100 { border-color: #f3f4f6; }
.shadow-sm { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
.bg-blue-brand\/10 { background-color: rgb(0 56 130 / 0.1); }

@media (min-width: 768px) {
    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}