/* Basic reset and styles to mimic Tailwind generic utilities for checking functionality */
body { margin: 0; line-height: 1.5; }
.bg-gray-50 { background-color: #f9fafb; }
.text-gray-800 { color: #1f2937; }
.font-sans { font-family: system-ui, -apple-system, sans-serif; }
.bg-white { background-color: #ffffff; }
.shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.p-4 { padding: 1rem; }
.p-8 { padding: 2rem; }
.max-w-4xl { max-width: 56rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.flex { display: flex; }
.justify-between { justify-content: space-between; }
.items-center { align-items: center; }
.font-bold { font-weight: 700; }
.text-xl { font-size: 1.25rem; }
.text-4xl { font-size: 2.25rem; }
.text-blue-600 { color: #2563eb; }
.space-x-4 > * + * { margin-left: 1rem; }
.mt-8 { margin-top: 2rem; }
.rounded { border-radius: 0.375rem; }
.shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.text-center { text-align: center; }
.text-gray-400 { color: #9ca3af; }
.text-sm { font-size: 0.875rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-8 { margin-bottom: 2rem; }
.bg-blue-50 { background-color: #eff6ff; }
.border { border-width: 1px; }
.border-blue-100 { border-color: #dbeafe; }
.inline-block { display: inline-block; }
.text-blue-800 { color: #1e40af; }
.font-mono { font-family: monospace; }
.hover\:text-blue-500:hover { color: #3b82f6; }