.portfolio-page .dev-note{max-width:1100px;padding-block:30px 65px}.note-back{font-size:13px;text-decoration:underline;text-underline-offset:5px;min-height:44px}.note-header{max-width:760px;padding-block:28px 40px}.note-header h1{font:500 clamp(36px,4.3vw,58px)/1.1 "Space Grotesk",Manrope,sans-serif;letter-spacing:-.035em;text-wrap:balance;margin-bottom:22px}.note-header>p{font-size:18px;line-height:1.75;max-width:62ch}.network-lab{border-block:1px solid var(--line);padding-block:30px}.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.lab-heading h2{font-size:25px;line-height:1.25;font-weight:500}.note-controls{display:flex;gap:8px;flex-wrap:wrap}.note-controls button{border:1px solid var(--line);background:var(--panel);color:var(--ink);min-height:44px;padding:8px 14px;border-radius:24px;font-size:12px}.note-controls button:hover{background:var(--ink);color:var(--bg)}.lab-description{max-width:68ch;font-size:14px;line-height:1.75;margin-block:16px 24px}.lab-stage{background:var(--panel);border-radius:12px;padding:12px 28px 20px}.network-lane{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:28px;min-height:88px;border-bottom:1px solid var(--line)}.lane-label strong{display:block;font-size:14px;font-weight:500;color:var(--ink)}.lane-label span{display:block;font-size:11px;color:var(--muted);margin-top:5px;line-height:1.6}.lane-track{position:relative;height:32px;border-bottom:1px solid var(--muted);margin-top:-16px}.lane-marker,.lane-ghost{position:absolute;left:0;top:24px;width:16px;height:16px;border-radius:50%;background:var(--ink);transform:translate(-50%);will-change:left}.snapshot-marker{border-radius:3px;background:var(--accent)}.smooth-marker{background:var(--ink);border:3px solid var(--panel);outline:2px solid var(--ink)}.lane-ghost{background:transparent;border:1px solid var(--muted);opacity:.7;width:14px;height:14px;top:25px}.lane-key{font-size:11px;line-height:1.6;padding-top:17px;color:var(--muted)}.lab-sliders{border:0;padding:26px 0 0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.lab-sliders legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.lab-sliders label>span{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink);line-height:1.5}.lab-sliders output{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--accent)}.lab-sliders input{display:block;width:100%;min-height:44px;accent-color:var(--accent);cursor:pointer}.lab-sliders input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.lab-sliders small{font-size:11px;line-height:1.6;color:var(--muted)}.lab-readout{padding-top:26px;min-height:112px;max-width:76ch}.lab-readout p:first-child{font-size:15px;line-height:1.75;color:var(--ink)}.lab-readout p+p{font-size:12px;font-variant-numeric:tabular-nums;margin-top:8px;line-height:1.7}.lab-scope{font-size:12px;line-height:1.75;color:var(--muted);max-width:95ch;margin-top:18px}.note-reading{max-width:74ch;margin-inline:auto;padding-top:10px}.note-reading section{margin-top:42px}.note-reading h2{font-size:27px;line-height:1.25;font-weight:500;margin-bottom:20px}.note-reading p,.note-reading li{font-size:16px;line-height:1.85}.note-reading p+p{margin-top:18px}.note-experiments{padding-left:22px;margin:0}.note-experiments li{padding-left:7px;margin-bottom:17px}.note-experiments strong{color:var(--ink);font-weight:500}.note-reading pre{margin-block:24px;padding:22px;overflow:auto;background:var(--panel);border-radius:12px;font:13px/1.8 Consolas,monospace;color:var(--ink)}.note-sources a{display:flex;align-items:center;gap:14px;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px;line-height:1.6;padding-block:8px}.note-sources .arrow{width:15px;height:15px;flex-shrink:0}@media(max-width:700px){.portfolio-page .dev-note{padding-block:20px 45px}.note-header{padding-block:24px 30px}.note-header>p{font-size:16px}.lab-heading{gap:17px}.lab-stage{padding:10px 18px 17px}.network-lane{grid-template-columns:105px minmax(0,1fr);gap:14px;min-height:86px}.lane-track{margin:-16px 5px 0}.lane-label span{margin-top:3px}.lab-sliders{grid-template-columns:1fr;gap:14px}.lab-readout{min-height:0}.note-reading p,.note-reading li{font-size:15px}.note-reading h2{font-size:25px}.note-header h1{font-size:38px}}