.site-header{height:58px;display:flex;align-items:center;padding:0 clamp(20px,5vw,70px);background:#fff;border-bottom:1px solid var(--line)}.site-header .brand{font-size:16px;font-weight:700}.site-header .brand-mark{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:6px;border-radius:8px;background:var(--brand);color:white;font-family:Georgia,serif;font-size:17px;font-style:italic}.site-header nav{display:flex;gap:22px;margin-left:auto;margin-right:24px;color:var(--muted);font-size:13px;font-weight:500}.site-header nav a:hover{color:var(--brand-deep)}.back{color:var(--brand-deep);font-size:13px;font-weight:600}.notebook-page{max-width:1040px;margin:auto;display:grid;grid-template-columns:185px minmax(0,720px);gap:65px;padding:74px 5% 100px}.notebook-aside{position:sticky;top:28px;height:max-content;padding:16px 0;border-top:2px solid var(--brand);color:var(--muted);font-size:11px;font-weight:600}.notebook-aside>a{display:block;margin-top:14px;color:var(--brand-deep);font-size:13px}.notebook-toc{margin-top:27px;padding-top:19px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.notebook-toc p{margin:0 0 6px;color:var(--ink);font-size:12px;font-weight:700}.notebook-toc a{display:block;padding:4px 0;color:var(--muted);font-size:12px;line-height:1.45}.notebook-toc a:hover{color:var(--brand-deep)}.notebook-toc .toc-level-4{padding-left:11px;color:#9aa4b8;font-size:11px}.notebook-article h1{margin:0;font-size:clamp(38px,5vw,54px);line-height:1.2;letter-spacing:-.05em}.notebook-article .lede{margin:17px 0 54px;color:var(--muted);font-size:16px;line-height:1.85}.notebook-content{font-size:16px;line-height:1.9}.notebook-content h2{margin:70px 0 20px;padding-top:18px;border-top:1px solid var(--line);font-size:28px;line-height:1.4;scroll-margin-top:80px}.notebook-content h3{margin:43px 0 13px;font-size:21px;line-height:1.5;scroll-margin-top:80px}.notebook-content h4{margin:31px 0 9px;font-size:17px;line-height:1.55;scroll-margin-top:80px}.notebook-content p{margin:0 0 16px}.notebook-content a{color:var(--brand-deep);font-weight:600;border-bottom:1px solid currentColor}.notebook-content code{padding:2px 5px;border-radius:4px;background:var(--pale);color:var(--brand-deep);font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.notebook-content pre{margin:22px 0 28px;padding:18px 20px;overflow:auto;border-radius:9px;background:#242d43;color:#e8edfa;line-height:1.7}.notebook-content pre code{padding:0;background:none;color:inherit}.notebook-content ul,.notebook-content ol{margin:0 0 20px;padding-left:24px}.notebook-content li{padding-left:4px;margin:5px 0}.notebook-content hr{margin:48px 0;border:0;border-top:1px solid var(--line)}.raw-table{padding:11px;overflow:auto;border-radius:6px;background:var(--pale);color:var(--muted);font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}@media(max-width:760px){.site-header{height:56px;padding:0 18px}.site-header nav{display:none}.back{margin-left:auto}.notebook-page{display:block;padding:52px 23px 74px}.notebook-aside{position:static;margin-bottom:40px}.notebook-toc{max-height:220px;overflow:auto}.notebook-article .lede{margin-bottom:42px;font-size:15px}.notebook-content{font-size:15px;line-height:1.85}.notebook-content h2{margin-top:56px;font-size:25px}.notebook-content h3{font-size:20px}}