/* Supplement for utility classes absent from the compiled template stylesheet.
   Shipped after tw.css so the original design tokens are unchanged. */

.border-t { border-top-width: 1px; border-style: solid; }
.border-b { border-bottom-width: 1px; border-style: solid; }
.border-y { border-top-width: 1px; border-bottom-width: 1px; border-style: solid; }
.border-stone-200 { border-color: #e7e5e4; }
.border-stone-300 { border-color: #d6d3d1; }
.border-zinc-800 { border-color: #27272a; }

.gap-6 { gap: 1.5rem; }
.gap-x-2 { column-gap: 0.5rem; }
.gap-y-2 { row-gap: 0.5rem; }

.h-7 { height: 1.75rem; }
.h-80 { height: 20rem; }
.h-auto { height: auto; }
.w-10 { width: 2.5rem; }
.w-auto { width: auto; }

.max-w-5xl { max-width: 64rem; }
.max-w-full { max-width: 100%; }

.mb-7 { margin-bottom: 1.75rem; }
.pb-4 { padding-bottom: 1rem; }
.pb-8 { padding-bottom: 2rem; }
.pb-48 { padding-bottom: 12rem; }
.pt-16 { padding-top: 4rem; }
.pt-20 { padding-top: 5rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }

.object-top { object-position: top; }

.text-xs { font-size: 0.75rem; line-height: 1rem; }

.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }

.hover\:bg-zinc-900:hover { background-color: #18181b; }
