:root{--site-header-offset: 8.5rem;color-scheme:light;font-family:Iosevka Aile,IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,#f3eee2,transparent 32%),linear-gradient(180deg,#f8f4ec,#efe7da);color:#1f2629}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;padding:.64rem .92rem;cursor:pointer;background:#1f6f5f;color:#f8faf9;transition:transform .14s ease,opacity .14s ease,background .14s ease}button:hover,.button:hover{transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.65;transform:none}.button--secondary{background:#1f6f5f1f;color:#165447}input,textarea,select{width:100%;border:1px solid rgba(31,38,41,.14);border-radius:1rem;background:#ffffffd6;padding:.78rem .92rem;color:inherit}textarea{resize:vertical}.hidden{display:none!important}.site-shell{min-height:100vh;width:min(100%,1380px);margin:0 auto;padding:.9rem;display:grid;gap:.9rem}.site-shell--immersive{width:100%;max-width:none}.site-header,.hero,.panel,.publication-card,.preview-card{border:1px solid rgba(31,38,41,.12);border-radius:1.35rem;background:#fffcf7e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px #352e2314}.site-header{display:grid;gap:.85rem;padding:.85rem 1rem}.site-header__top{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem}.site-header__bottom{min-width:0}.brand{display:inline-flex;align-items:center;gap:.65rem}.brand strong,h1,h2,h3{font-family:Iosevka Etoile,IBM Plex Sans,sans-serif;letter-spacing:-.02em}.brand small{display:block;color:#607076}.brand__mark{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.9rem;background:#1f6f5f;color:#f7fbfa;font-weight:700}.site-nav{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav a{border-radius:999px;padding:.48rem .8rem;color:#4f5c61}.site-nav a.active{background:#1f6f5f24;color:#134d41}.site-search{justify-self:end;width:min(18rem,100%);min-width:0}.site-search input{padding:.52rem .85rem}.site-main{display:grid;gap:.9rem}.hero,.panel,.preview-card,.publication-card{padding:1rem}.hero{display:grid;align-items:start;gap:.75rem 1rem}.hero--compact{gap:.5rem}.hero__body,.article-header{display:grid;gap:.55rem;min-width:0}.hero__body{max-width:56rem}.hero__lead,.article-header__summary,.panel p{margin:0;color:#526166}.hero__actions,.meta-row,.topic-row,.article-header__actions{display:flex;flex-wrap:wrap;gap:.6rem}.eyebrow{margin:0 0 .25rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#8b5e34}h1,h2,h3,p{margin:0}.section{display:grid;gap:.85rem}.section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.85rem}.publication-card__link{display:grid;gap:.65rem;height:100%}.publication-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.publication-card__emoji{font-size:1.6rem}.publication-card__summary,.publication-list__summary,.search-list__snippet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#526166}.publication-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.publication-list__item a{display:grid;gap:.4rem;padding:.95rem 1rem;border-radius:1.15rem;border:1px solid rgba(31,38,41,.12);background:#fffcf7eb}.publication-list__header{display:flex;align-items:center;gap:.55rem}.publication-card__kind,.meta-row,.chapter-link small,.topic-chip{color:#607076;font-size:.9rem}.topic-row{gap:.5rem}.topic-chip{padding:.25rem .65rem;border-radius:999px;background:#1f6f5f1a}.article-page,.book-layout,.reader-layout{display:grid;gap:.9rem}.site-main--immersive{min-height:calc(100dvh - var(--site-header-offset))}.book-layout{grid-template-columns:minmax(0,1.7fr) minmax(16rem,.95fr)}.reader-layout{grid-template-columns:minmax(0,1.7fr) minmax(15rem,.88fr)}.book-main,.reader-main{min-width:0;display:grid;gap:.85rem}.book-sidebar,.reader-sidebar{align-self:start}.mobile-outline{display:none}.mobile-outline__summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;cursor:pointer;list-style:none}.mobile-outline__summary::-webkit-details-marker{display:none}.mobile-outline__summary small,.mobile-outline__description{color:#607076}.mobile-outline__body{display:grid;gap:.8rem}.book-sidebar .panel,.reader-sidebar .panel{position:sticky;top:.9rem}.panel,.preview-card{display:grid;gap:.85rem}.chapter-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.chapter-link{width:100%;display:grid;gap:.3rem;padding:.72rem .85rem;border-radius:.95rem;border:1px solid rgba(31,111,95,.1);background:#fffdfa;text-align:left;color:inherit}.chapter-link.active{background:#1f6f5f;color:#f4faf8}.chapter-link.active small{color:#f4faf8d6}.search-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.search-list__item a{display:grid;gap:.3rem;padding:.82rem .95rem;border-radius:1rem;border:1px solid rgba(31,38,41,.12);background:#fffcf7eb}.search-list__item a:hover{border-color:#1f6f5f59}.search-list__snippet{font-size:.95rem;-webkit-line-clamp:2}.preview-surface{display:grid;gap:.85rem;align-content:start}.preview-surface p,.preview-surface ul,.preview-surface ol,.preview-surface pre,.preview-surface table,.preview-surface figure{margin:0}.preview-surface ul,.preview-surface ol{padding-left:1.4rem;display:grid;gap:.55rem}.preview-surface li>p:first-child{display:inline}.preview-surface code{font-family:Iosevka,SFMono-Regular,monospace;font-size:.92em}.preview-surface p code,.preview-surface li code,.preview-surface td code{padding:.12rem .3rem;border-radius:.45rem;background:#1f6f5f14}.preview-surface pre{overflow:auto;padding:.9rem 1rem;border-radius:1rem;background:#1f2428;color:#f5f7f6}.preview-surface table{width:100%;border-collapse:collapse;border:1px solid rgba(31,38,41,.12);border-radius:.9rem;overflow:hidden;background:#fffdfa}.preview-surface th,.preview-surface td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid rgba(31,38,41,.08)}.preview-surface th{background:#1f6f5f14}.diagram-card{display:grid;gap:.65rem;padding:.9rem;border-radius:1rem;border:1px solid rgba(31,38,41,.1);background:#fffdfa}.diagram-card svg{display:block;width:100%;height:auto}.empty-state{padding:.9rem 1rem;border-radius:1rem;background:#8b5e3414;color:#6a594a}.panel--error{border-color:#a3463233}.banner{padding:.85rem .95rem;border-radius:1rem;border:1px solid rgba(31,38,41,.12);background:#fffcf7eb}.banner--error{border-color:#a346322e;background:#fff3f0f2;color:#8a3f2e}.playground-mount{min-height:6rem}.playground-page,.vscode-editor-page{display:grid;gap:.85rem}.vscode-editor-hero{gap:.45rem}.vscode-editor-hero h1{font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.05}.vscode-editor-hero .hero__lead{max-width:44rem}.vscode-editor-shell{min-width:0;overflow:hidden;border:1px solid rgba(31,38,41,.12);border-radius:1.35rem;background:#fffcf7e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px #352e2314}.playground-hero{gap:.85rem}.playground-actions{display:flex;flex-wrap:wrap;gap:.6rem}.playground-note{grid-template-columns:minmax(11rem,auto) minmax(0,1fr);align-items:start;gap:.75rem}.playground-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.playground-panel{align-content:start}.playground-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.playground-panel__header span{color:#607076;font-size:.82rem}.playground-toolbar{display:flex;flex-wrap:wrap;gap:.45rem}.toolbar-button{padding:.42rem .72rem;border-radius:.78rem;background:#1f6f5f14;color:#165447}.toolbar-button.is-active{background:#1f6f5f;color:#f8faf9}.playground-rich-editor,.playground-markdown{min-height:20rem}.playground-rich-editor{border:1px solid rgba(31,38,41,.14);border-radius:1rem;background:#ffffffd6;overflow:hidden}.playground-rich-editor .ProseMirror{min-height:20rem;padding:.85rem;outline:none}.playground-rich-editor .ProseMirror>*+*{margin-top:.65rem}.playground-rich-editor .ProseMirror ul,.playground-rich-editor .ProseMirror ol{padding-left:1.4rem}.playground-rich-editor .ProseMirror pre{padding:.8rem .9rem;border-radius:.9rem;background:#1f2428;color:#f5f7f6;overflow:auto}.playground-rich-editor .ProseMirror code{font-family:Iosevka,SFMono-Regular,monospace}.playground-rich-editor .ProseMirror p code,.playground-rich-editor .ProseMirror li code{padding:.12rem .3rem;border-radius:.45rem;background:#1f6f5f14}.playground-rich-editor .ProseMirror [data-papyr-block]{display:flex;align-items:center;min-height:3rem;padding:.75rem .9rem;border-radius:1rem;border:1px dashed rgba(31,111,95,.35);background:#1f6f5f0f;color:#165447}.playground-rich-editor .ProseMirror [data-papyr-block=table]{border-color:#545ba152;background:#545ba10f;color:#40467d}.playground-rich-editor .ProseMirror [data-papyr-block=excalidraw]{border-color:#8b5e3452;background:#8b5e3414;color:#70482b}.playground-rich-editor .ProseMirror [data-papyr-block]:before{content:attr(data-label);font-weight:600}.playground-markdown{font-family:Iosevka,SFMono-Regular,monospace;line-height:1.6}.playground-diagram-actions,.playground-diagram-list{display:flex;flex-wrap:wrap;gap:.6rem}.diagram-chip{flex-direction:column;align-items:flex-start;padding:.68rem .82rem;border-radius:.9rem;background:#1f6f5f14;color:#1f2629}.diagram-chip.is-active{background:#1f6f5f;color:#f4faf8}.diagram-chip span{opacity:.84}.playground-inspector{display:grid;gap:.75rem}.playground-inspector label{display:grid;gap:.4rem}.playground-diagram-source{min-height:9rem;font-family:Iosevka,SFMono-Regular,monospace}.playground-excalidraw{min-height:18rem;border:1px solid rgba(31,38,41,.1);border-radius:1rem;overflow:hidden;background:#fffdfa}.slide-viewer{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.9rem;min-height:calc(100dvh - var(--site-header-offset) - .5rem)}.slide-viewer__toolbar{align-content:start}.slide-viewer__header,.slide-viewer__nav,.slide-viewer__actions,.slide-viewer__buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.slide-viewer__header,.slide-viewer__nav{align-items:flex-start}.slide-viewer__copy{display:grid;gap:.5rem;min-width:0;max-width:52rem}.slide-viewer__summary{color:#526166}.slide-viewer__actions{justify-content:flex-end}.slide-viewer__viewport{display:grid;gap:.3rem;min-width:min(100%,13rem);color:#607076;font-size:.9rem}.slide-viewer__viewport select{min-width:12rem}.slide-viewer__status{display:grid;gap:.2rem;color:#607076}.slide-viewer__status strong{color:#1f2629;font-size:1rem}.slide-stage{min-height:0;display:grid;place-items:center;overflow:hidden}.slide-stage__scaler{width:var(--slide-viewport-width, 1280px);height:var(--slide-viewport-height, 720px);transform:scale(var(--slide-scale, 1));transform-origin:center center}.slide-frame{width:var(--slide-viewport-width, 1280px);height:var(--slide-viewport-height, 720px);padding:2.1rem 2.5rem;overflow:hidden;border:1px solid rgba(31,38,41,.12);border-radius:1.6rem;background:radial-gradient(circle at top left,rgba(243,238,226,.92),transparent 34%),linear-gradient(180deg,#fffcf7fa,#f7f1e8fa);box-shadow:0 28px 70px #352e232e}.slide-frame[data-slide-ready=false]{opacity:.88}.slide-surface{height:100%;overflow:hidden;align-content:start;font-size:1.1rem;line-height:1.28;gap:.8rem}.slide-surface h1,.slide-surface h2,.slide-surface h3{line-height:1.08}.slide-surface h1{font-size:2.45rem}.slide-surface h2{font-size:1.95rem}.slide-surface h3{font-size:1.45rem}.slide-surface p,.slide-surface li,.slide-surface td,.slide-surface th,.slide-surface figcaption{font-size:1em}.slide-surface ul,.slide-surface ol{gap:.32rem}.slide-surface pre,.slide-surface .diagram-card{padding:.72rem .8rem}.slide-surface .diagram-card{min-height:0;max-height:22rem;align-content:center}.slide-surface .diagram-card svg{max-height:20rem;width:100%}.slide-surface pre{font-size:.92rem;line-height:1.45}.slide-surface table{table-layout:fixed}.slide-surface th,.slide-surface td{padding:.42rem .52rem;line-height:1.18}@media(max-width:1080px){:root{--site-header-offset: 9.5rem}.book-layout,.reader-layout{grid-template-columns:1fr}.book-sidebar .panel,.reader-sidebar .panel{position:static}.playground-layout{grid-template-columns:1fr}}@media(max-width:720px){:root{--site-header-offset: 10.5rem}.site-shell{padding:.7rem;width:100%;gap:.7rem}.site-header{gap:.65rem;padding:.75rem}.site-header__top{grid-template-columns:minmax(0,1fr);gap:.65rem}.site-search{justify-self:stretch;width:100%}.site-search input{padding:.46rem .78rem}.site-header__bottom{overflow:hidden}.site-nav{gap:.35rem;padding-bottom:.08rem}.site-nav a{flex:0 0 auto;padding:.36rem .62rem;font-size:.88rem}.hero,.panel,.preview-card,.publication-card{padding:.82rem}.site-main,.article-page,.book-layout,.reader-layout,.book-main,.reader-main,.section,.panel,.preview-card,.preview-surface,.publication-list,.chapter-list{gap:.7rem}.hero,.article-header{gap:.45rem}.eyebrow{margin-bottom:.18rem;font-size:.72rem}.hero__lead,.article-header__summary,.panel p,.mobile-outline__description{font-size:.94rem}.hero,.section__header{align-items:start;display:grid}.section__header{gap:.5rem}.meta-row,.topic-row,.article-header__actions{gap:.45rem}.topic-chip{padding:.18rem .5rem;font-size:.82rem}.publication-list__item a,.chapter-link,.search-list__item a{padding-inline:.85rem;padding-block:.72rem}.preview-surface ul,.preview-surface ol{padding-left:1.15rem;gap:.45rem}.preview-surface pre,.diagram-card{padding:.75rem .8rem}.preview-surface th,.preview-surface td{padding:.58rem .65rem}.book-sidebar,.reader-sidebar{display:none}.mobile-outline{display:grid}.mobile-outline__summary{font-weight:600}.playground-note,.playground-panel__header{grid-template-columns:1fr;display:grid}.slide-viewer__header,.slide-viewer__nav{display:grid}.slide-viewer__actions,.slide-viewer__buttons{width:100%}.slide-viewer__actions>*,.slide-viewer__buttons>*{flex:1 1 auto}.slide-viewer__viewport,.slide-viewer__viewport select{min-width:0}.slide-frame{padding:1.4rem 1.6rem;border-radius:1.05rem}.slide-surface{font-size:1rem;gap:.7rem}.slide-surface h1{font-size:2.15rem}.slide-surface h2{font-size:1.7rem}.slide-surface h3{font-size:1.35rem}.vscode-editor-page{gap:.7rem}.vscode-editor-hero{gap:.38rem;padding:.74rem}.vscode-editor-hero h1{font-size:clamp(1.75rem,7.4vw,2.55rem);line-height:1.08}.vscode-editor-hero .hero__lead{font-size:.9rem;line-height:1.42}}