.notebook{padding-bottom:80px}.notebook-shell{width:100%;max-width:660px;margin:0 auto}.notebook-back{display:inline-block;color:var(--muted);margin-bottom:54px}.notebook a{text-decoration:underline;text-decoration-color:var(--underline);text-underline-offset:4px}.notebook a:hover{text-decoration-color:currentColor}.notebook :is(a,button,input,summary):focus-visible{outline:2px solid #8c9dbb;outline-offset:4px}.notebook-heading{margin-bottom:44px}.notebook-heading h1{font-size:clamp(30px,5vw,46px);line-height:1.12;letter-spacing:-.04em;font-weight:500;margin:12px 0 18px;text-wrap:balance}.notebook-heading>p:last-child{color:var(--muted);max-width:580px}.notebook-eyebrow,.notebook-muted{font-size:12px;color:var(--muted)}.notebook-list{list-style:none}.notebook-list li{padding:25px 0;border-top:1px solid var(--underline)}.notebook-list h2{font-size:22px;margin:6px 0}.notebook-list p{color:var(--muted)}.article-prose{font-size:15px;line-height:1.8;overflow-wrap:anywhere}.article-prose :is(p,ul,ol,figure,table,pre,aside){margin:20px 0}.article-prose h2{font-size:26px;font-weight:500;line-height:1.25;margin:55px 0 22px;letter-spacing:-.025em}.article-prose h3{font-size:19px;font-weight:500;line-height:1.4;margin:30px 0 14px}.article-prose h4{font-size:16px;font-weight:500;margin-top:25px}.article-prose :is(ul,ol){padding-left:23px}.article-prose ul{list-style:disc}.article-prose ol{list-style:decimal}.article-prose li{margin:8px 0}.article-prose strong{font-weight:600}.article-note{padding:14px 22px;border-left:3px solid #c7aa95;background:var(--yellow);border-radius:1px 10px 8px 2px}.article-note>:first-child{margin-top:0}.article-note>:last-child{margin-bottom:0}.article-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.article-wide{margin-inline:-65px}.article-chart,.craft-block,.sketch-block{padding:22px;border:1px solid var(--underline);border-radius:6px 10px 7px 5px;background:var(--paper)}.article-chart figcaption,.craft-block figcaption,.sketch-block figcaption{font-weight:500}.article-chart svg,.craft-block svg{width:100%;height:auto;margin-top:12px}.article-chart details,.article-chart p{font-size:12px;color:var(--muted)}.article-chart summary{cursor:pointer}.article-drawing{display:flex;align-items:center;gap:24px}.article-drawing :is(.margin-drawing,.profile-drawing,.name-drawing){position:static;width:100px;height:auto;max-width:100px;flex-shrink:0}.article-drawing figcaption{color:var(--muted);font-size:13px}.article-table{overflow-x:auto}.article-prose table{width:100%;border-collapse:collapse;font-size:13px}.article-prose :is(td,th){text-align:left;padding:10px;border-bottom:1px solid var(--underline);min-width:100px}.article-prose pre{overflow-x:auto;padding:18px;background:#8c9dbb15;border-radius:6px;font-size:13px}.article-prose img{max-width:100%;height:auto;border-radius:6px}.article-prose figcaption{font-size:13px}.sketch-tools{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.sketch-tools button{padding:4px 10px;border:1px solid var(--underline);border-radius:6px;cursor:pointer;font-size:12px}.sketch-tools button[aria-pressed=true]{background:#8c9dbb33}.sketch-tools button:disabled{opacity:.4;cursor:default}.sketch-block canvas{width:100%;height:auto;display:block;touch-action:none;background-image:radial-gradient(var(--grid) .8px,transparent .8px);background-size:20px 20px}.craft-block input{display:block;width:100%;accent-color:#8c9dbb}.craft-block output{float:right}.notebook-footer{margin-top:70px;padding-top:20px;border-top:1px solid var(--underline);color:var(--muted)}@media (max-width:850px){.article-wide{margin-inline:0}}@media (max-width:600px){.notebook-back{margin-bottom:32px}.article-columns{grid-template-columns:1fr;gap:0}.article-prose{font-size:14px}.article-chart,.craft-block,.sketch-block{padding:14px}}.article-chart{--chart-ink:#8c9dbb}.chart-plot-scroll{overflow-x:auto}.article-chart .chart-plot{display:block}.chart-axis{font-size:12px;fill:var(--muted)}.chart-value{font-size:13px;font-weight:600;fill:var(--ink)}.chart-bars{display:grid;gap:16px;margin-block:24px;font-size:13px}.chart-bar-row{display:grid;grid-template-columns:1fr auto;gap:6px 16px}.chart-bar-track{grid-column:1/-1;background:#8c9dbb12;height:12px;border-radius:2px 5px 3px 2px;overflow:hidden}.chart-bar-track>div{height:100%;background:var(--chart-ink);border-radius:inherit}.chart-bar-row:nth-child(3n+2){--chart-ink:#b4ba99}.chart-bar-row:nth-child(3n){--chart-ink:#c7aa95}.chart-dots{display:grid;grid-template-columns:repeat(14,1fr);gap:9px;margin-block:24px}.chart-dots span{aspect-ratio:1;border-radius:50%;border:1px solid var(--underline)}.chart-dots .is-filled{background:var(--chart-ink);border-color:var(--chart-ink)}@media (max-width:600px){.chart-axis{font-size:18px}.chart-value{font-size:20px}}.notebook-article{position:relative}.section-index-mobile{display:none}.section-index{position:absolute;top:76px;bottom:80px;left:max(24px,calc(50% - 610px));width:185px}.section-index-desktop{position:sticky;top:52px;font-size:13px;line-height:1.5}.notebook .section-index a{color:var(--muted);text-decoration:none;display:block;padding-block:7px}.notebook .section-index a:hover{color:var(--ink)}.section-index-back{margin-bottom:44px;font-size:16px}.section-index ol{list-style:none;padding:0;margin:0}.notebook-article .notebook-back{visibility:hidden}.article-prose{counter-reset:chapter}.article-prose h2{counter-increment:chapter;border-top:1px solid var(--underline);padding-top:28px;margin-top:72px}.article-prose h2:before{content:counter(chapter,decimal-leading-zero);display:block;font-family:Bradley Hand,Segoe Print,cursive;font-style:italic;color:#8c9dbb;font-size:20px;margin-bottom:12px}.article-prose :is(h2,h3,h4){scroll-margin-top:36px}.article-prose :is(h2,h3,h4):focus{outline:none}.article-prose :is(h2,h3,h4):focus-visible{outline:2px solid #8c9dbb;outline-offset:8px}.article-note{background:transparent;border-left:2px solid var(--underline);border-radius:0;padding:6px 20px}.article-note-highlight{background:var(--yellow);border-color:#c7aa95;border-radius:1px 10px 8px 2px;padding:14px 22px}.article-prose .article-source-note{color:var(--muted);font-size:12px;line-height:1.65;margin:12px 0 32px}.article-source-note p{margin:0}.notebook-article .article-chart{margin-inline:-40px;margin-block:32px}@media (max-width:1199px){.section-index{position:static;width:100%;max-width:660px;margin:0 auto 30px}.section-index-desktop{display:none}.section-index-mobile{display:block;border-bottom:1px solid var(--underline);padding-bottom:14px;font-size:13px}.section-index-mobile summary{cursor:pointer;color:var(--muted)}.section-index-mobile ol{padding-top:12px}.notebook-article .notebook-back{visibility:visible;margin-bottom:30px}}@media (max-width:850px){.notebook-article .article-chart{margin-inline:0}}.notebook .section-index a[aria-current=location]{color:var(--ink);font-weight:500;box-shadow:-2px 0 #8c9dbb;padding-left:12px;margin-left:-12px}@media (min-width:1200px){.notebook-article .notebook-shell{width:660px;flex-shrink:0}}