/* Compact tools and an independent scroll area, matching the native writing view. */
.scratchpad-writing { overflow-anchor:none; padding:0; overflow:hidden; display:flex; flex-direction:column; }
.writing-toolbar { flex:none; display:flex; align-items:center; gap:4px; padding:8px max(22px,calc((100% - 650px)/2)); min-height:47px; border-bottom:1px solid #e6e8df; background:#fafaf6; }
.writing-toolbar button { display:grid; place-items:center; width:30px; height:30px; flex:none; padding:5px; border:0; border-radius:5px; background:transparent; color:#5b6c59; font-size:17px; line-height:1; }
.writing-toolbar button:hover:not(:disabled),.writing-toolbar button[aria-pressed="true"] { background:#e7ecdf; color:#2e5139; }
.writing-toolbar button:disabled { opacity:.3; cursor:default; }
.writing-toolbar .icon { width:19px; height:19px; }
.writing-toolbar .tool-bold { font-weight:700; }
.writing-toolbar .tool-italic { font-family:Georgia,serif; font-style:italic; }
.writing-toolbar [data-edit="undo"] { margin-left:8px; }
.writing-toolbar [data-edit="remove"] { visibility:hidden; color:#a84941; }
.writing-toolbar [data-edit="remove"].is-available { visibility:visible; }
.writing-toolbar [data-edit="remove"]:hover { color:#9d3732; background:#f6e9e5; }
.writing-toolbar [data-edit="reset"] { margin-left:auto; }
.writing-scroll { min-height:0; flex:1; overflow:auto; overscroll-behavior:auto; scrollbar-width:thin; scrollbar-color:#b8c2b0 transparent; padding:26px 32px 40px; }
.writing-editor { position:relative; min-height:100%; outline:none; white-space:pre-wrap; overflow-wrap:break-word; font-variant-ligatures:none; caret-color:#43674d; }
.writing-editor>p { margin:0 0 18px; min-height:1.65em; }
.writing-editor ul,.writing-editor ol { padding-left:25px; margin:16px 0; }
.writing-editor li { position:relative; }
.writing-editor li>p { margin:5px 0; }
.writing-editor mark { color:inherit; background:#f4e5ad; border-radius:2px; }
.writing-editor::selection,.writing-editor ::selection { background:#d6e3c9a6; }
.writing-editor .linked-note-example { white-space:normal; cursor:pointer; user-select:none; -webkit-user-select:none; }
.writing-editor .linked-note-example:focus-visible { outline:2px solid #7a926d; outline-offset:3px; }
.writing-editor .linked-note-example.ProseMirror-selectednode { outline:2px solid #7a926d; outline-offset:3px; }
.writing-editor.ProseMirror-hideselection *::selection,.writing-editor .linked-note-example::selection,.writing-editor .linked-note-example *::selection { background:transparent; }
.writing-editor .ProseMirror-separator { display:inline!important; margin:0!important; border:0!important; width:0!important; height:0!important; }
.writing-editor [draggable] { -webkit-user-select:none; }
.writing-demo-description { color:#6c7766; }
@media(max-width:600px) {
 .writing-toolbar { gap:2px; padding:8px; }
 .writing-toolbar button { width:28px; height:30px; }
 .writing-toolbar [data-edit="undo"] { margin-left:0; }
 .writing-scroll { padding:24px 20px 36px; }
}