.writing-views{display:flex;gap:0;margin:16px 32px 0;border-bottom:1px solid var(--border-color,#ccc)}
.writing-views button{padding:12px 22px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--text-primary,#222);font:600 15px Arial;cursor:pointer}
.writing-views button[aria-pressed=true]{border-bottom-color:var(--wp-accent,#b8372b);color:var(--text-primary,#111)}
.app[hidden],.notes-board[hidden]{display:none!important}
.notes-board{padding:32px;max-width:1280px;margin:auto;color:var(--text-primary,#222)}
.notes-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.notes-heading h1{font-size:32px;margin:8px 0 12px;letter-spacing:-1px}.notes-heading p{line-height:1.6;max-width:600px}.notes-eyebrow,.note-topic{font:600 11px/1.5 Arial;letter-spacing:1.1px;text-transform:uppercase}.notes-eyebrow{color:var(--wp-accent,#b8372b)}.notes-board button{font:600 14px Arial;cursor:pointer;padding:12px 16px;border:1px solid var(--border-color,#bcbcb6);background:var(--bg-primary,#fff);color:var(--text-primary,#222)}
.notes-board .notes-primary,.note-dialog .notes-primary{background:#252522;color:#fff;border-color:#252522}.notes-save-hint{font-size:13px;color:var(--text-secondary,#666);margin:24px 0}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;align-items:start}
.notes-board .note-card{text-align:left;display:flex;flex-direction:column;min-height:220px;padding:22px;background:#f8f4e8;color:#262621;border:1px solid #dcd7c9;border-top:3px solid #bdb49b;box-shadow:0 3px 0 #00000008;transition:transform .15s ease,box-shadow .15s ease}
.notes-board .note-card:nth-child(3n+2){background:#edf0e9;border-color:#d2d8ca;border-top-color:#9eac91}.notes-board .note-card:nth-child(3n){background:#f3ece7;border-color:#dfd1c7;border-top-color:#bda494}.note-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px #0000000c}.note-card h2{font:600 21px/1.3 Arial;margin:14px 0 10px;overflow-wrap:anywhere}.note-card p{font:400 15px/1.6 Arial;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:0 0 20px}.note-topic{color:#686454}.note-footer{margin-top:auto;font:400 12px Arial;color:#666}.notes-empty{grid-column:1/-1;border:1px dashed #bcbcb6;padding:48px 24px;text-align:center;line-height:1.6}.notes-error{color:#b8372b;white-space:pre-wrap}.note-dialog label{display:block;font-weight:600;margin:16px 0}.note-dialog input,.note-dialog textarea{box-sizing:border-box;display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #aaa;background:var(--bg-primary,#fff);color:inherit;font:400 16px/1.5 Arial}.note-dialog textarea{min-height:190px;resize:vertical}.note-dialog [role=status]{font-size:13px;color:var(--text-secondary,#666)}.note-full-text{overflow-wrap:anywhere}.notes-board :focus-visible,.writing-views :focus-visible,.note-dialog :focus-visible{outline:3px solid var(--wp-accent,#b8372b);outline-offset:3px}.writing-notes #focusPanel{display:none!important}
@media(max-width:600px){.writing-views{margin:12px 16px 0}.notes-board{padding:22px 16px}.notes-heading{align-items:flex-start;flex-direction:column;gap:8px}.notes-grid{grid-template-columns:1fr;gap:16px}.notes-heading h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.note-card{transition:none!important;transform:none!important}}
@media print{.writing-views,.notes-board,.note-dialog{display:none!important}}

#note-origin{display:block;padding:8px 12px;margin:8px 0;border:1px solid var(--border-color,#ccc);background:var(--bg-primary,#fff);color:var(--text-primary,#222);font:13px Arial;cursor:pointer}
.writing-notes .projectbar,.writing-notes #writing-first-start{display:none!important}
.notes-board .notes-heading{border:0;background:transparent;padding:0;box-shadow:none;position:static;min-height:0}

.note-sources{border-top:1px solid var(--border-color,#d6d3c9);margin-top:24px;padding-top:16px}
.note-sources h3{font:600 13px Arial;text-transform:uppercase;letter-spacing:.7px;margin:0 0 12px}
.note-source-list{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.note-source-card{min-width:0;overflow-wrap:anywhere}
.note-source-card a{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:14px 16px;background:var(--neutral-3);border:var(--border-s) solid var(--cte-border);border-left:var(--border-l) solid var(--cte-text);box-shadow:none;color:var(--cte-text);text-decoration:none;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.note-source-card a:hover{transform:translateY(-1px);background:var(--cte-surface);border-color:var(--wp-accent)}
.note-source-copy{display:grid;gap:5px;min-width:0;flex:1}
.note-source-copy strong{font:600 15px/1.4 Arial;overflow-wrap:anywhere}
.note-source-meta{font:400 12px/1.4 Arial;color:var(--cte-text-muted);overflow-wrap:anywhere}
.note-source-arrow{flex:none;margin-top:1px;font:700 18px/1 Arial;color:var(--wp-accent)}
.note-source-card.is-missing{padding:14px 16px;border:var(--border-s) dashed var(--cte-border);background:var(--neutral-3);color:var(--cte-text-muted);font-size:13px}
.note-source-choices{max-height:320px;overflow:auto;border:1px solid var(--border-color,#ddd);padding:4px 12px}.note-source-choices label{display:flex;align-items:flex-start;gap:12px;margin:0;padding:12px 0;border-bottom:1px solid var(--border-color,#eee);cursor:pointer}.note-source-choices input[type=checkbox]{width:18px;height:18px;flex:none;margin:3px 0 0;accent-color:var(--wp-accent,#b8372b)}.note-source-choices span{min-width:0}.note-source-choices strong{font-size:14px;overflow-wrap:anywhere}.note-source-choices small{display:block;font:12px/1.5 Arial;color:var(--text-secondary,#666);overflow-wrap:anywhere}
.note-edit-sources{margin:18px 0 8px;border:1px solid var(--border,#bcbcb6);background:var(--bg-secondary,#fff)}
.note-edit-sources summary{padding:12px 14px;cursor:pointer;font:600 14px/1.5 Arial}
.note-edit-sources[open] summary{border-bottom:1px solid var(--border,#bcbcb6)}
.note-edit-source-panel{padding:0 14px 14px}
.note-edit-source-panel>p{margin:12px 0;font-size:13px;color:var(--text-secondary,#666)}
.note-edit-source-panel>label{margin:10px 0 8px}
.note-edit-source-panel .note-source-choices{max-height:240px}
@media(max-width:600px){.note-source-card a{padding:12px 14px}.note-source-copy strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.note-source-card a{transition:none;transform:none!important}}

.note-formatting{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.note-dialog .note-formatting button{padding:7px 10px;font-size:13px;min-height:34px}.note-formatting [data-format=bold]{font-weight:800}.note-formatting [data-format=italic]{font-style:italic}.note-full-text p{margin:0 0 12px}.note-full-text ul,.note-full-text ol{padding-left:24px}.note-full-text li{margin:4px 0}.note-full-text pre{white-space:pre-wrap}.note-full-text a{color:inherit;text-decoration:underline}

.document-research{margin:24px 0;padding:20px;border:1px solid var(--border-color,#d6d3c9);background:var(--bg-primary,#fff)}
.document-research>.edit-btn{margin:0 0 14px}.document-source-open{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:14px 16px;border:1px solid var(--border-color,#dcd7c9);border-left:3px solid var(--wp-accent,#b8372b);background:var(--bg-tertiary,#f8f4e8);color:var(--text-primary,#222);cursor:pointer;font:15px/1.5 Arial}.document-source-open:hover{background:var(--bg-secondary,#fff)}.document-source-dialog a{overflow-wrap:anywhere}.document-source-dialog blockquote{border-left:3px solid var(--wp-accent,#b8372b);margin:0;padding:8px 16px}
@media print{.document-research{display:none!important}}

.note-dialog .note-source-open{display:flex;align-items:flex-start;gap:14px;min-width:0;width:100%;text-align:left;padding:14px 16px;background:var(--bg-tertiary,#f8f4e8);border:1px solid var(--border,#dcd7c9);border-left:3px solid var(--accent,var(--wp-accent,#b8372b));box-shadow:0 2px 0 #00000008;color:var(--text-primary,#222)}.note-dialog .note-source-open:hover{background:var(--bg-secondary,#fff);border-color:var(--accent,var(--wp-accent,#b8372b))}

/* Fixed previews; the detail dialog keeps the complete note. */
.notes-board .note-card{box-sizing:border-box;height:280px;min-height:280px;min-width:0;overflow:hidden}
.notes-board .note-card .note-topic{flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notes-board .note-card h2{flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.6em}
.notes-board .note-card p{min-height:0;-webkit-line-clamp:3;max-height:4.8em}
.notes-board .note-card .note-footer{flex-shrink:0}

.notes-heading .notes-list-actions{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}
.notes-heading p[hidden],.notes-save-hint[hidden]{display:none!important}