:root{--paper:#ffffff;--night:#0b0b0b;--panel-light:#fdfdfc;--cream:#efe5cd;--cream-card:#f7eed6;--gold:#d9c996;--green:#014c21;--green-soft:#306d4a;--bronze:#3e2e07;--ink-strong:#0e0e0e;--ink-body:#1c1c1c;--sans:'Inria Sans', system-ui, -apple-system, sans-serif;--serif:'Inria Serif', Georgia, serif;--mono:ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;--fs-caption:0.875rem;--fs-meta:0.9375rem;--fs-chip:0.8125rem;--fs-body:1.0625rem;--fs-prose-compact:0.9375rem;--fs-item-title:1.5rem;--fs-h2:1.625rem;--fs-standfirst:1.75rem;--fs-statement:2.625rem;--fs-h1:4.25rem;--fs-code:0.875rem;--lh-tight:1.08;--lh-snug:1.25;--lh-body:1.65;--frame:1.25rem;--r:0.9375rem;--r-card:0.875rem;--r-chip:2px;--s-1:0.5rem;--s-2:0.75rem;--s-3:1rem;--s-4:1.5rem;--s-5:2.5rem;--s-6:4rem;--s-7:6rem;--measure-article:37.5rem;--measure-blocks:38rem;--measure-statement:46rem;--measure-media:49.5rem}html{font-size:clamp(13px,1.0825vw,21px)}@media(max-width:1200px){html{font-size:13px}}@media(max-width:760px){html{font-size:clamp(15px,4.27vw,17px)}:root{--fs-h1:2.5rem;--fs-standfirst:1.3125rem;--fs-statement:1.75rem;--fs-item-title:1.3125rem;--fs-h2:1.375rem;--frame:0.625rem}}.theme-dark{--bg-panel:var(--night);--ink:var(--cream);--accent:var(--gold);--focus-ring:var(--gold)}.theme-light{--bg-panel:var(--panel-light);--ink:var(--ink-body);--accent:var(--green);--focus-ring:var(--green)}@font-face{font-family:inria sans;src:url(/fonts/InriaSans-300.woff2)format('woff2');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:inria sans;src:url(/fonts/InriaSans-400.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:inria sans;src:url(/fonts/InriaSans-400-italic.woff2)format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:inria sans;src:url(/fonts/InriaSans-700.woff2)format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:inria serif;src:url(/fonts/InriaSerif-300.woff2)format('woff2');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:inria serif;src:url(/fonts/InriaSerif-400.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:inria serif;src:url(/fonts/InriaSerif-400-italic.woff2)format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:inria serif;src:url(/fonts/InriaSerif-700.woff2)format('woff2');font-weight:700;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{height:100%}body{background:var(--paper);font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh-body);overflow:hidden}img,svg,video{display:block;max-width:100%}a{color:inherit}button{font:inherit;background:0 0;border:0;cursor:pointer;color:inherit}:focus-visible{outline:2px solid var(--focus-ring,var(--gold));outline-offset:3px}::selection{background:var(--gold);color:var(--night)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){a,.thumb,.thumb-active{transition:opacity .15s ease,background .2s ease,color .15s ease}}.stage{position:relative;margin:var(--frame);height:calc(100dvh - 2 * var(--frame))}.panel{position:relative;isolation:isolate;height:100%;border-radius:var(--r);overflow:hidden;background-color:var(--bg-panel);color:var(--ink)}.panel-backdrop{position:absolute;inset:0;z-index:-1}.panel-backdrop img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1)}.panel-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,#000 0%,transparent 52%)}.panel-backdrop--centered img{object-position:50% 30%}.panel-backdrop--centered::after{background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 22%)}.panel-watermark{position:absolute;inset:0;z-index:-1;background:url(/media/texture/watermark-portrait.webp)50% 28%/cover no-repeat;opacity:.03;filter:grayscale(1)blur(2px);pointer-events:none}.scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(127,127,127,.35)transparent}.scroll-content{display:flow-root}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-track{background:0 0}.scroll::-webkit-scrollbar-thumb{background:rgba(127,127,127,.35);border-radius:4px}@media(min-width:1100px) and (pointer:fine){.scroll[data-minimap]{scrollbar-width:none}.scroll[data-minimap]::-webkit-scrollbar{display:none}}.reserve{position:absolute;top:0;background:var(--paper);z-index:10}.reserve::before,.reserve::after{content:'';position:absolute;width:var(--r);height:var(--r)}.reserve-logo{left:0;width:6.75rem;height:6.9375rem;border-bottom-right-radius:var(--r)}.reserve-logo::before{left:100%;top:0;background:radial-gradient(circle at 100% 100%,transparent calc(var(--r) - .5px),var(--paper) var(--r))}.reserve-logo::after{top:100%;left:0;background:radial-gradient(circle at 100% 100%,transparent calc(var(--r) - .5px),var(--paper) var(--r))}.reserve-logo a{display:block}.reserve-logo img{display:block;margin:.6875rem 0 0 .4375rem;width:5.375rem;height:5.375rem}.reserve-nav{right:0;height:3.6875rem;max-width:calc(100% - 8rem);border-bottom-left-radius:var(--r);display:flex;align-items:center;padding:0 1.25rem 0 1rem}.reserve-nav::before{right:100%;top:0;background:radial-gradient(circle at 0 100%,transparent calc(var(--r) - .5px),var(--paper) var(--r))}.reserve-nav::after{top:100%;right:0;background:radial-gradient(circle at 0 100%,transparent calc(var(--r) - .5px),var(--paper) var(--r))}.nav-clip{display:contents}.menu-toggle{display:none;font-family:var(--sans);font-weight:700;font-size:var(--fs-meta);color:#1a1a1a;letter-spacing:.01em}.reserve-nav nav{display:flex;align-items:center;gap:1.75rem}.reserve-nav a{font-family:var(--sans);font-weight:700;font-size:var(--fs-nav,var(--fs-meta));color:#1a1a1a;text-decoration:none;letter-spacing:.01em;white-space:nowrap}.reserve-nav a:hover{opacity:.6}.reserve-nav a.is-active{background:#000;color:#fff;padding:.25rem .5625rem .3125rem;border-radius:var(--r-chip)}.reserve-nav a.is-active:hover{opacity:1}.version-switch{appearance:none;-webkit-appearance:none;border:0;background:0 0;font-family:var(--sans);font-weight:700;font-size:var(--fs-meta);color:#1a1a1a;opacity:.4;cursor:pointer;padding:.125rem .25rem}.version-switch:hover,.version-switch:focus-visible{opacity:.85}.figure-caption{position:absolute;right:2.5rem;bottom:2.875rem;z-index:5;font-size:var(--fs-caption);font-weight:300;color:#fff;pointer-events:none}.figure-caption a{pointer-events:auto;color:inherit;text-decoration:none}.figure-caption a:hover{text-decoration:underline;text-underline-offset:3px}.figure-caption--centered{right:50%;transform:translateX(50%);text-align:center}@media(max-width:900px){html:not(.js) .reserve-nav{height:2.875rem;max-width:calc(100% - 5.5rem);padding:0 .875rem}html:not(.js) .reserve-nav nav{gap:1.125rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}html:not(.js) .reserve-nav nav::-webkit-scrollbar{display:none}html.js .menu-toggle{display:block;margin-left:auto;text-align:right;padding:.8125rem 0 .8125rem 1rem}html.js .reserve-nav{display:block;height:auto;width:fit-content;max-width:calc(100vw - 2 * var(--frame) - 4.75rem);padding:0 1.25rem;text-align:right}html.js .reserve-nav .nav-clip{display:grid;grid-template-rows:0fr;max-width:0;margin-left:auto;overflow:hidden;transition:grid-template-rows .32s cubic-bezier(.3,.7,.2,1),max-width .32s cubic-bezier(.3,.7,.2,1)}html.js .reserve-nav nav{overflow:hidden;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:0}html.js .reserve-nav nav a,html.js .reserve-nav .version-switch{white-space:nowrap}html.js .reserve-nav nav a{padding:.6875rem 0;font-size:1.0625rem}html.js .reserve-nav nav a.is-active{padding:.4375rem .5625rem .5rem;margin-block:.25rem}html.js .reserve-nav .version-switch{margin:.75rem 0 1.125rem;font-size:1.0625rem;padding-right:0}html.js .reserve-nav.is-open .nav-clip{grid-template-rows:1fr;max-width:min(20rem,calc(100vw - 2 * var(--frame) - 7.25rem))}}@media(max-width:900px) and (prefers-reduced-motion:reduce){html.js .reserve-nav,html.js .reserve-nav .nav-clip{transition:none}}@media(max-width:760px){.reserve-logo{width:4.25rem;height:4.375rem}.reserve-logo img{margin:.4375rem 0 0 .3125rem;width:3.375rem;height:3.375rem}.figure-caption{display:none}}.pubs{padding:calc((100dvh - 2 * var(--frame))/3)0 5rem clamp(1.5rem,13vw,12rem);display:flex;flex-direction:column;gap:2.5rem;max-width:56.25rem}.pubs-intro{max-width:25.75rem;margin-bottom:4rem}.pubs-intro h1{font-family:var(--serif);font-weight:700;font-size:1.75rem;line-height:1.3;color:var(--cream);letter-spacing:.005em}.pubs-intro p{margin-top:1rem;font-size:var(--fs-meta);line-height:1.5;color:var(--cream);max-width:22rem}.pub{display:grid;grid-template-columns:12.875rem 1fr;gap:2.5rem}.thumb-wrap{position:relative;display:block;width:12.875rem;aspect-ratio:206/200}.thumb{position:absolute;inset:0;display:block;clip-path:url(#thumb-shape);background:linear-gradient(to top,rgba(0,0,0,.2) 28.4%,transparent 100%),var(--cream-card)}.thumb img,.ghost{position:absolute;left:7.282%;top:11.5%;width:85.447%;height:77%;object-fit:cover;mix-blend-mode:luminosity}.pub:hover .thumb img,.pub:focus-within .thumb img{mix-blend-mode:normal}.ghost{opacity:.5;filter:blur(2.6px)}.pub-meta{padding-top:2.4375rem;max-width:18.75rem}.pub-meta time{display:block;font-size:var(--fs-meta);font-weight:400;color:var(--cream)}.pub-meta h2{margin-top:.8125rem;font-family:var(--serif);font-weight:700;font-size:var(--fs-item-title);line-height:1.1;letter-spacing:.01em}.pub-meta h2 a{color:var(--cream);text-decoration:none}.pub-meta h2 a:hover{text-decoration:underline;text-underline-offset:3px}.pub-meta p{margin-top:.75rem;font-size:var(--fs-meta);line-height:1.35;color:var(--cream);max-width:17.5rem}.pub-meta .more{display:inline-block;margin-top:3.5rem;font-size:var(--fs-meta);font-weight:700;color:var(--gold);text-decoration:none}.pub-meta .more:hover{text-decoration:underline;text-underline-offset:3px}.pubs--light .pub-meta time,.pubs--light .pub-meta p{color:var(--bronze)}.pubs--light .pub-meta h2 a{color:var(--bronze)}.pubs--light .pub-meta .more{color:var(--green)}@media(max-width:760px){.theme-dark .panel-backdrop img{object-position:62% 15%}.theme-dark .panel-backdrop::after{background:linear-gradient( to bottom,rgba(0,0,0,.22) 0%,transparent 16%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.85) 100% )}.pubs{margin-top:56dvh;padding:3.25rem 1.5rem 4rem;gap:3rem;max-width:none;background:linear-gradient( to bottom,rgba(11,11,11,0) 0,rgba(11,11,11,.94) 3.25rem,#0b0b0b 7rem )}.pub{grid-template-columns:1fr;gap:1.25rem}.thumb-wrap{width:9.75rem}.pub-meta{padding-top:0;max-width:none}.pub-meta h2{overflow-wrap:break-word}.pub-meta p{max-width:24rem}.pub-meta .more{margin-top:1rem}}.article-layout{display:grid;grid-template-columns:clamp(13rem,23vw,21.25rem)minmax(0,var(--measure-article));column-gap:clamp(2.5rem,11.16vw,10.3125rem);padding:8.75rem clamp(2rem,10vw,9.5rem)6.5rem clamp(1.5rem,7.78vw,7.1875rem)}.article-card{position:sticky;top:8.75rem;align-self:start;width:100%;aspect-ratio:206/200;clip-path:url(#thumb-shape);background:linear-gradient(155deg,var(--green-soft) 0%,var(--green) 78%)}.article-card-screen{position:absolute;left:7.282%;top:11.5%;width:85.447%;height:77%;display:block;border-radius:.5rem;overflow:hidden;background:#fff}.article-card-screen img{width:100%;height:100%;object-fit:cover}.article-head{padding-top:2.3125rem}.chips{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:var(--fs-chip);line-height:1}.chip{display:inline-block;background:#000;color:#fff;font-weight:700;padding:.3125rem .5625rem .375rem;border-radius:var(--r-chip);text-decoration:none;letter-spacing:.01em}a.chip:hover{background:var(--green)}.chip--date{font-weight:400;color:var(--gold);white-space:normal;line-height:1.4;max-width:100%}.chips .sep{color:#b4b4b4;font-weight:400}.article-title{margin-top:1.6875rem;font-family:var(--serif);font-weight:700;font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:.005em;color:var(--ink-strong);overflow-wrap:break-word}.standfirst{margin-top:1.5rem;font-size:var(--fs-standfirst);line-height:var(--lh-snug);color:var(--ink-strong);max-width:28rem}.article-main .prose{margin-top:2.875rem}.prose{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}.prose p{margin-block:1.1em}.prose h1,.prose h2{margin-top:2.1em;font-family:var(--serif);font-weight:700;font-size:var(--fs-h2);line-height:1.2;color:var(--ink-strong)}.prose h3{margin-top:1.8em;font-size:var(--fs-body);font-weight:700;color:var(--ink-strong)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose a:hover{opacity:.75}.prose ul,.prose ol{margin-block:1.1em;padding-left:1.25em}.prose li{margin-block:.35em}.prose li::marker{color:var(--accent)}.prose strong{font-weight:700}.prose blockquote{margin-block:1.6em;padding-left:1.25rem;border-left:3px solid var(--gold);font-family:var(--serif);font-style:italic;font-size:1.1875rem;color:var(--ink-strong)}.prose hr{margin-block:2.5em;border:0;border-top:1px solid rgba(0,0,0,.12)}.prose table{margin-block:1.6em;width:100%;border-collapse:collapse;font-size:var(--fs-prose-compact)}.prose th{text-align:left;font-weight:700;color:var(--ink-strong);border-bottom:2px solid var(--ink-strong)}.prose th,.prose td{padding:.5rem .75rem .5rem 0;vertical-align:top}.prose td{border-bottom:1px solid rgba(0,0,0,.12)}.prose-figure{margin-block:2em}.prose-figure img{width:100%;border-radius:var(--r-card)}.prose-figure figcaption{margin-top:.625rem;font-size:var(--fs-caption);font-weight:300;color:rgba(0,0,0,.55)}.code-terminal{margin-block:1.9em;border-radius:.625rem;overflow:hidden;background:#0d130e}.code-terminal>figcaption{display:flex;align-items:center;gap:1rem;padding:.5rem 1.125rem;background:#0a0f0b;border-bottom:1px solid rgba(239,229,205,8%);font-family:var(--mono);font-size:.75rem;letter-spacing:.04em}.code-terminal .code-lang{color:var(--gold);font-weight:700;text-transform:uppercase}.code-terminal .code-title{color:rgba(239,229,205,.6)}.code-terminal pre,.prose pre{padding:1.25rem 1.125rem;overflow-x:auto;font-family:var(--mono);font-size:var(--fs-code);line-height:1.6}.prose code{font-family:var(--mono);font-size:.875em}.prose p code,.prose li code{background:rgba(1,76,33,8%);border-radius:3px;padding:.1em .35em;color:var(--green)}@media(max-width:1100px){.article-layout{padding-right:clamp(1.5rem,4vw,3rem)}}@media(max-width:760px){.article-layout{display:block;padding:5.5rem 1.25rem 4rem}.article-card{position:static;max-width:14.5rem}.article-head{padding-top:2rem}.standfirst{max-width:none}}.blocks{padding:9rem clamp(1.25rem,4vw,3rem)7rem;display:flex;flex-direction:column}.block-media{width:min(var(--measure-media),100%);margin-inline:auto}.block-media img{width:100%;aspect-ratio:1.975;object-fit:cover;clip-path:url(#thumb-shape)}.block-media figcaption{margin-top:.75rem;text-align:center;font-size:var(--fs-caption);font-weight:300;color:rgba(0,0,0,.55)}.block-statement{margin:4.625rem auto 0;max-width:var(--measure-statement);text-align:center;font-family:var(--serif);font-weight:700;font-size:var(--fs-statement);line-height:1.24;color:var(--ink-strong);letter-spacing:.002em}.block-prose{margin:3.125rem auto 0;width:min(var(--measure-blocks),100%);font-size:var(--fs-prose-compact)}.block-prose .prose{font-size:inherit;line-height:1.6}.blocks>:first-child{margin-top:0}@media(max-width:760px){.blocks{padding:5.5rem 1.25rem 4rem}.block-media img{aspect-ratio:1.6}.block-statement{margin-top:2.75rem}.block-prose{margin-top:2rem}}.chroma{color:#e9e2cf;background:0 0}.chroma .c,.chroma .c1,.chroma .cm,.chroma .ch,.chroma .cs{color:#6f7f6f;font-style:italic}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kr,.chroma .kp{color:var(--gold);font-weight:700}.chroma .kt,.chroma .nc,.chroma .nn{color:#9fd9ae}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sb,.chroma .sc,.chroma .se,.chroma .si,.chroma .sx,.chroma .sr{color:#7fbf8e}.chroma .m,.chroma .mi,.chroma .mf,.chroma .mh,.chroma .mb,.chroma .mo{color:#e0b073}.chroma .nf,.chroma .nb,.chroma .bp,.chroma .fm{color:#f3efe0;font-weight:700}.chroma .n,.chroma .nv,.chroma .na,.chroma .nd,.chroma .ni,.chroma .ne,.chroma .nl,.chroma .nt,.chroma .nx,.chroma .py,.chroma .w{color:#e9e2cf}.chroma .o,.chroma .ow{color:#cdbf9d}.chroma .p{color:#a89f8a}.chroma .err{color:#e9e2cf}.chroma .hl{background-color:rgba(217,201,150,9%);display:block}.chroma .lnt,.chroma .ln{color:#5d6a5d;margin-right:.6em}.minimap{position:absolute;top:6.5rem;right:2.0625rem;width:5.5rem;max-height:calc(100% - 9rem);z-index:6;user-select:none;touch-action:none}.minimap-inner{position:absolute;inset:0;overflow:hidden}.minimap-page{position:relative;transform-origin:0 0;pointer-events:none;background:var(--bg-panel);box-shadow:0 0 0 1px rgba(0,0,0,8%),0 2px 14px rgba(0,0,0,.1);will-change:transform}.theme-dark .minimap-page{box-shadow:0 0 0 1px rgba(239,229,205,.14)}.minimap-page *{animation:none!important;transition:none!important}.minimap-viewport{position:absolute;left:-.3125rem;right:-.3125rem;border:1.5px solid var(--ink-strong);border-radius:2px;cursor:grab;background:0 0}.theme-dark .minimap-viewport{border-color:var(--cream)}.minimap-viewport.is-dragging{cursor:grabbing}.minimap:hover .minimap-viewport{background:rgba(0,0,0,.025)}@media(max-width:1099px),(pointer:coarse){.minimap{display:none}}.styleguide{padding:9rem clamp(1.5rem,6vw,6rem)7rem;max-width:64rem}.styleguide>h1{font-family:var(--serif);font-size:3rem;font-weight:700;color:var(--ink-strong)}.styleguide>p.lead{margin-top:.75rem;max-width:38rem;color:rgba(0,0,0,.6);font-size:var(--fs-prose-compact)}.sg-section{margin-top:4.5rem}.sg-section>h2{font-family:var(--mono);font-size:.8125rem;font-weight:400;text-transform:uppercase;letter-spacing:.14em;color:var(--green);border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.625rem}.sg-grid{margin-top:1.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.25rem}.sg-swatch{border-radius:.625rem;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,8%)}.sg-swatch-color{height:5.5rem}.sg-swatch dl{padding:.75rem .875rem;background:#fff}.sg-swatch dt{font-weight:700;font-size:.875rem}.sg-swatch dd{margin-top:.125rem;font-family:var(--mono);font-size:.75rem;color:rgba(0,0,0,.55)}.sg-type{margin-top:1.75rem;display:flex;flex-direction:column;gap:2rem}.sg-type-row{display:grid;grid-template-columns:13rem 1fr;gap:1.5rem;align-items:baseline}.sg-type-row .spec{font-family:var(--mono);font-size:.75rem;color:rgba(0,0,0,.55);line-height:1.6}.sg-sample-h1{font:700 var(--fs-h1)/var(--lh-tight)var(--serif);color:var(--ink-strong)}.sg-sample-statement{font:700 var(--fs-statement)/1.24 var(--serif);color:var(--ink-strong)}.sg-sample-standfirst{font-size:var(--fs-standfirst);line-height:var(--lh-snug);color:var(--ink-strong)}.sg-sample-h2{font:700 var(--fs-h2)/1.2 var(--serif);color:var(--ink-strong)}.sg-sample-item-title{font:700 var(--fs-item-title)/1.1 var(--serif);color:var(--ink-strong)}.sg-sample-body{font-size:var(--fs-body);line-height:var(--lh-body);max-width:37.5rem}.sg-sample-prose-compact{font-size:var(--fs-prose-compact);line-height:1.6;max-width:38rem}.sg-sample-meta{font-size:var(--fs-meta)}.sg-sample-caption{font-size:var(--fs-caption);font-weight:300}.sg-row{margin-top:1.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.sg-on-dark{background:var(--night);border-radius:.625rem;padding:1.5rem 2rem}.sg-link-nav{font-weight:700;font-size:var(--fs-meta);color:#1a1a1a;text-decoration:none}.sg-link-more-dark{font-weight:700;font-size:var(--fs-meta);color:var(--gold);text-decoration:none}.sg-link-more-light{font-weight:700;font-size:var(--fs-meta);color:var(--green);text-decoration:none}.sg-link-prose{color:var(--green);text-decoration:underline;text-underline-offset:3px}.sg-pub-demo{background:var(--night);border-radius:.625rem;padding:2.25rem}.sg-pub-demo .pub-meta time,.sg-pub-demo .pub-meta p{color:var(--cream)}.sg-space{display:flex;align-items:flex-end;gap:1.25rem;margin-top:1.75rem}.sg-space figure{text-align:center}.sg-space .bar{width:2.25rem;background:var(--green-soft);border-radius:2px 2px 0 0;margin-inline:auto}.sg-space figcaption{margin-top:.5rem;font-family:var(--mono);font-size:.6875rem;color:rgba(0,0,0,.55)}@media(max-width:760px){.styleguide{padding:5.5rem 1.25rem 4rem}.sg-type-row{grid-template-columns:1fr;gap:.5rem}}