:root{--ink:#242424;--muted:#656565;--link:#245d80;--line:#dedede;--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#173d55}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #245d80;outline-offset:4px}button:disabled{opacity:.45;cursor:default}.skip{position:fixed;top:-100px;left:15px;background:white;border:1px solid var(--link);padding:8px 13px;z-index:10}.skip:focus{top:10px}
.page{width:min(1060px,calc(100% - 80px));margin:58px auto 0;display:grid;grid-template-columns:175px minmax(0,740px);column-gap:78px;align-items:start}.sidebar{position:sticky;top:35px;padding-right:16px;font-size:13px;line-height:1.6}.wordmark{font-family:var(--mono);font-size:48px;font-weight:650;letter-spacing:-4px;color:#262626;line-height:1;text-decoration:none;display:inline-block}.wordmark span{color:var(--link)}.wordmark:hover{color:#262626}.project-name{font-size:13px;color:#4c4c4c;line-height:1.5;margin:16px 0 10px}.byline{font-size:12px;color:var(--muted);margin:0 0 29px}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-bottom:25px}.sidebar nav a{color:#4d4d4d;text-decoration:none}.sidebar nav a:hover{color:var(--link);text-decoration:underline}.sidebar nav a[aria-current=location]{color:var(--link);font-weight:600}.sidebar-links{padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px;font-size:12px}.sidebar-note{color:#777;font-size:11px;line-height:1.8;margin-top:25px}
main{min-width:0}h1{font-size:34px;line-height:1.25;letter-spacing:-1px;font-weight:550;margin:0 0 20px}h2{font-size:25px;line-height:1.35;font-weight:550;letter-spacing:-.4px;margin:48px 0 17px}p{margin:0 0 18px}.intro{font-size:21px;line-height:1.55;margin:0 0 24px;color:#444;max-width:650px}.reading-links{font-size:14px;margin:25px 0}.release-note{font-size:13px;line-height:1.7;border-left:2px solid #bababa;color:#666;padding:2px 0 2px 15px;margin:25px 0 38px}section{scroll-margin-top:28px}strong{font-weight:600}code{font-family:var(--mono);font-size:.86em}p code,td code{background:#f2f2f2;border-radius:2px;padding:1px 3px;overflow-wrap:anywhere}pre{margin:0 0 22px;padding:17px 20px;background:#f5f5f5;border:1px solid #e7e7e7;overflow-x:auto;max-width:100%;font-size:14px;line-height:1.75;tab-size:2}pre code{font-size:inherit}.code-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin:18px 0 7px}.code-heading button{background:white;border:1px solid #ccc;border-radius:2px;color:#555;font-size:11px;padding:2px 10px}.code-heading button:hover{background:#f4f4f4}
table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;margin:28px 0 24px}caption{text-align:left;font-size:13px;color:var(--muted);margin-bottom:9px}th{text-align:left;font-weight:600;border-block:1px solid #aaa;padding:9px 12px 9px 0}td{padding:11px 12px 11px 0;border-bottom:1px solid #e4e4e4;vertical-align:top}td:first-child{width:47%}
.worked-example{margin:26px 0 12px;border-block:1px solid #ccc;padding:15px 0 18px}.worked-example figcaption{font-size:13px;line-height:1.6;margin-bottom:15px;display:flex;gap:14px;align-items:baseline}.worked-example figcaption>span{font-family:var(--mono);font-size:11px;color:#777;white-space:nowrap}.worked-example figcaption strong{font-weight:550}#step-dots{display:flex;flex-wrap:wrap;gap:0;margin:0 0 17px;border-bottom:1px solid #ddd}#step-dots button{border:0;border-bottom:2px solid transparent;background:transparent;color:#666;font-size:12px;padding:6px 12px;margin-bottom:-1px}#step-dots button:first-child{padding-left:0;padding-right:17px}#step-dots button.active{border-bottom-color:var(--link);color:var(--link)}#step-dots button:hover{color:#111}.example-command{margin-bottom:15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#f7f7f7}.example-output{font-family:var(--mono);font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:0 10px 0 20px;min-height:155px;color:#4c4c4c}.example-output p{margin:4px 0}.example-result{font-size:11px;color:#777;margin:18px 0 12px}.example-controls{display:flex;gap:17px;align-items:center}.example-controls button{border:0;background:transparent;color:var(--link);font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:0}.example-controls button:last-child{margin-left:auto}.small-text{font-size:12px;color:var(--muted)}
details{font-size:14px;line-height:1.75;border-bottom:1px solid #e5e5e5;padding:12px 0}details summary{cursor:pointer;color:#555}details[open] summary{margin-bottom:12px}details p{margin:0 0 12px;color:#555}footer{border-top:1px solid var(--line);margin-top:52px;padding:20px 0 40px;display:flex;align-items:start;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer p{margin:0}.copy-status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#fff;color:#444;border:1px solid #bbb;box-shadow:0 2px 9px #0001;padding:8px 15px;font-size:12px;opacity:0;pointer-events:none;z-index:10}.copy-status.visible{opacity:1}
@media(max-width:1000px){.page{width:calc(100% - 60px);column-gap:40px;grid-template-columns:150px minmax(0,1fr)}h1{font-size:31px}.sidebar{padding-right:0}.sidebar nav{font-size:12px}.intro{font-size:20px}}
@media(max-width:700px){.page{display:block;width:calc(100% - 40px);margin-top:25px}.sidebar{position:static;padding:0 0 22px;margin-bottom:30px;border-bottom:1px solid #ccc}.wordmark{font-size:35px;letter-spacing:-3px;vertical-align:middle}.project-name{display:inline-block;margin:0 0 0 17px;vertical-align:middle;font-size:12px;line-height:1.4}.project-name br{display:none}.byline{display:inline-block;margin:0 0 0 9px;font-size:11px;vertical-align:middle}.sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px 17px;margin:22px 0 13px;font-size:12px}.sidebar-links{border:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:7px 17px;font-size:11px}.sidebar-note{display:none}h1{font-size:29px;letter-spacing:-.8px;margin-bottom:18px}.intro{font-size:19px;line-height:1.55}body{font-size:15px;line-height:1.75}h2{font-size:23px;margin-top:37px}p{margin-bottom:17px}.reading-links{font-size:13px;line-height:1.9}.release-note{font-size:12px;padding-left:12px}.code-heading{font-size:11px}pre{font-size:11px;padding:14px 12px;line-height:1.85}table{font-size:12px;line-height:1.6}td{padding:10px 9px 10px 0}.worked-example figcaption{font-size:12px;gap:10px}.example-command{font-size:11px}.example-output{font-size:11px;padding-left:12px;min-height:185px}#step-dots button{font-size:11px;padding:6px 10px}#step-dots button:first-child{padding-right:13px}.example-result{font-size:10px}details{font-size:13px}footer{font-size:11px;padding-bottom:27px;gap:14px}.copy-status{max-width:calc(100% - 32px);width:max-content;font-size:11px;text-align:center}.byline{margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}