/* mdlite.css — shared styles for the lightweight markdown toolbar/preview/render output. */

.md-toolbar { display: flex; align-items: center; gap: 4px; margin-bottom: 6px; flex-wrap: wrap; }
.md-btn { background: none; border: 1px solid var(--border); border-radius: 3px; color: var(--text-dim); font-size: 11px; padding: 3px 9px; cursor: pointer; transition: all .15s; font-family: system-ui, sans-serif; line-height: 1.4; }
.md-btn:hover { color: var(--text); border-color: var(--text-dim); }
.md-btn.active { color: var(--teal); border-color: rgba(45,212,176,.4); }
.md-sep { width: 1px; align-self: stretch; background: var(--border); margin: 0 2px; }
.md-toolbar-spacer { flex: 1; }

.md-list { margin: 6px 0; padding-left: 20px; }
.md-list li { margin-bottom: 3px; }
.md-quote { margin: 6px 0; padding: 6px 12px; border-left: 2px solid var(--gold-dim); color: var(--text-dim); font-style: italic; }
.md-heading { font-weight: 700; font-size: 1.1em; margin: 10px 0 4px; color: var(--text); }
.md-img { max-width: 280px; max-height: 280px; border-radius: 4px; border: 1px solid var(--border); display: block; margin: 8px 0; }
.md-link { color: var(--teal); text-decoration: underline; text-decoration-color: rgba(45,212,176,.35); }
.md-link-domain { color: var(--text-dim); font-size: .88em; }

.md-preview-pane { min-height: 80px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 3px; background: var(--bg-input); font-size: 13px; line-height: 1.6; color: var(--text); }

.md-draft-banner { display: flex; align-items: center; gap: 8px; padding: 7px 10px; margin-bottom: 8px; border: 1px solid rgba(232,184,75,.3); border-radius: 3px; background: rgba(232,184,75,.06); font-size: 11px; color: var(--text-dim); }

.composer-modal.md-expanded { width: 900px; max-width: 96vw; }
.composer-modal.md-expanded .composer-textarea { min-height: 52vh; }
.modal-box.md-expanded { max-width: 900px; }
.modal-box.md-expanded .modal-textarea { min-height: 52vh; }

/* Base entity-code look for pages that don't already define their own (post-detail.html has its own, more specific rules that take precedence). */
.entity-code { font-family: 'Cinzel', serif; font-size: .92em; letter-spacing: .02em; padding: 0 2px; border-radius: 2px; cursor: pointer; text-decoration: none; border-bottom: 1px dotted currentColor; }
.entity-code.entity-SRC { color: var(--teal); }
.entity-code.entity-CONT, .entity-code.entity-CONTN { color: var(--amber); }
.entity-code.entity-PROP { color: var(--violet); }
.entity-code.entity-POST { color: var(--text-dim); }
.entity-code.entity-CHA, .entity-code.entity-STR, .entity-code.entity-SES, .entity-code.entity-BRF { color: var(--gold); }
.entity-code.entity-GRF { color: var(--violet); }
.entity-code.entity-FTM { color: var(--amber); }