/* Markdown editor (flat, matches the ink/blue chrome in app.css) */
.md-editor { border: 1px solid var(--line-strong); border-radius: var(--r-md); background: var(--surface); }
.md-toolbar { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: space-between; align-items: center; padding: .4rem .5rem; border-bottom: 1px solid var(--line); background: var(--paper); border-radius: var(--r-md) var(--r-md) 0 0; }
.md-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .125rem; }
.md-btn { border: 0; background: transparent; color: var(--text); font: 500 .8125rem var(--font-ui); padding: .3rem .55rem; border-radius: var(--r-sm); cursor: pointer; }
.md-btn:hover { background: var(--accent-soft); color: var(--accent-strong); }
.md-btn:focus-visible, .md-mode:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.md-bold { font-weight: 700; min-width: 1.9rem; }
.md-italic { font-style: italic; font-family: Georgia, serif; min-width: 1.9rem; }
.md-mono { font-family: var(--font-mono); font-size: .78rem; }
.md-sep { width: 1px; height: 1.1rem; background: var(--line-strong); margin: 0 .35rem; }
.md-modes { display: inline-flex; border: 1px solid var(--line-strong); border-radius: var(--r-sm); overflow: hidden; background: var(--surface); }
.md-mode { border: 0; background: transparent; font: 500 .8125rem var(--font-ui); color: var(--text-2); padding: .3rem .7rem; cursor: pointer; }
.md-mode + .md-mode { border-left: 1px solid var(--line-strong); }
.md-mode.active { background: var(--ink); color: #fff; }
.md-panes { display: grid; grid-template-columns: 1fr; min-height: 18rem; }
.md-input { width: 100%; border: 0; resize: vertical; padding: .85rem 1rem; font: .875rem/1.6 var(--font-mono); color: var(--text); background: var(--surface); min-height: 18rem; }
.md-input:focus { outline: 2px solid var(--accent); outline-offset: -2px; }
.md-preview { padding: .85rem 1.1rem; overflow: auto; max-height: 36rem; background: var(--surface); border-top: 1px solid var(--line); }
.md-empty { color: var(--text-2); margin: 0; }
.md-editor[data-mode="write"] .md-preview { display: none; }
.md-editor[data-mode="preview"] .md-input { display: none; }
@media (min-width: 992px) {
    .md-editor[data-mode="split"] .md-panes { grid-template-columns: 1fr 1fr; }
    .md-editor[data-mode="split"] .md-preview { border-top: 0; border-left: 1px solid var(--line); }
}
.md-help { border-top: 1px solid var(--line); padding: .5rem 1rem; font-size: .8125rem; color: var(--text-2); }
.md-help summary { cursor: pointer; font-weight: 500; }
.md-help-grid { display: grid; grid-template-columns: max-content 1fr; gap: .3rem 1.25rem; padding: .6rem 0 .3rem; align-items: baseline; }
.md-help-grid code { font-family: var(--font-mono); color: var(--text); background: var(--paper); padding: 0 .3rem; border-radius: var(--r-sm); }