.docs .doc-sheet{background-image:url(/site/grain.png);background-size:180px 180px;padding:clamp(40px,5vw,76px) 0 clamp(96px,11vw,168px);overflow:visible}.docs .doc-wrap{width:100%;max-width:var(--frame);padding-inline:var(--gutter);grid-template-columns:232px minmax(0,1fr);gap:clamp(28px,4vw,72px);margin-inline:auto;display:grid}.docs .rail{top:calc(var(--h-bar,56px) + var(--s7));max-height:calc(100svh - var(--h-bar,56px) - var(--s8));overscroll-behavior:contain;align-self:start;position:sticky;overflow-y:auto}.docs .rail h2{margin:0 0 var(--s6);font-family:var(--ui);font-size:var(--t-lg);font-weight:var(--w-medium);color:var(--ink-3)}.docs .rail a{color:var(--ink-2);font-size:var(--t-lg);border-left:2px solid #0000;margin-left:-14px;padding:5px 0 5px 12px;line-height:1.35;text-decoration:none;display:block}.docs .rail a.sub{color:var(--ink-3);padding-left:26px}.docs .rail a:hover{color:var(--ink)}.docs .rail a.here{border-left-color:var(--accent);color:var(--ink);font-weight:500}.docs .doc{max-width:44rem;font-size:var(--read);line-height:var(--lh-read);color:var(--ink-2)}.docs .doc-head{margin-bottom:clamp(36px,4vw,60px)}.docs .doc-head .eyebrow{margin-bottom:var(--s5);font-size:var(--lead)}.docs .doc-head h1{color:var(--ink);margin:0}.docs .doc-head .lead{margin-top:var(--s7);max-width:none}.docs .doc h2{margin:clamp(48px, 5vw, 76px) 0 var(--s6);font-family:var(--display-face);font-size:var(--d3);font-weight:var(--w-display);letter-spacing:var(--tr-display);color:var(--ink);line-height:1.15}.docs .doc h3{margin:clamp(30px, 3vw, 44px) 0 var(--s5);font-size:var(--d4);font-weight:var(--w-medium);color:var(--ink)}.docs .doc h2,.docs .doc h3{scroll-margin-top:calc(var(--h-bar,56px) + var(--s7))}.docs .doc p{margin:0 0 var(--s7)}.docs .doc p:last-child{margin-bottom:0}.docs .doc strong{font-weight:var(--w-medium);color:var(--ink)}.docs .doc a{color:var(--accent);text-decoration:none}.docs .doc a:hover{text-decoration:underline}.docs .doc ul{margin:0 0 var(--s7);padding-left:1.1em}.docs .doc li{margin-bottom:var(--s5)}.docs .doc li:last-child{margin-bottom:0}.docs .doc code{color:var(--ink);font-family:ui-monospace,Anagram Geist Mono,SFMono-Regular,monospace;font-size:.88em}.docs .doc pre{margin:0 0 var(--s7);padding:var(--s6) var(--s7);background:var(--paper);border:var(--hairline) solid var(--line);border-radius:var(--r4);color:var(--ink);font-family:ui-monospace,Anagram Geist Mono,SFMono-Regular,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.docs .doc pre code{font-size:inherit}.docs .tools{margin:0 0 var(--s7)}.docs .tools>div{padding:var(--s6) 0;border-top:var(--hairline) solid var(--line)}.docs .tools>div:last-child{border-bottom:var(--hairline) solid var(--line)}.docs .tools dt{color:var(--ink);margin-bottom:6px;font-family:ui-monospace,Anagram Geist Mono,SFMono-Regular,monospace;font-size:13.5px}.docs .tools dd{font-size:var(--t-lg);color:var(--ink-3);margin:0;line-height:1.55}.docs .shot-fig,.docs .clip-fig{margin:0 0 var(--s8);border-radius:var(--r4);border:var(--hairline) solid var(--line);background:var(--paper);overflow:hidden;box-shadow:0 1px 2px #0000000d,0 18px 40px -26px #0000004d}.docs .shot-fig.on-desk,.docs .clip-fig.on-desk{background:var(--bg-sunken)}.docs .shot-fig img,.docs .clip-fig video{width:100%;height:auto;display:block}.docs .doc .specimen{margin-bottom:var(--s8)}@media (max-width:900px){.docs .doc-wrap{grid-template-columns:minmax(0,1fr)}.docs .rail{max-height:none;padding-bottom:var(--s8);border-bottom:var(--hairline) solid var(--line);margin-bottom:var(--s8);position:static}}.docs .cmp-shots{gap:var(--s7);margin:0 0 var(--s9);grid-template-columns:1fr 1fr;display:grid}.docs .cmp-shots figure{margin:0}.docs .cmp-shots img{border-radius:var(--r3);border:var(--hairline) solid var(--line);width:100%;height:auto;display:block;box-shadow:0 1px 2px #0000000d,0 18px 40px -26px #0000004d}.docs .cmp-shots figcaption{margin-top:var(--s5);font-size:var(--t-md);color:var(--ink-3);text-align:center}.docs .cmp-shots .mine figcaption{color:var(--ink);font-weight:var(--w-medium)}.docs .cmp-wrap{margin:0 0 var(--s7);overflow-x:auto}.docs .cmp{border-collapse:collapse;width:100%;font-size:var(--t-lg);line-height:1.45}.docs .cmp th,.docs .cmp td{padding:var(--s5) var(--s6) var(--s5) 0;border-bottom:var(--hairline) solid var(--line);text-align:left;vertical-align:top}.docs .cmp thead th{font-size:var(--t-md);font-weight:var(--w-medium);color:var(--ink-3);border-bottom-color:var(--line-strong)}.docs .cmp tbody th{width:26%;font-weight:var(--w-medium);color:var(--ink)}.docs .cmp td{width:37%;color:var(--ink-3)}.docs .cmp td.lean{color:var(--ink);box-shadow:inset 2px 0 0 color-mix(in srgb, var(--accent) 55%, transparent);padding-left:var(--s5)}.docs .cmp td:not(.lean){padding-left:var(--s5)}.docs .doc .cmp-go{margin-top:var(--s9)}.docs .doc a.btn{color:var(--accent-ink);height:var(--h-hero);border-radius:var(--r4);padding-inline:20px;font-size:15px;text-decoration:none}@media (max-width:700px){.docs .cmp-shots{grid-template-columns:1fr}}.docs .cmp td.soon{color:var(--ink-2);font-weight:var(--w-medium)}