.notes-header{max-width:800px;padding-bottom:48px}.notes-header h1{margin-top:0}.notes-header .blog-deck{max-width:52ch}.notes-filters{flex-wrap:wrap;gap:8px 20px;padding:0 0 24px;display:flex}.notes-filters a{min-height:44px;color:var(--muted-foreground);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:6px 4px;font-size:14px;display:inline-flex}.notes-filters a[aria-current=page]{border-color:var(--primary);color:var(--primary);font-weight:700}.notes-filters a:hover{color:var(--primary);text-decoration:underline}.notes-filters a span{font-variant-numeric:tabular-nums;font-size:12px}.notes-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding-bottom:24px;display:flex}.notes-collection-label a{min-height:44px;color:var(--primary);align-items:center;text-decoration:underline;display:inline-flex}.notes-collection-label{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:13px;display:flex}.notes-collection-label>span:first-child{color:var(--foreground);font-weight:700}.notes-controls{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.notes-sort{color:var(--muted-foreground);align-items:center;gap:10px;font-size:13px;display:flex}.notes-sort select{border:1px solid var(--bc-line-strong);background:var(--background);min-height:44px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:6px;padding:8px 12px}.notes-view{gap:4px;display:flex}.notes-view button{min-height:44px;color:var(--muted-foreground);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.notes-view button[aria-pressed=true]{border-color:var(--primary);background:var(--bc-green-soft);color:var(--primary)}.notes-view button:hover{color:var(--primary);background:var(--bc-paper-soft)}.notes-controls :is(select,button):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.notes-controls :disabled{opacity:.6;cursor:wait}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 48px;display:grid}.notes-story{border-top:1px solid var(--bc-line-strong);min-width:0;padding-top:24px}.notes-story-link{color:inherit;text-decoration:none;display:block}.notes-story h2{font:650 clamp(1.6rem, 2.6vw, 2rem)/1.18 var(--font-bricolage);letter-spacing:-.02em;text-wrap:balance;max-width:30ch;margin:24px 0 12px}.notes-description{color:var(--muted-foreground);max-width:60ch;font-size:15px;line-height:1.7}.notes-meta{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 16px;margin-top:20px;font-size:12px;display:flex}.notes-read{min-height:44px;color:var(--primary);align-items:center;gap:12px;margin-top:6px;font-size:14px;font-weight:700;display:inline-flex}.notes-story-link:hover h2{text-underline-offset:5px;color:var(--primary);text-decoration:underline;text-decoration-thickness:1px}.notes-preview{background:var(--bc-paper-soft);height:164px;color:var(--foreground);padding:24px 28px;font-size:13px}.notes-preview--package{justify-content:center;align-items:center;display:flex}.notes-preview--package>div{border:1px solid var(--bc-line-strong);width:100%;max-width:350px;padding:12px 16px}.notes-preview--package>div>span{color:var(--primary);margin-bottom:10px;font-weight:700;display:block}.notes-preview--package>div>div{grid-template-columns:1fr 1fr;gap:16px;display:grid}.notes-preview small{color:var(--muted-foreground);margin-top:6px;font-size:11px;display:block}.notes-preview--route{justify-content:center;align-items:center;gap:12px;display:flex}.notes-preview--route>span{border-block:1px solid var(--bc-line-strong);text-align:center;padding-block:10px}.notes-preview--route svg{color:var(--primary);flex-shrink:0}.notes-preview--file>span{border-bottom:1px solid var(--bc-line-strong);padding-bottom:8px;font:12px/1.5 ui-monospace,monospace;display:block}.notes-preview--file code{overflow-wrap:anywhere;margin-top:10px;font:11px/1.8 ui-monospace,monospace;display:block}.notes-preview--file p{margin-top:10px;font:11px/1.6 ui-monospace,monospace}.notes-preview--tree{align-items:center;display:flex}.notes-preview--tree code{font:13px/1.9 ui-monospace,monospace}.notes-preview--tree code>span{color:var(--muted-foreground)}.notes-list{grid-template-columns:1fr;gap:24px}.notes-list .notes-preview{display:none}.notes-list .notes-story-link{grid-template-columns:minmax(0,1fr) 190px;align-items:start;column-gap:48px;display:grid}.notes-list .notes-story h2{grid-area:1/1;max-width:36ch;margin:0 0 12px;font-size:28px}.notes-list .notes-description{grid-area:2/1}.notes-list .notes-meta{flex-direction:column;grid-area:1/2;margin-top:0}.notes-list .notes-read{grid-area:2/2;margin-top:0}.notes-list .blog-tags{margin-top:8px}@media (max-width:760px){.notes-header{padding-bottom:32px}.notes-grid{grid-template-columns:1fr;gap:32px}.notes-preview{height:148px;padding:20px}.notes-story h2{margin-top:20px;font-size:27px}.notes-preview--route{gap:9px;font-size:12px}.notes-preview--tree code{font-size:12px}.notes-toolbar{gap:12px}.notes-controls{justify-content:space-between;gap:12px;width:100%}.notes-sort{gap:8px}.notes-sort select{max-width:145px;padding-inline:8px}.notes-view button{gap:6px;padding-inline:10px}.notes-list{gap:20px}.notes-list .notes-story-link{grid-template-columns:1fr}.notes-list .notes-meta{flex-direction:row;grid-area:1/1;margin-bottom:14px}.notes-list .notes-story h2{grid-row:2;font-size:24px}.notes-list .notes-description{grid-row:3}.notes-list .notes-read{grid-area:4/1;margin-top:8px}}