.notes-page,.article-page{background:var(--paper);min-height:100svh;color:var(--ink)}.notes-topbar{border-bottom:1px solid var(--line);width:min(1440px,100%);font:10px var(--mono);justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:26px 6%;display:flex}.notes-back,.notes-home{align-items:center;gap:12px;min-height:44px;display:inline-flex}.notes-back{font-family:var(--display);letter-spacing:-.03em;font-size:18px}.notes-back span,.notes-status{color:var(--muted)}.notes-hero{padding-block:80px}.notes-hero h1{letter-spacing:-.065em;margin-top:35px;font-size:clamp(44px,7vw,100px);line-height:1.08}.notes-hero h1 em{font-family:var(--serif);color:var(--accent);font-size:1.16em;font-weight:400}.notes-hero>p{max-width:470px;color:var(--muted);margin-top:30px;line-height:1.85}.notes-library{border-top:1px solid var(--line);padding-block:45px 80px}.library-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.library-heading h2{font-size:30px}.library-count{font:10px var(--mono);color:var(--muted)}.notes-controls{flex-wrap:wrap;gap:25px;margin-top:35px;display:flex}.notes-search{border:1px solid var(--line);align-items:center;gap:10px;min-height:44px;padding:8px 14px;display:flex}.notes-search input{background:0 0;border:0;outline:none;width:100%;font-size:13px}.notes-search:focus-within{outline:2px solid var(--accent);outline-offset:3px}.category-filter{flex-wrap:wrap;gap:8px;display:flex}.category-filter button{border:1px solid var(--line);background:0 0;border-radius:3px;min-height:44px;padding:10px 13px;font-size:11px}.category-filter button.is-active,.category-filter button:hover{background:var(--ink);color:var(--paper)}.notes-grid{grid-template-columns:repeat(3,1fr);gap:40px 25px;margin-top:35px;display:grid}.note-card{min-width:0;display:block}.note-card-art{background:var(--soft);border:1px solid var(--line);transition:transform .35s var(--ease);padding:20px;overflow:hidden}.note-card:hover .note-card-art{transform:translateY(-4px)}.note-card-meta{font:9px var(--mono);color:var(--muted);justify-content:space-between;gap:12px;margin-top:20px;display:flex}.note-card h3{letter-spacing:-.05em;margin-top:12px;font-size:25px;line-height:1.2}.note-card>p{color:var(--muted);margin-top:15px;font-size:13px;line-height:1.8}.note-card-footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:20px;padding-top:12px;font-size:11px;display:flex}.note-card-footer svg{transition:transform .2s}.note-card:hover .note-card-footer svg{transform:translate(3px,-3px)}.notes-empty{max-width:520px;padding:45px 0 20px}.empty-mark{font:italic 50px var(--serif);color:var(--accent)}.notes-empty h3{letter-spacing:-.04em;margin-top:25px;font-size:27px}.notes-empty p{color:var(--muted);margin-top:15px;font-size:14px;line-height:1.8}.notes-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:20px;font-size:11px;display:flex}.notes-footer .text-link{margin:0}.reading-progress{background:var(--accent);transform-origin:0;z-index:20;width:100%;height:3px;position:fixed;top:0;left:0}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:7%;padding-block:65px 100px;display:grid}.article-sidebar{align-self:start;position:sticky;top:40px}.article-sidebar nav{flex-direction:column;gap:15px;margin-top:25px;display:flex}.article-sidebar a{color:var(--muted);font-size:12px;line-height:1.6}.article-sidebar a:hover{color:var(--accent)}.article-content{min-width:0;max-width:760px}.article-eyebrow{font:10px var(--mono);color:var(--muted);gap:20px;display:flex}.article-content h1{letter-spacing:-.06em;margin-top:30px;font-size:clamp(40px,5vw,72px);line-height:1.1}.article-lede{color:var(--muted);margin-top:25px;font-size:18px;line-height:1.7}.article-byline{align-items:center;gap:15px;margin-block:30px;font-size:12px;display:flex}.article-byline>span{font-family:var(--display);color:var(--accent);font-size:25px}.article-byline small{color:var(--muted);margin-top:4px;display:block}.expandable-diagram{border:1px solid var(--line);background:var(--soft);min-width:0;margin-block:30px;padding:24px}.expandable-diagram .text-link{background:0 0;margin-top:5px;font-size:10px}.expandable-diagram dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);width:1050px;max-width:95vw;max-height:90svh;padding:65px 35px 35px;overflow:auto}.expandable-diagram dialog::backdrop{background:#111827bb}.diagram-close{position:absolute;top:12px;right:12px}.expandable-diagram dialog .engineering-diagram{min-width:600px}.article-section{margin-top:45px;scroll-margin-top:50px}.article-section h2{font-size:31px;line-height:1.2}.article-section p{color:var(--muted);margin-top:20px;font-size:16px;line-height:1.9}.code-wrap{color:#edf2ff;background:#1d2430;margin-top:25px;padding:18px;overflow:hidden}.code-wrap .text-link{color:#c4d0e9;margin:0}.code-wrap pre{font:12px/1.8 var(--mono);padding-top:20px;overflow:auto}.code-wrap [role=status]{font-size:12px}.article-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:25px;margin-top:60px;padding-top:25px;font-size:15px;display:grid}.article-nav small{font:10px var(--mono);color:var(--muted);margin-bottom:10px;display:block}@media (max-width:800px){.notes-status{display:none}.notes-hero{padding-block:50px}.notes-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}.library-heading{flex-direction:column;align-items:flex-start;gap:15px}.notes-footer{flex-direction:column;align-items:flex-start}.expandable-diagram{padding:15px}.expandable-diagram>.engineering-diagram{overflow-x:auto}.expandable-diagram>.engineering-diagram svg{min-width:500px}}@media (max-width:480px){.notes-grid{grid-template-columns:1fr}.notes-topbar{font-size:9px}.notes-back{font-size:16px}.notes-hero h1{font-size:42px}.article-content h1{font-size:40px}.article-lede{font-size:16px}.article-section p{font-size:14px}.article-section h2{font-size:27px}.notes-search{width:100%}}.preview-notice{background:var(--ink);color:var(--paper);font:11px var(--mono);padding:12px 6%}