.notebook-main{max-width:1080px;padding:clamp(38px, 7vw, 84px) var(--gutter) 88px;margin:0 auto}.notebook-intro{padding-bottom:48px}.notebook-intro h1{font:400 clamp(54px, 8vw, 88px)/1 var(--display);letter-spacing:-.035em;margin:20px 0 18px}.notebook-intro>p:last-child{max-width:46ch;color:var(--ink-soft);margin:0;font-size:18px}.notebook-list{border-top:1px solid var(--rule-strong);margin:0;padding:0;list-style:none}.notebook-list>li{border-bottom:1px solid var(--rule);grid-template-columns:180px 1fr;gap:30px;padding:34px 0;display:grid}.notebook-entry-meta{font:12px/1.5 var(--mono);color:var(--muted);flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.notebook-list .notebook-entry-meta{flex-direction:column;padding-top:5px}.notebook-draft{color:var(--accent);border:1px solid var(--rule-strong);padding:2px 7px;font-size:11px}.notebook-entry-body h2{font:400 clamp(28px, 3.5vw, 36px)/1.15 var(--display);letter-spacing:-.015em;margin:0 0 10px}.notebook-entry-body h2 a{text-underline-offset:6px;text-decoration:none}.notebook-entry-body h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}.notebook-entry-body h2 span{font:22px var(--sans);color:var(--accent)}.notebook-entry-body>p{max-width:58ch;color:var(--ink-soft);margin:0}.notebook-post{max-width:960px}.notebook-back{font:12px var(--mono);color:var(--muted);text-underline-offset:4px;display:inline-block}.notebook-post-header{max-width:700px;margin:40px auto 38px}.notebook-post-header h1{font:400 clamp(40px, 5.5vw, 64px)/1.04 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:20px 0}.notebook-description{color:var(--muted);max-width:56ch;margin:0;font-size:18px}.notebook-prose{overflow-wrap:anywhere;font-size:17px;line-height:1.8}.notebook-prose>:not(figure){max-width:700px;margin-left:auto;margin-right:auto}.notebook-prose p{margin-top:0;margin-bottom:24px}.notebook-prose h2{font:400 clamp(30px, 4vw, 38px)/1.2 var(--display);letter-spacing:-.015em;margin-top:48px;margin-bottom:20px}.notebook-prose h3{font:500 22px/1.3 var(--display);margin-top:32px}.notebook-prose a{text-underline-offset:4px;text-decoration-thickness:1px}.notebook-prose li{margin-bottom:8px}.notebook-prose blockquote{border-left:2px solid var(--accent);color:var(--ink-soft);padding-left:22px}.notebook-prose code{font:.85em var(--mono);background:var(--paper-sunk);padding:2px 4px}.notebook-prose pre{background:var(--paper-sunk);border:1px solid var(--rule);padding:20px;overflow-x:auto}.notebook-prose pre code{background:0 0;padding:0}.notebook-prose table{border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}.notebook-prose th,.notebook-prose td{border:1px solid var(--rule-strong);text-align:left;padding:10px 16px}.notebook-prose img{max-width:100%;height:auto}.notebook-figure{margin:36px 0 40px}.notebook-figure figcaption{max-width:700px;color:var(--muted);margin:12px auto 0;font-size:13px;line-height:1.6}.notebook-screenshot>a{display:block}.notebook-screenshot img{border:1px solid var(--rule-strong);width:100%;height:auto;display:block}.notebook-viewer{aspect-ratio:16/10;border:1px solid var(--rule-strong);background:var(--paper-sunk);position:relative;overflow:hidden}.notebook-viewer>img,.notebook-viewer>iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.notebook-poster-fallback{font:32px var(--display);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.notebook-experience .notebook-viewer{aspect-ratio:4/3}.notebook-experience .notebook-viewer>img{opacity:.7}.notebook-load{z-index:1;border:1px solid var(--ink);background:var(--paper-raised);width:max-content;max-width:calc(100% - 32px);color:var(--ink);font:500 13px/1.4 var(--sans);cursor:pointer;padding:13px 18px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.notebook-load:hover{background:var(--ink);color:var(--paper)}.notebook-load:disabled{cursor:wait;opacity:.8}.notebook-model-controls{touch-action:pan-y pinch-zoom;cursor:grab;position:absolute;inset:0}.notebook-model-controls:focus-visible{outline-offset:-5px}.notebook-viewer-bar{border:1px solid var(--rule-strong);font:11px/1.5 var(--mono);color:var(--muted);background:var(--paper-raised);border-top:0;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 16px;padding:12px 14px;display:flex}.notebook-viewer-bar button{font:inherit;color:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.notebook-return{margin-top:28px}@media (max-width:600px){.notebook-list>li{grid-template-columns:1fr;gap:12px;padding:26px 0}.notebook-list .notebook-entry-meta{flex-direction:row}.notebook-post-header{margin-top:32px}.notebook-description,.notebook-prose{font-size:16px}.notebook-experience .notebook-viewer{aspect-ratio:3/4}}