:root{--paper:#f7f6f2;--grid:#e8e6de;--ink:#20242c;--dim:#7a7f8a;--line:#d9d6cc;--blue:#1d4ed8;--blue-soft:#dbe5fb;--ghost:#b9bdc9;--green:#15803d;--amber:#b45309}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);color:var(--ink);background-size:28px 28px;min-height:100vh;font:15.5px/1.7 Avenir Next,Segoe UI,system-ui,sans-serif}a{color:var(--blue);text-decoration:none}.mono{font-family:ui-monospace,Menlo,monospace}.sheet{border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--blue-soft);background:#fff}.sheet-header{border-bottom:1.5px solid var(--ink);letter-spacing:.18em;text-transform:uppercase;padding:10px 16px;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:700}.sheet-header span{color:var(--blue)}.k{border:1px solid var(--line);background:#fff;border-radius:4px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:13.5px}pre{background:var(--ink);color:#e8eaf0;border-left:4px solid var(--blue);margin:18px 0;padding:16px 18px;font:13px/1.7 ui-monospace,Menlo,monospace;overflow-x:auto}pre .c{color:#8b93a5}pre .g{color:#6ee7a0}h2.rule{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:34px 0 14px;font-family:ui-monospace,Menlo,monospace;font-size:12px}button.pin{color:var(--ghost);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;align-self:flex-start;align-items:center;gap:3px;margin-left:auto;padding:2px 5px;font-size:13px;line-height:1;transition:opacity .12s,color .12s;display:inline-flex}.step:hover button.pin,.ex:hover button.pin,button.pin:focus-visible,button.pin.has{opacity:1}button.pin:hover{color:var(--blue);border-color:var(--blue)}button.pin.has{color:var(--blue)}.pin-count{font-size:9px;font-weight:700}.pin-count:empty{display:none}.step:target,.ex:target{box-shadow:-6px 0 0 var(--blue)}:root{--nb-w:460px;--nb-real:clamp(320px, var(--nb-w), 70vw)}body.nb-open{padding-right:var(--nb-real)}body.nb-open #notebook{width:var(--nb-real);z-index:30;border:none;border-left:1.5px solid var(--ink);box-shadow:none;background:#fff;flex-direction:column;margin:0;display:flex;position:fixed;top:0;bottom:0;right:0}body.nb-open .layout{grid-template-columns:minmax(0,1fr)}body.nb-open main{max-width:74ch}body.nb-open aside{position:static}body.nb-open .crumb{display:none}body.nb-open #notebook .nb-scroll{overscroll-behavior:contain;flex:1;overflow-y:auto}body.nb-open #notebook #pad-body{min-height:132px}body.nb-open #notebook .nb-resize{cursor:col-resize;width:10px;display:block;position:absolute;top:0;bottom:0;left:-5px}body.nb-open #notebook .nb-resize:hover{background:var(--blue-soft)}body.nb-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}body.nb-resizing #notebook{transition:none}@media (width<=860px){body.nb-open{padding-right:0}body.nb-open #notebook{border-left:none;width:100%}}.note{border-bottom:1px dashed var(--line);padding:11px 15px 12px}.note:last-child{border-bottom:none}.note-head{align-items:center;gap:8px;display:flex}.callout{color:var(--blue);letter-spacing:.04em;font-size:10px;font-weight:700}.note-when{letter-spacing:.1em;color:var(--ghost);font-size:9px}.note-acts{opacity:0;gap:8px;margin-left:auto;transition:opacity .12s;display:flex}.note:hover .note-acts,.note:focus-within .note-acts{opacity:1}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px;font-size:13.5px;line-height:1.65}button.lnk{cursor:pointer;letter-spacing:.12em;color:var(--dim);background:0 0;border:none;padding:0;font-family:ui-monospace,Menlo,monospace;font-size:9px;font-weight:700}button.lnk:hover{color:var(--blue)}button.lnk.save{color:var(--green)}textarea.note-edit{border:1.5px solid var(--blue);width:100%;color:var(--ink);resize:vertical;background:#fff;margin-top:5px;padding:8px 9px;font:13.5px/1.6 Avenir Next,Segoe UI,system-ui,sans-serif}textarea.note-edit:focus{outline:none}.edit-acts{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}header[data-astro-cid-hkbrpulz]{border-bottom:1.5px solid var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#f7f6f2e6;align-items:center;gap:18px;padding:16px 32px;display:flex;position:sticky;top:0}.logo[data-astro-cid-hkbrpulz]{letter-spacing:.02em;color:var(--ink);font-size:17px;font-weight:700}.logo[data-astro-cid-hkbrpulz] span[data-astro-cid-hkbrpulz]{color:var(--blue)}nav[data-astro-cid-hkbrpulz]{letter-spacing:.14em;gap:14px;font-size:11px;font-weight:700;display:flex}nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]{color:var(--dim)}nav[data-astro-cid-hkbrpulz] a[data-astro-cid-hkbrpulz]:hover{color:var(--blue)}.crumb[data-astro-cid-hkbrpulz]{color:var(--dim);font-size:12.5px}.right[data-astro-cid-hkbrpulz]{align-items:center;gap:12px;margin-left:auto;display:flex}.sheet-no[data-astro-cid-hkbrpulz]{color:var(--dim);border:1px solid var(--line);background:#fff;padding:4px 10px;font-size:11.5px}.who[data-astro-cid-hkbrpulz]{letter-spacing:.1em;color:var(--blue);font-size:11px;font-weight:700}footer[data-astro-cid-hkbrpulz]{letter-spacing:.18em;max-width:1040px;color:var(--ghost);margin:0 auto;padding:26px 32px 40px;font-size:10.5px}@media (width<=640px){header[data-astro-cid-hkbrpulz]{flex-wrap:wrap;gap:10px 14px;padding:12px 18px}.crumb[data-astro-cid-hkbrpulz]{display:none}.right[data-astro-cid-hkbrpulz]{justify-content:space-between;width:100%;margin-left:0}}