.note-top{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--pad-x);background:color-mix(in srgb,var(--page-bg) 82%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}.note-top-brand{font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.01em;color:var(--page-fg);text-decoration:none;line-height:1;white-space:nowrap;transition:opacity .18s ease}.note-top-brand:hover{opacity:.7}.note-top-back{font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--page-fg-soft);text-decoration:none;transition:color .2s ease;white-space:nowrap}.note-top-back:hover{color:var(--page-fg)}@media(max-width:480px){.note-top{height:56px;padding:0 var(--space-4)}.note-top-brand{font-size:16px}.note-top-back{font-size:12px}}.note-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:color-mix(in srgb,var(--page-line) 80%,transparent)}.note-progress-fill{display:block;height:100%;width:100%;background:var(--page-accent);transform-origin:left;transform:scaleX(0);transition:transform 60ms linear}.note-wrap{max-width:720px;margin:0 auto;padding:clamp(var(--space-7),8vh,96px) var(--pad-x) var(--space-9)}.note-hero{margin-bottom:var(--space-7)}.note-eyebrow{font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:lowercase;color:var(--page-fg-soft);margin:0 0 var(--space-4)}.note-title{font-family:var(--font-body);font-weight:700;font-size:clamp(36px,5.4vw,60px);line-height:var(--leading-display);letter-spacing:-.025em;color:var(--page-fg);margin:0 0 var(--space-4);text-wrap:balance}.note-meta{margin:0;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--page-fg-soft)}.note-cover{margin:var(--space-7) 0 0;border-radius:12px;overflow:hidden}.note-cover img{width:100%;height:auto;display:block}.note-prose{font-size:var(--text-17);line-height:var(--leading-prose);color:var(--page-fg)}.note-prose>*+*{margin-top:var(--space-5)}.note-prose p{margin:0 0 var(--space-5)}.note-prose h2{font-family:var(--font-body);font-weight:700;font-size:clamp(22px,2.6vw,28px);letter-spacing:var(--tracking-snug);margin-top:var(--space-9);margin-bottom:var(--space-4)}.note-prose h3{font-family:var(--font-body);font-weight:700;font-size:var(--text-md);margin-top:var(--space-7);margin-bottom:var(--space-3)}.note-prose ul,.note-prose ol{padding-left:22px;margin:0 0 var(--space-5)}.note-prose li{margin-bottom:var(--space-2)}.note-prose blockquote{margin:var(--space-6) 0;padding:0 0 0 var(--space-4);border-left:2px solid var(--page-accent);color:var(--page-fg-soft);font-style:italic}.note-prose a{color:var(--page-fg);border-bottom:1px solid color-mix(in srgb,var(--page-accent) 60%,transparent);text-decoration:none;transition:color .2s}.note-prose a:hover{color:var(--page-accent)}.note-prose code{font-family:var(--font-body);font-size:.92em;background:color-mix(in srgb,var(--page-card) 60%,transparent);padding:2px var(--space-1-5);border-radius:4px}.note-prose pre{background:color-mix(in srgb,var(--page-card) 60%,transparent);border-radius:8px;padding:var(--space-4);overflow-x:auto;font-size:var(--text-14);line-height:var(--leading-normal)}.note-prose pre code{background:transparent;padding:0}.note-end{margin-top:var(--space-11);padding-top:var(--space-7);border-top:1px solid var(--page-line)}.note-end-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-9)}@media(max-width:720px){.note-end-grid{grid-template-columns:1fr}}.note-end-card{display:block;padding:var(--space-5);border:1px solid var(--page-line);border-radius:10px;text-decoration:none;color:var(--page-fg);transition:border-color .22s,transform .22s}.note-end-card:hover{border-color:color-mix(in srgb,var(--page-accent) 55%,var(--page-line));transform:translateY(-2px)}.note-end-card .lbl{font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--page-fg-soft);margin-bottom:var(--space-1-5)}.note-end-card .ttl{font-family:var(--font-body);font-weight:600;font-size:var(--text-base);line-height:var(--leading-snug)}.note-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--page-fg-soft)}.note-foot-links{display:inline-flex;gap:var(--space-4)}.note-foot-links a{color:inherit;text-decoration:none}.note-foot-links a:hover{color:var(--page-fg)}