/* Inherits this site's light/dark theme tokens; no extra framework. */
.notes-page { max-width: 72rem; margin: 2rem auto; }
.notes-page p, .note-body { line-height: 1.7; }
.notes-notice, .note-card { border: 1px solid var(--border); background: var(--card); border-radius: .65rem; padding: 1.2rem; margin: 1rem 0; }
.notes-notice { border-left: .3rem solid var(--link); }
.notes-notice p:last-child { margin-bottom: 0; }
.note-meta { font-size: .92rem; }
.note-badge { display: inline-block; border: 1px solid var(--border); border-radius: .3rem; padding: .15rem .5rem; margin: .2rem .3rem .2rem 0; }
.notes-search { margin: 1.4rem 0; }
.notes-search label { display: block; margin: .65rem 0 .2rem; font-weight: 600; }
.notes-search input, .notes-search select { color: var(--text); background: var(--card); border: 1px solid var(--border); border-radius: .25rem; padding: .55rem; width: 100%; }
.notes-page [hidden] { display: none !important; }
.notes-page pre { padding: 1rem; border: 1px solid var(--border); border-radius: .35rem; color: var(--text); background: var(--card); white-space: pre-wrap; overflow-wrap: anywhere; }
.note-body h2, .note-body h3, .note-card { scroll-margin-top: 6rem; }
.note-body .katex-display { overflow-x: auto; overflow-y: hidden; padding: .3rem; }
.note-body { margin: 2rem 0; }
.note-body :target { outline: 2px solid var(--link); outline-offset: .35rem; }
.note-warning { border-left: .3rem solid var(--link); padding-left: 1rem; }
.note-actions a { display: inline-block; margin-right: 1rem; }
.notes-graph-frame { overflow: auto; border: 1px solid var(--border); border-radius: .5rem; margin: 1rem 0; padding: 1rem; }
.notes-graph-frame svg { display: block; max-width: none; color: var(--text); }
.notes-graph-frame a:hover rect, .notes-graph-frame a:focus rect { stroke: var(--link); stroke-width: 3; }
.notes-graph-frame .graph-node { fill: var(--card); stroke: var(--border); stroke-width: 1.5; }
.notes-graph-frame .graph-edge { fill: none; stroke: var(--text); opacity: .6; stroke-width: 1.5; }
@media print { .notes-search, .notes-graph-frame, .note-actions { display: none; } .notes-page { max-width: none; } }