.note-index-hero{border-bottom:1px solid var(--color-line)}.note-rss-link{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.06em;margin-top:1rem;font-size:.72rem;display:inline-flex}.note-index-section{padding-top:clamp(2.5rem,6vw,5rem)}.note-controls{grid-template-columns:minmax(0,1fr) minmax(14rem,22rem);align-items:end;gap:1.25rem;margin-bottom:2.5rem;display:grid}.note-search{gap:.5rem;display:grid}.note-search span,.note-side-title{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:600}.note-search input{border:1px solid var(--color-line);background:var(--color-bg-soft);width:100%;min-height:3rem;color:var(--color-text);border-radius:0;outline:0;padding:.7rem .9rem}.note-search input:focus{border-color:var(--color-accent)}.note-grid,.related-notes-grid{border-top:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.note-grid>li,.related-notes-grid>li{border-bottom:1px solid var(--color-line);min-width:0}.note-grid>li:nth-child(odd),.related-notes-grid>li:nth-child(odd){border-right:1px solid var(--color-line)}.note-card,.note-card>a{height:100%}.note-card>a{flex-direction:column;min-height:22rem;padding:clamp(1.5rem,4vw,2.75rem);transition:background .18s;display:flex}.note-card>a:hover{background:var(--color-bg-soft)}.note-card-topline,.note-card-meta{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.68rem;display:flex}.note-card-topline span:last-child{color:var(--color-accent)}.note-card h2{letter-spacing:-.035em;max-width:18ch;margin:2rem 0 1rem;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:500}.note-card>a>p{color:var(--color-text-soft);margin-bottom:2rem}.note-card-meta{text-transform:none;border-top:1px solid #354149b3;margin-top:auto;padding-top:1.5rem}.note-tag-list,.note-side-tags{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.note-tag-list li,.note-side-tags li{border:1px solid var(--color-line);color:var(--color-text-soft);font-family:var(--font-mono);padding:.2rem .48rem;font-size:.62rem}.note-empty-state{border:1px solid var(--color-line);background:var(--color-bg-soft);max-width:48rem;padding:clamp(2rem,5vw,4rem)}.note-empty-state h2{margin:.8rem 0 1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:500}.note-empty-state p:last-child,.note-no-results{color:var(--color-text-soft);margin-bottom:0}.note-empty-state code{color:var(--color-warm);font-family:var(--font-mono)}.note-no-results{border-top:1px solid var(--color-line);padding:2rem 0}.note-detail-hero{max-width:70rem;padding-block:clamp(5rem,11vw,9rem) clamp(3.5rem,7vw,6rem)}.note-back{color:var(--color-text-soft);font-family:var(--font-mono);margin-bottom:clamp(3rem,7vw,6rem);font-size:.72rem;display:inline-flex}.note-back:hover,.note-source-link:hover{color:var(--color-accent)}.note-detail-hero h1{letter-spacing:-.06em;max-width:17ch;margin:1rem 0 1.5rem;font-size:clamp(3rem,7vw,6rem);font-weight:540}.note-lead{max-width:54rem;color:var(--color-text-soft);margin-bottom:2rem;font-size:clamp(1.05rem,1.8vw,1.3rem)}.note-byline{color:var(--color-muted);font-family:var(--font-mono);flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.7rem;display:flex}.note-detail-layout{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,50rem) minmax(14rem,1fr);align-items:start;gap:clamp(3rem,8vw,7rem);padding-block:clamp(4rem,8vw,7rem);display:grid}.note-prose{min-width:0}.note-prose>h1:first-child{display:none}.note-prose h2,.note-prose h3{scroll-margin-top:7rem}.note-prose h3{margin:2.5rem 0 1rem;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:540}.note-prose a{color:var(--color-accent-strong);text-underline-offset:.2em;text-decoration:underline #9ad0c459}.note-prose blockquote{border-left:2px solid var(--color-warm);margin:2rem 0;padding:.5rem 0 .5rem 1.5rem}.note-prose blockquote p{color:var(--color-text);margin-bottom:0}.note-prose code:not(pre code){background:var(--color-surface);color:var(--color-warm);font-family:var(--font-mono);padding:.12rem .35rem;font-size:.88em}.note-prose pre{border:1px solid var(--color-line);max-width:100%;box-shadow:var(--shadow-soft);border-radius:0;margin:2rem 0;padding:1.25rem;overflow-x:auto;background:#11171b!important}.note-prose pre code{font-family:var(--font-mono);font-size:.82rem;line-height:1.65}.note-prose table{border-collapse:collapse;width:100%;margin:2rem 0;display:block;overflow-x:auto}.note-prose th,.note-prose td{border:1px solid var(--color-line);text-align:left;white-space:nowrap;padding:.7rem .9rem}.note-prose th{background:var(--color-surface);color:var(--color-text)}.note-prose img{border:1px solid var(--color-line);width:auto;max-height:46rem;margin:2.5rem auto}.note-prose hr{border:0;border-top:1px solid var(--color-line);margin:4rem 0}.note-side{border-left:1px solid var(--color-line);gap:2rem;padding-left:1.5rem;display:grid;position:sticky;top:7rem}.note-toc ol{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.note-toc li[data-depth="3"]{padding-left:.9rem}.note-toc a{color:var(--color-text-soft);font-size:.82rem;line-height:1.35}.note-toc a:hover{color:var(--color-accent)}.note-source-link{border-top:1px solid var(--color-line);color:var(--color-text-soft);font-family:var(--font-mono);padding-top:1.25rem;font-size:.72rem}.mermaid{border:1px solid var(--color-line);background:var(--color-bg-soft);text-align:center;margin:2.5rem 0;padding:1.5rem;overflow-x:auto}.mermaid svg{min-width:36rem;margin-inline:auto}.note-pagination{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem;display:grid}.note-pagination a{align-content:center;min-height:9rem;padding:1.5rem;text-decoration:none;display:grid}.note-pagination a+a{border-left:1px solid var(--color-line);text-align:right}.note-pagination a:hover{background:var(--color-bg-soft)}.note-pagination span{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.65rem}.note-pagination strong{color:var(--color-text);margin-top:.55rem;font-size:.95rem;font-weight:500}.related-notes{margin-top:5rem}.related-notes-heading{margin-bottom:2rem}.related-notes-heading h2{margin:.6rem 0 0}.related-notes-grid{grid-template-columns:1fr}.related-notes-grid>li:nth-child(odd){border-right:0}.related-notes-grid .note-card>a{min-height:17rem}.note-after{padding-bottom:clamp(4rem,8vw,7rem)}@media (width<=900px){.note-controls,.note-detail-layout{grid-template-columns:1fr}.note-side{border-top:1px solid var(--color-line);border-left:0;padding-top:2rem;padding-left:0;position:static}}@media (width<=680px){.note-grid,.related-notes-grid,.note-pagination{grid-template-columns:1fr}.note-grid>li:nth-child(odd),.related-notes-grid>li:nth-child(odd){border-right:0}.note-card>a{min-height:19rem}.note-pagination a+a{border-top:1px solid var(--color-line);text-align:left;border-left:0}.note-detail-hero h1{font-size:clamp(2.7rem,14vw,4.6rem)}.note-byline,.note-card-meta{flex-direction:column;align-items:flex-start;gap:.4rem}}