/* Note-first editing. Scoped to the make / teach notes mode. */
.knowledge-notes{--kn-ink:#17191d;--kn-muted:#606772;--kn-line:#e3e6eb;--kn-accent:#2357d9;color:var(--kn-ink);width:100%;min-width:0;text-align:start;margin:0;font-family:inherit}
.knowledge-notes *{box-sizing:border-box}.knowledge-notes [hidden]{display:none!important}
.knowledge-notes button{font:inherit;cursor:pointer;border:0;line-height:1.4;min-height:44px;border-radius:10px;padding:10px 14px;background:none;color:var(--kn-ink);transition:background .15s ease;white-space:normal}
.knowledge-notes button:hover{background:#edf0f5}.knowledge-notes button:disabled{cursor:default;opacity:.5}
.knowledge-notes :focus-visible{outline:3px solid #779cf4;outline-offset:3px}
.knowledge-notes .kn-label{display:block;margin:0;font-size:clamp(20px,2.1vw,25px);font-weight:700;line-height:1.4;letter-spacing:-.025em;color:var(--kn-ink)}
.knowledge-notes .kn-intro{margin:8px 0 20px;color:var(--kn-muted);font-size:15px;line-height:1.6}
.knowledge-notes .kn-composer{border:1.5px solid #d3d9e3;border-radius:18px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.knowledge-notes .kn-composer:focus-within{border-color:var(--kn-accent);box-shadow:0 0 0 3px #2357d90b}
.knowledge-notes #ai-training{display:block!important;width:100%;max-width:none;min-height:120px;height:auto;padding:20px 20px 10px;margin:0;border:0!important;box-shadow:none!important;border-radius:0!important;resize:vertical;background:#fff;font-size:17px;font-family:inherit;line-height:1.65;color:var(--kn-ink)}
.knowledge-notes #ai-training::placeholder{color:#707988;opacity:1}.knowledge-notes #ai-training:focus{outline:0}
.knowledge-notes .kn-compose-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;padding:10px 14px 14px}
.knowledge-notes .kn-add{background:var(--kn-accent);color:#fff;font-weight:650;font-size:15px;padding:11px 22px;min-width:110px}
.knowledge-notes .kn-add:hover{background:#1844b3}
.knowledge-notes .kn-help{margin-top:12px;color:var(--kn-muted);font-size:13px}
.knowledge-notes summary{cursor:pointer;min-height:44px;line-height:1.5;padding:12px 0;overflow-wrap:anywhere}
.knowledge-notes .kn-help>summary{width:fit-content;padding-inline:12px;border-radius:10px;background:#f4f5f7;color:#4b5565}
.knowledge-notes .kn-help[open]>summary{margin-bottom:12px}
.knowledge-notes .kn-help-body{padding:16px;border-radius:14px;background:#f5f6f8}
.knowledge-notes .kn-hints{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.knowledge-notes .kn-hints button{font-size:13px;background:#fff;border:1px solid var(--kn-line);color:#4b5565}
.knowledge-notes .kn-help .starter-template-card{margin:0;padding:0;border:0;box-shadow:none;border-radius:0;background:transparent}
.knowledge-notes .kn-help .starter-template-copy{display:none}
.knowledge-notes .kn-help .starter-template-controls{width:100%}
.knowledge-notes .kn-help .make-input-tools{gap:8px;margin-top:12px}
.knowledge-notes .kn-import{font-size:13px;border:1px solid var(--kn-line);background:#fff}
.knowledge-notes .kn-collection{margin-top:28px}
.knowledge-notes .kn-collection-head{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.knowledge-notes .kn-collection-head h3{font-size:15px;font-weight:650;line-height:1.5;margin:0}
.knowledge-notes .kn-count{font-size:13px;font-weight:650;color:var(--kn-accent);background:#edf2ff;border-radius:8px;min-width:24px;padding:3px 7px;text-align:center}
.knowledge-notes .kn-list{padding:0;margin:0;list-style:none}
.knowledge-notes .kn-note{position:relative;padding:16px 0;border-top:1px solid var(--kn-line)}
.knowledge-notes .kn-note.is-deleted .kn-note-title{text-decoration:line-through;color:var(--kn-muted)}
.knowledge-notes .kn-note-head{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}
.knowledge-notes .kn-note-head>div:first-child{min-width:0;padding-top:9px}
.knowledge-notes .kn-note-title{font-size:16px;line-height:1.55;font-weight:500;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.knowledge-notes .kn-note-text{font-size:14px;line-height:1.6;color:var(--kn-muted);margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}
.knowledge-notes .kn-note-tools{display:flex;align-items:flex-start;gap:8px;flex-shrink:0;max-width:45%}
.knowledge-notes .kn-note-tools>button{padding:9px 12px;color:#4b5565;background:#f4f5f7;font-size:13px}
.knowledge-notes .kn-note-options{font-size:13px;flex:0 0 40px}
.knowledge-notes .kn-note-options>summary{list-style:none;min-width:40px;min-height:44px;padding:7px 8px;border-radius:10px;background:#f4f5f7;font-size:22px;line-height:30px;font-weight:600;text-align:center;letter-spacing:1px;white-space:nowrap}
.knowledge-notes .kn-note-options>summary::-webkit-details-marker{display:none}
.knowledge-notes .kn-note-options-body{position:absolute;z-index:3;inset-inline-end:0;top:64px;width:min(270px,calc(100vw - 84px));padding:12px;background:#fff;border:1px solid var(--kn-line);border-radius:14px;box-shadow:0 8px 25px #13234412;display:grid;gap:8px}
.knowledge-notes .kn-note-options-body button{text-align:start;background:#f6f7f9;font-size:14px}
.knowledge-notes .kn-note-options-body label{display:flex;align-items:center;gap:10px;font-size:13px!important;font-weight:400!important;line-height:1.5;color:var(--kn-muted);padding:8px 6px;margin:0;min-height:44px;cursor:pointer}
.knowledge-notes input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:var(--kn-accent)}
.knowledge-notes .kn-note-state{margin-top:5px;font-size:12px;line-height:1.5;color:var(--kn-muted)}
.knowledge-notes .kn-footer{margin-top:8px;display:grid;gap:8px}.knowledge-notes .kn-footer:has(.kn-status[hidden]):not(:has(.kn-recovery:not([hidden]))){margin:0}
.knowledge-notes .kn-status{font-size:12px;color:var(--kn-muted);line-height:1.6;margin:0;min-height:20px}
.knowledge-notes .kn-status[data-error=true]{color:#aa2e27;background:#fff4f3;padding:12px;border-radius:10px}
.knowledge-notes .kn-preview{font-size:13px;color:var(--kn-muted);border:0;border-top:1px solid var(--kn-line);margin:0;padding:0}
.knowledge-notes .kn-preview pre{font-family:inherit;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f6f8;padding:16px;max-height:300px;overflow:auto;border-radius:10px}
.knowledge-notes .kn-recovery{display:flex;gap:8px;flex-wrap:wrap}.knowledge-notes .kn-recovery button{border:1px solid var(--kn-line);font-size:13px}
.knowledge-notes-active .kn-publish-hint{font-size:13px;color:#606772;line-height:1.6;text-align:center;margin:0}.knowledge-notes-active .kn-publish-hint[hidden]{display:none}
.knowledge-notes-active .kn-publish{display:grid;gap:12px;margin-top:24px}
.knowledge-notes-active.make-simple .make-form-actions{flex-direction:column;gap:12px}
.knowledge-notes-active.make-simple .make-form-actions .hire-button{flex:none;width:100%}
.knowledge-notes-active .teach-mode-panel,.knowledge-notes-active .teach-safety-note,.knowledge-notes-active #codemirror-editor-container,.knowledge-notes-active .make-draft-controls,.knowledge-notes-active .input-group-header.teach-ai-header,.knowledge-notes-active .teach-heading-copy{display:none!important}
.knowledge-notes-active #file-upload,.knowledge-notes-active[data-knowledge-notes=teach] .upload-label{display:none!important}
.knowledge-notes-active .ai-form-t .input-group{min-width:0}
.knowledge-notes-active .main-content>.content-wrapper>.container{box-sizing:border-box;max-width:800px;margin-inline:auto;padding:32px 24px;background:transparent}
.knowledge-notes-active.make-simple .ai-form{gap:28px}
.knowledge-notes-active.make-simple .ai-form .label-wrapper{margin-bottom:10px}
.knowledge-notes-active .teach-header-row{justify-content:flex-end!important;margin-bottom:20px!important}
.knowledge-notes-active .btn-go-live{background:#f4f5f7;border-color:#e3e6eb;color:#4b5565;box-shadow:none}
.knowledge-notes-active #update-t{margin-top:0;background:#17191d!important;color:#fff;border:0;border-radius:14px;min-height:50px;font-size:16px;box-shadow:none}
.knowledge-notes-active #update-t:disabled{background:#eef0f3!important;color:#687180;cursor:default;opacity:1;transform:none}
@media(max-width:600px){.knowledge-notes-active .main-content>.content-wrapper>.container{padding:24px 18px;border-radius:24px}.knowledge-notes-active.make-simple .ai-form{gap:24px}.knowledge-notes #ai-training{font-size:16px;padding:16px 16px 8px;min-height:112px}.knowledge-notes .kn-note-head{gap:10px}.knowledge-notes .kn-note-tools{gap:6px}.knowledge-notes .kn-note-tools>button{padding:9px 10px}.knowledge-notes .kn-help-body{padding:12px}.knowledge-notes .kn-intro{font-size:14px;margin-bottom:16px}.knowledge-notes .kn-note-title{font-size:15px}.knowledge-notes-active .kn-publish-hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){.knowledge-notes *{transition:none!important}}

/* Pick one familiar question; free-form entry remains available in the same form. */
.knowledge-notes .kn-topic-picker{margin-block:0 20px;min-width:0}
.knowledge-notes .kn-topic-common,.knowledge-notes .kn-topic-more{display:flex;flex-wrap:wrap;gap:8px}
.knowledge-notes .kn-topic-more{margin-top:8px}
.knowledge-notes .kn-topic{border:1px solid var(--kn-line);background:#fff;font-size:14px;font-weight:550;padding:10px 15px;overflow-wrap:anywhere}
.knowledge-notes .kn-topic[aria-pressed=true]{border-color:var(--kn-accent);background:#edf3ff;color:#1947b4;box-shadow:inset 0 0 0 1px var(--kn-accent)}
.knowledge-notes .kn-topic-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px}
.knowledge-notes .kn-topic-toggle{background:#f2f4f7;font-size:13px;padding:8px 12px;color:#465163}
.knowledge-notes .kn-topic-direct{font-size:13px;text-decoration:underline;text-underline-offset:4px;color:#4b5565;padding:8px 4px;text-align:start}
.knowledge-notes label.kn-question{display:block;font-size:16px;font-weight:600;line-height:1.5;margin:0;padding:18px 20px 0;overflow-wrap:anywhere;color:var(--kn-ink)}
.knowledge-notes.kn-guided #ai-training{padding-block-start:10px;min-height:106px}
.knowledge-notes.kn-guided .kn-intro{max-width:52ch}
@media(max-width:420px){.knowledge-notes .kn-topic{font-size:14px;padding-inline:12px}.knowledge-notes .kn-topic-controls{gap:4px 12px}.knowledge-notes label.kn-question{padding:16px 16px 0;font-size:16px}.knowledge-notes.kn-guided .kn-intro{font-size:14px}}