*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-text);font-variation-settings:var(--mono-off);-webkit-text-size-adjust:100%;font-size:100%}body{margin:0;font-size:1.0625rem;line-height:1.6}code,pre{font-family:var(--font-code);font-variation-settings:var(--mono-on);font-size:.875em}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:2px}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.1}h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.25rem);font-weight:720}h3{font-size:1.25rem;font-weight:680}.skip{position:absolute;left:-100vw}.skip:focus{background:var(--paper);padding:.5rem .75rem;top:1rem;left:1rem}.top,main>section,.bottom{width:min(100% - 2rem,71rem);margin-inline:auto}@media (width>=48rem){.top,main>section,.bottom{width:min(100% - 5rem,71rem)}}.top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;padding-block:1.25rem;display:flex}.wordmark{color:var(--ink);font-variation-settings:var(--mono-on);font-size:1.2rem;font-weight:800;text-decoration:none}.top nav,.bottom nav{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.top nav a{color:var(--ink);text-decoration:none}.top nav a:hover{text-decoration:underline}main>section{padding-block:clamp(3rem,6vw,5.5rem)}main>section+section{border-top:1px solid var(--rule)}.prose{max-width:38rem}.prose p,p.prose{margin-block:1rem 0}.hero,.layout,.diffs,.columns,.install dl>div{grid-template-columns:minmax(0,1fr)}.hero{gap:clamp(2.5rem,5vw,4rem);display:grid}@media (width>=64rem){.hero-text{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:4rem;display:grid}.hero-text .lead{margin-top:0}}.lead code{white-space:nowrap}h1{letter-spacing:-.025em;text-wrap:balance;max-width:19ch;font-size:clamp(2.4rem,1.6rem + 3.2vw,4rem);font-weight:780;line-height:1.02}.lead{max-width:34rem;color:var(--pencil);margin:1.5rem 0 0;font-size:1.125rem}.lead a,.lead code{color:var(--ink)}.actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.button{background:var(--ink);color:var(--paper);border-radius:3px;padding:.7rem 1.1rem;font-weight:650;text-decoration:none;display:inline-block}.button:hover{background:var(--link)}.command{border:1px solid var(--rule);border-radius:3px;align-items:center;gap:.5rem;max-width:100%;padding:.35rem .35rem .35rem .75rem;display:flex}.command code{white-space:nowrap;overflow-x:auto}.command button{font:inherit;color:var(--ink);background:var(--paper-raised);border:1px solid var(--rule);cursor:pointer;border-radius:2px;padding:.25rem .6rem;font-size:.875rem}.sheet{background:var(--paper-raised);border:1px solid var(--rule);border-radius:2px;margin:0}.sheet ol{margin:0;padding:0;list-style:none}.sheet li{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr);display:grid}.sheet .where{font-family:var(--font-code);font-variation-settings:var(--mono-on);overflow-wrap:anywhere;padding:.75rem 1rem 0;font-size:.8125rem}.sheet pre{margin:0;padding:.5rem 1rem .9rem;line-height:1.55;overflow-x:auto}@media (width>=40rem){.sheet li{grid-template-columns:16.5rem minmax(0,1fr)}.sheet .where{border-right:3px double var(--margin);padding:.9rem 1rem}.sheet pre{padding:.9rem 1rem}}.sheet figcaption{color:var(--pencil);padding:.75rem 1rem;font-size:.9375rem}.neg{color:var(--margin)}.yours{color:var(--ink);font-weight:620}.made{color:var(--pencil)}@media (prefers-reduced-motion:no-preference){.sheet li{animation:.52s cubic-bezier(.2,.7,.2,1) both write-in;animation-delay:calc(.25s + var(--step) * .42s)}@keyframes write-in{0%{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0);opacity:1}}}.layout{gap:2.5rem;display:grid}@media (width>=64rem){.layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem}}.legend{color:var(--pencil)}.tree{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.tree li{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:0 1.5rem;padding:.45rem 0;display:grid}.tree code{white-space:pre;font-size:.875rem;overflow-x:auto}.tree li>:last-child{font-size:.9375rem;font-weight:400}.tree li.made code,.tree li>span:last-child{color:var(--pencil)}@media (width>=40rem){.tree li{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:baseline}}.diffs{gap:1.5rem;margin-top:2.5rem;display:grid}@media (width>=64rem){.diffs{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.diffs figure{border:1px solid var(--rule);background:var(--paper-raised);border-radius:2px;margin:0}.diffs figcaption{border-bottom:1px solid var(--rule);color:var(--pencil);padding:.6rem 1rem}.diffs pre{margin:0;padding:1rem;line-height:1.55;overflow-x:auto}.ctx{color:var(--pencil)}.add{color:var(--link);font-weight:600}.del{color:var(--margin)}.after{margin-top:1.5rem}.columns{gap:2rem;margin-top:2rem;display:grid}@media (width>=64rem){.columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.columns>div+div{border-left:1px solid var(--rule);padding-left:2rem}.columns>div:not(:last-child){padding-right:2rem}}.columns p{max-width:34rem;margin:.5rem 0 0}.columns .record{font-weight:620}.install dl{border-top:1px solid var(--rule);margin:2rem 0 0}.install dl>div{border-bottom:1px solid var(--rule);gap:.25rem 2rem;padding:.9rem 0;display:grid}@media (width>=48rem){.install dl>div{grid-template-columns:18rem 1fr;align-items:baseline}}.install dt{font-weight:650}.install dt span{color:var(--pencil);font-size:.9375rem;font-weight:400;display:block}.install dd{margin:0;overflow-x:auto}.install>p{margin-top:1.5rem}.bottom{border-top:1px solid var(--rule);color:var(--pencil);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;padding-block:2rem 3rem;font-size:.9375rem;display:flex}.bottom p{max-width:36rem;margin:0}