/* Page content styles. Used on /page/<slug> and inside the admin Tiptap editor, so the editor looks like the site.
   Hand-written (no Tailwind rebuild needed). Colours follow Admin > Settings > Colors via --c-* variables. */
.cz-prose { font-family: var(--cz-font-body, Inter, sans-serif); font-size: 1rem; line-height: 1.75; color: #1b1b1c; overflow-wrap: anywhere; }
.cz-prose > :first-child { margin-top: 0; }
.cz-prose > :last-child { margin-bottom: 0; }
.cz-prose p { margin: 0 0 1.1em; }
.cz-prose h2, .cz-prose h3, .cz-prose h4 { font-family: var(--cz-font-heading, "Plus Jakarta Sans", Inter, sans-serif); color: #1b1b1c; line-height: 1.3; margin: 1.9em 0 .6em; font-weight: 700; letter-spacing: -.01em; }
.cz-prose h2 { font-size: 1.45rem; }
.cz-prose h3 { font-size: 1.15rem; }
.cz-prose h4 { font-size: 1rem; }
.cz-prose strong { font-weight: 700; }
.cz-prose a { color: rgb(var(--c-primary)); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.cz-prose a:hover { text-decoration-thickness: 2px; }
.cz-prose ul, .cz-prose ol { margin: 0 0 1.2em; padding-left: 1.5rem; }
.cz-prose ul { list-style: disc; }
.cz-prose ol { list-style: decimal; }
.cz-prose li { margin: .35em 0; padding-left: .2rem; }
.cz-prose li > p { margin: 0; }
.cz-prose li::marker { color: rgb(var(--c-primary)); }
.cz-prose blockquote { margin: 1.5em 0; padding: .4em 0 .4em 1.1rem; border-left: 3px solid rgb(var(--c-primary)); color: #5a3f47; font-style: italic; }
.cz-prose hr { border: 0; border-top: 1px solid rgb(var(--c-high)); margin: 2em 0; }
.cz-prose img { display: block; max-width: 100%; height: auto; border-radius: var(--cz-radius, 6px); margin: 1.4em auto; }
.cz-prose [style*="text-align: center"] { text-align: center; }
.cz-prose [style*="text-align: right"] { text-align: right; }
.cz-prose [style*="text-align: justify"] { text-align: justify; }

/* ---- editor-only bits (admin/page-form.php) ---- */
.cz-editor .ProseMirror { outline: none; min-height: 22rem; padding: 1rem 1.25rem 1.5rem; }
.cz-editor .ProseMirror p.is-editor-empty:first-child::before { content: attr(data-placeholder); color: #8e6f77; float: left; height: 0; pointer-events: none; }
.cz-editor .ProseMirror img.ProseMirror-selectednode { outline: 2px solid rgb(var(--c-primary)); }
.cz-editor .ProseMirror-gapcursor:after { border-top-color: #1b1b1c; }
.cz-tb-btn { display: inline-flex; align-items: center; justify-content: center; width: 2.1rem; height: 2.1rem; border-radius: .5rem; font-size: 1.05rem; color: #5a3f47; background: transparent; border: 0; cursor: pointer; }
.cz-tb-btn:hover { background: rgb(var(--c-mid)); color: #1b1b1c; }
.cz-tb-btn.is-active { background: rgb(var(--c-primary)); color: #fff; }
.cz-tb-btn:disabled { opacity: .35; cursor: default; }
.cz-tb-sep { width: 1px; align-self: stretch; margin: .3rem .25rem; background: rgb(var(--c-high)); }