:root{--note-night:#06111b;--note-chalk:#f3f8fb;--note-paper:#f4f7f9;--note-ink:#101c25;--note-muted:#5b6f7c;--note-cyan:#66d6ff;--note-mint:#58e0b5;--note-amber:#f1b85b;--note-line:#101c2524;--note-line-dark:#f3f8fb2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body.note-page{color:var(--note-ink);background:var(--note-paper);margin:0;font-family:Inter,Arial,sans-serif;font-size:17px}.note-skip{z-index:1000;color:var(--note-night);background:var(--note-mint);padding:10px 14px;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.note-skip:focus{transform:translateY(0)}.note-page :where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--note-amber);outline-offset:3px}.note-hero{color:var(--note-chalk);background:repeating-linear-gradient(0deg, transparent 0 79px, #66d6ff09 80px), var(--note-night);border-bottom:1px solid var(--note-line-dark);padding:clamp(76px,10vw,132px) clamp(24px,7vw,112px) clamp(48px,6vw,76px)}.note-kicker{color:var(--note-cyan);letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px;font:500 .7rem/1.45 IBM Plex Mono,monospace}.note-hero h1{letter-spacing:-.045em;max-width:20ch;margin:0;font-family:Bricolage Grotesque,Inter,sans-serif;font-size:clamp(2.5rem,5.4vw,5rem);font-weight:560;line-height:.95}.note-lead{color:#b8c8d1;max-width:68ch;margin:28px 0 0;font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.68}.note-list{counter-reset:none;gap:2px;margin:0;padding:clamp(40px,5vw,68px) clamp(24px,7vw,112px);list-style:none;display:grid}.note-card{border:1px solid var(--note-line);color:inherit;background:#fff;grid-template-columns:72px minmax(0,1fr);gap:20px;padding:clamp(22px,2.6vw,32px);text-decoration:none;transition:border-color .18s,transform .18s;display:grid}.note-card:hover{border-color:var(--note-ink)}.note-card__n{color:var(--note-muted);font:500 .86rem/1.7 IBM Plex Mono,monospace}.note-card__body{min-width:0;display:block}.note-card__title{letter-spacing:-.032em;font-family:Bricolage Grotesque,Inter,sans-serif;font-size:clamp(1.2rem,1.9vw,1.6rem);font-weight:560;line-height:1.14;display:block}.note-card__dek{max-width:74ch;color:var(--note-muted);margin-top:12px;font-size:.97rem;line-height:1.65;display:block}.note-card__meta{color:var(--note-muted);margin-top:14px;font:400 .74rem IBM Plex Mono,monospace;display:block}.note-tail{color:var(--note-muted);padding:0 clamp(24px,7vw,112px) clamp(60px,7vw,96px);font-size:.95rem;line-height:1.7}.note-tail a,.note-boundary a{color:var(--note-ink)}.note{max-width:78ch;margin:0 auto;padding:clamp(40px,5vw,72px) clamp(22px,5vw,40px) clamp(70px,8vw,110px)}.note-trail{margin-bottom:30px;font:500 .72rem IBM Plex Mono,monospace}.note-trail a{color:var(--note-muted);border-bottom:1px solid var(--note-line);text-decoration:none}.note-head h1{letter-spacing:-.04em;margin:0;font-family:Bricolage Grotesque,Inter,sans-serif;font-size:clamp(2.1rem,4.2vw,3.5rem);font-weight:560;line-height:1.02}.note-dek{color:var(--note-muted);margin:22px 0 0;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6}.note-meta{border-bottom:1px solid var(--note-line);color:var(--note-muted);flex-wrap:wrap;gap:18px;margin:26px 0 0;padding-bottom:26px;font:400 .76rem IBM Plex Mono,monospace;display:flex}.note-body{margin-top:38px}.note-body>p{margin:0 0 1.35em;line-height:1.74}.note-body h2{letter-spacing:-.033em;margin:2.2em 0 .7em;font-family:Bricolage Grotesque,Inter,sans-serif;font-size:clamp(1.4rem,2.3vw,1.85rem);font-weight:560;line-height:1.14}.note-body h3{margin:1.9em 0 .6em;font-size:1.14rem;font-weight:600}.note-body a{color:var(--note-ink);border-bottom:1px solid #101c254d;text-decoration:none}.note-body a:hover{border-bottom-color:currentColor}.note-body strong{font-weight:650}.note-body ul,.note-body ol{margin:0 0 1.35em;padding-left:1.3em}.note-body li{margin-bottom:.5em;line-height:1.72}.note-body blockquote{border-left:2px solid var(--note-mint);color:var(--note-muted);margin:1.6em 0;padding:2px 0 2px 22px}.note-body blockquote p{margin:0 0 .6em;line-height:1.7}.note-body code{word-break:break-word;background:#101c250f;border-radius:2px;padding:1px 5px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.88em}.note-body pre{color:var(--note-chalk);background:var(--note-night);border-radius:2px;margin:1.6em 0;padding:20px 22px;line-height:1.6;overflow-x:auto}.note-body pre code{color:inherit;word-break:normal;background:0 0;padding:0;font-size:.82rem}.note-body table{border-collapse:collapse;width:100%;margin:1.7em 0;display:block;overflow-x:auto}.note-body th,.note-body td{text-align:left;border-bottom:1px solid var(--note-line);vertical-align:top;padding:10px 14px 10px 0;font-size:.93rem}.note-body th{color:var(--note-muted);letter-spacing:.02em;font-size:.78rem;font-weight:500}.note-body td:last-child,.note-body th:last-child{padding-right:0}.note-body em{color:var(--note-muted)}.note-foot{border-top:1px solid var(--note-line);margin-top:56px;padding-top:30px}.note-boundary{color:var(--note-muted);margin:0;font-size:.92rem;line-height:1.7}.note-boundary strong{color:var(--note-ink)}.note-more{margin-top:34px}.note-more h2{letter-spacing:-.02em;margin:0 0 14px;font-family:Bricolage Grotesque,Inter,sans-serif;font-size:1.05rem;font-weight:560}.note-more ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.note-more li{border-top:1px solid var(--note-line)}.note-more li:last-child{border-bottom:1px solid var(--note-line)}.note-more a{color:var(--note-ink);padding:13px 0;font-size:.98rem;text-decoration:none;transition:color .16s,padding-left .16s;display:block}.note-more a:after{content:" ↗";color:var(--note-muted);font-size:.82em}.note-more a:hover{padding-left:6px}.note-more a:hover:after{color:var(--note-ink)}@media (max-width:720px){.note-card{grid-template-columns:1fr;gap:8px}.note-card__n{font-size:.76rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.note-page *{transition-duration:.01ms!important}}