@import "tailwindcss";

@variant dark (&:where(.dark, .dark *));

@layer base {
    [x-cloak] {
        display: none !important;
    }
}

/* TipTap editor prose styles — Tailwind Preflight strips <p> margin */
.ProseMirror p {
    margin-bottom: 1em;
}
.ProseMirror p:last-child {
    margin-bottom: 0;
}
.ProseMirror h1,
.ProseMirror h2,
.ProseMirror h3 {
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    font-weight: 700;
    line-height: 1.25;
}
.ProseMirror h1 { font-size: 1.75em; }
.ProseMirror h2 { font-size: 1.4em; }
.ProseMirror h3 { font-size: 1.15em; }
.ProseMirror ul,
.ProseMirror ol {
    margin-bottom: 1em;
    padding-left: 1.5em;
}
.ProseMirror ul { list-style-type: disc; }
.ProseMirror ol { list-style-type: decimal; }
.ProseMirror li { margin-bottom: 0.25em; }
.ProseMirror blockquote {
    border-left: 3px solid #d1d5db;
    margin: 1em 0;
    padding: 0.25em 1em;
    color: #6b7280;
    font-style: italic;
}
.ProseMirror hr {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin: 1.5em 0;
}
