.note-page{padding-block:var(--space-8) var(--space-10)}.note-header{gap:var(--space-7);min-height:min(48rem, calc(100vh - var(--space-9)));padding-block:var(--space-5) var(--space-9);display:grid}.note-title{gap:var(--space-5);align-content:start;display:grid}.note-title h1{max-width:14ch}.note-description{max-width:34rem;color:var(--color-ink-soft);font-family:var(--font-serif);font-size:var(--text-lead);font-variation-settings:"wght" 430;align-self:end;line-height:1.35}.note-metadata{gap:var(--space-3);border-block-start:.0625rem solid var(--color-line);align-self:end;padding-block-start:var(--space-4);display:grid}.note-metadata div{gap:var(--space-3) var(--space-5);flex-wrap:wrap;justify-content:space-between;display:flex}.note-metadata dt,.note-metadata dd{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.05em;text-transform:uppercase}.note-metadata dt{color:var(--color-ink-soft)}.article-grid{gap:var(--space-8);padding-block:var(--space-9);border-block:.0625rem solid var(--color-line);display:grid}.article-grid aside{gap:var(--space-4);align-content:start;display:grid}.article-grid aside>:last-child{max-width:22rem;color:var(--color-ink-soft)}.article-prose{min-width:0;max-width:68ch}.article-prose h2{max-width:20ch;margin-block:var(--space-9) var(--space-5);font-size:var(--text-h2)}.article-prose p,.article-prose li{font-size:var(--text-body)}.article-prose p+p{margin-block-start:var(--space-5)}.article-prose>p:first-child{font-family:var(--font-serif);font-size:var(--text-h3);font-variation-settings:"wght" 430;line-height:1.2}.article-prose ul,.article-prose ol{gap:var(--space-3);margin-block:var(--space-5);padding-inline-start:var(--space-6);display:grid}.article-prose ol{list-style:decimal}.article-prose a{color:var(--color-air-deep);text-underline-offset:var(--space-1);font-weight:560;text-decoration-thickness:.0625rem}.article-prose pre{max-width:100%;margin-block:var(--space-6);padding:var(--space-5);background:var(--color-night);color:var(--color-canvas);border-radius:var(--radius-sm);overflow-x:auto}.article-prose code{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre}.note-close{gap:var(--space-7);padding-block:var(--space-10) var(--space-5);display:grid}.note-close>div{gap:var(--space-4);display:grid}.note-close>div>:last-child{max-width:18ch;font-family:var(--font-serif);font-size:var(--text-h3);font-variation-settings:"wght" 430;line-height:1.1}.note-close nav{gap:var(--space-5);flex-wrap:wrap;align-items:end;display:flex}.note-close a{border-block-end:.0625rem solid;padding-block-end:var(--space-1);font-weight:620;text-decoration:none}.note-close a:hover{color:var(--color-air-deep)}@media (width>=55rem){.note-page{padding-block-start:var(--space-10)}.note-header,.article-grid,.note-close{column-gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.note-header{align-items:start}.note-title{grid-column:1/span 9}.note-description{grid-column:8/span 5}.note-metadata,.article-grid aside{grid-column:1/span 4}.article-prose{grid-column:6/span 7}.note-close>div{grid-column:1/span 5}.note-close nav{grid-column:7/span 6}}@media (forced-colors:active){.article-prose pre{color:canvastext;background:canvas;border:.0625rem solid canvastext}.article-prose a,.note-close a:hover{color:linktext}}