.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s8);margin-top:var(--s8)}
.note-card{border-top:2px solid var(--ink);padding-block:var(--s6)}
.note-card h3{margin:var(--s3) 0 var(--s4);font-size:var(--h3)}
.note-card h3 a{text-decoration:none}.note-card h3 a:hover{text-decoration:underline}
.note-card>p{color:var(--muted)}.note-meta{font-size:var(--small);color:var(--muted);margin-block:var(--s4)}
.notes-list{padding-bottom:var(--s16)}.notes-list .note-card{display:grid;grid-template-columns:220px 1fr;column-gap:var(--s8);border-top:1px solid var(--line)}
.notes-list .note-card>p:not(:first-child){grid-column:2}.notes-list .note-card h3{margin-top:var(--s3)}
.note-topics{display:flex;flex-wrap:wrap;gap:var(--s3);padding-bottom:var(--s8)}
.note-topics a{padding:var(--s2) var(--s4);border:1px solid var(--line);text-decoration:none;min-height:44px}
.note-topics a[aria-current=page],.note-topics a:hover{background:var(--ink);color:var(--paper)}
.note-controls{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:end;background:var(--surface);padding:var(--s6)}
.note-controls label{display:grid;gap:var(--s2);font-size:var(--small)}.note-controls label:first-child{flex:1;min-width:180px}
.note-controls input,.note-controls select,.note-controls button{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:0;min-height:48px;padding:var(--s2) var(--s3);width:100%}
.note-controls button{width:auto;cursor:pointer}.note-controls :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.note-heading{max-width:880px}.note-heading h1{margin-top:var(--s6)}
.note-layout{display:grid;grid-template-columns:240px minmax(0,720px);gap:var(--s16);padding-bottom:var(--s20)}
.note-toc{display:grid;gap:var(--s3);align-self:start;position:sticky;top:var(--s6);font-size:var(--small)}
.note-toc a{min-height:44px;display:flex;align-items:center}.note-body section+section{margin-top:var(--s16)}
.note-body h2{font-size:clamp(24px,2.5vw,32px);margin-bottom:var(--s6)}.note-body p+p{margin-top:var(--s6)}
.note-body ul{padding-left:var(--s6)}.note-body li+li{margin-top:var(--s3)}
.note-example{margin-top:var(--s8);padding:var(--s6);background:var(--surface);border-left:3px solid var(--accent)}
.note-example strong{display:block;margin-bottom:var(--s3)}.note-example p{white-space:pre-line}
.note-next{margin-top:var(--s16);padding-top:var(--s8);border-top:1px solid var(--line)}
[hidden]{display:none!important}
@media(max-width:900px){.notes-grid{grid-template-columns:1fr}.note-layout{grid-template-columns:1fr;gap:var(--s8)}.note-toc{position:static;border-block:1px solid var(--line);padding-block:var(--s6)}.notes-list .note-card{display:block}.note-controls{padding:var(--s4)}}
@media print{.note-toc,.note-next,.note-controls,.note-topics{display:none}.note-layout{display:block}}

.note-list-title{font-size:var(--h3);margin-block:var(--s8) var(--s4)}