@charset "UTF-8";

/* index.php で使っているユーティリティだけを残した軽量CSS */

.flex { display: flex; }
.block { display: block; }
.flex-wrap { flex-wrap: wrap; }
.gap-2 { gap: 0.5rem; }
.hidden { display: none; }

.w-full { width: 100%; }
.p-4 { padding: 1rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.pl-5 { padding-left: 1.25rem; }

.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }

.border { border-width: 1px; border-style: solid; }
.border-gray-300 { border-color: #d1d5db; }
.rounded-md { border-radius: 0.375rem; }

.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-gray-700 { color: #374151; }
.text-muted { color: #6b7280; }
.text-rose-500 { color: #f43f5e; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-sans {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI",
        "Yu Gothic", "Noto Sans JP", Meiryo, system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.list-disc { list-style-type: disc; }

.space-y-1 > * + * { margin-top: 0.25rem; }
.space-y-2 > * + * { margin-top: 0.5rem; }
.space-y-4 > * + * { margin-top: 1rem; }
.space-y-6 > * + * { margin-top: 1.5rem; }

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus\:ring-2:focus {
    box-shadow: 0 0 0 2px var(--ring-color, #111827);
}
.focus\:ring-gray-900:focus {
    --ring-color: #111827;
}

.bg-emerald-50 { background-color: #ecfdf5; }
.text-emerald-800 { color: #065f46; }
.border-emerald-200 { border-color: #a7f3d0; }
.bg-rose-50 { background-color: #fff1f2; }
.text-rose-800 { color: #9f1239; }
.border-rose-200 { border-color: #fecdd3; }
.bg-gray-50 { background-color: #f9fafb; }
.text-gray-800 { color: #1f2937; }
.border-gray-200 { border-color: #e5e7eb; }

@media (min-width: 768px) {
    .md\:w-auto { width: auto; }
}