html {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.font-sans {
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

[v-cloak] {
    display: none;
}
/* Start: Lexxy editor — matches Tailwind Plus form inputs (gray-300 outline, sky-600 focus) */
:root {
    --lexxy-font-base: InterVariable, Inter, ui-sans-serif, system-ui, sans-serif;
    --lexxy-color-link: #2563eb;
    --lexxy-color-accent-dark: #0284c7;
    --lexxy-focus-ring-color: #0284c7;
    --lexxy-content-margin: 0.75rem;
}

.lexxy-content a:hover {
    color: #1d4ed8;
}

.lexxy-content > :last-child {
    margin-block-end: 0;
}

lexxy-editor {
    border: 0;
    border-radius: 0.375rem;
    box-shadow: inset 0 0 0 1px #d1d5db;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #111827;
}

lexxy-editor:focus-within {
    outline: 2px solid #0284c7;
    outline-offset: -2px;
    box-shadow: none;
}

.editor-message {
    --lexxy-editor-rows: 16rem;
}

.editor-notes {
    --lexxy-editor-rows: 10rem;
}

.editor-comment {
    --lexxy-editor-rows: 6rem;
}
/* End: Lexxy editor */