@import url('https://fonts.googleapis.com/css2?family=Literata:wght@400;500&display=swap');
:root{color-scheme:light;--paper:#f8f7f2;--ink:#2c3035;--red:#963b35;--link:#264f7c;--rule:#d2d5d7;--source:#eee9df;--console:#242c35}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Cambria,Georgia,serif}a{color:var(--link);text-decoration:none}a:hover{color:#142d4a}a:focus-visible{outline:2px solid var(--link);outline-offset:5px}a:active{color:var(--red)}
.masthead{padding:24px 36px;border-bottom:3px double #bfc2c5;max-width:1160px;margin:auto}.wordmark{display:inline-block;color:var(--ink);font:500 40px/1.35 Literata,Cambria,serif;letter-spacing:-2px}.wordmark span{color:var(--red);font:inherit;letter-spacing:inherit;margin-left:2px}.wordmark:hover{color:var(--ink)}
.layout{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1160px;margin:auto}.sidebar{padding:27px 26px;border-right:1px solid var(--rule)}.sidebar a{display:block}.chapter{padding:14px 0 17px;border-bottom:1px solid var(--rule);color:var(--ink);line-height:1.2}.chapter em{display:block;font-size:15px;color:#666b72;margin-bottom:4px}.chapter strong{display:block;font:400 26px/1.2 'Palatino Linotype',Palatino,serif;letter-spacing:-.5px}.chapter[aria-current] strong{color:var(--red)}.utility{font:13px/1.5 system-ui,sans-serif;margin:22px 0}.utility[aria-current]{color:var(--red)}
main{padding:34px 38px 55px;min-width:0}article{max-width:760px}h1{font:400 clamp(30px,4vw,44px)/1.17 Cambria,Georgia,serif;letter-spacing:-1.4px;margin:0 0 19px}h2{font-size:28px;line-height:1.3;font-weight:400;margin:39px 0 14px}h3{font-size:23px;font-weight:400;margin:30px 0 12px}h4{font-size:19px;margin:22px 0 10px}p{margin:0 0 20px}article>p:first-of-type{color:#59616c}article>p:first-of-type>strong:only-child{font-weight:400}ul,ol{padding-left:25px}hr{border:0;border-top:1px solid var(--rule);margin:30px 0}img{max-width:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}code{font:14px/1.7 Consolas,monospace}p>code,li>code{background:#eee9df;padding:2px 4px;border-radius:3px}
.example{position:relative;isolation:isolate;margin:24px 0 27px;max-width:100%}.example figcaption{display:table;position:relative;z-index:0;margin:0 0 -2px 13px;padding:4px 11px 5px;background:#d9d6cd;color:#50514e;border-radius:4px 4px 0 0;box-shadow:0 2px 2px #242c3524;font:500 11px/1.4 system-ui,sans-serif;letter-spacing:.3px}.code-window,.console{position:relative;z-index:1;padding:19px 23px;border-radius:6px;background:var(--source)}.code-window code{font:400 17px/1.85 Cambria,Georgia,serif;letter-spacing:0}.keyword{color:#314f7a;font-weight:700}.kind{color:#385e49;font-weight:700}.string{color:#744328;font-style:italic}.comment{color:#646b62;font-style:italic}
.console{background:var(--console);color:#e1e5ea;border-radius:16px;padding:17px 22px;font:13px/1.7 Consolas,'Courier New',monospace;overflow-wrap:anywhere}.console *{font:inherit}.console p{margin:0 0 13px}.console p:last-child{margin-bottom:0}.console pre+pre,.console pre+.command,.console .command+pre{margin-top:14px}.console strong{font-weight:700}.console .command,.console .prompt{color:#66ff66;text-shadow:0 0 4px #66ff6640;background:none;padding:0}.console h1,.console h2,.console h3,.console h4{color:inherit;letter-spacing:normal;margin:0 0 12px}.console kbd{color:#66ff66}.page-turn{max-width:760px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding-top:20px;margin-top:40px;font-size:15px}.skip{position:absolute;left:10px;top:-100px;background:var(--paper);padding:10px;z-index:10}.skip:focus{top:10px}
@media(min-width:1100px){main{padding-left:48px;padding-right:48px}}
@media(max-width:700px){.layout{grid-template-columns:145px minmax(0,1fr)}.sidebar{padding:20px 17px}main{padding:26px 22px}.masthead{padding:22px}.wordmark{font-size:34px}.code-window,.console{padding:16px}.code-window code{font-size:16px}}
@media(max-width:480px){.layout{display:block}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:8px 23px;border-right:0;border-bottom:1px solid var(--rule);padding:13px 22px}.sidebar .utility{margin:7px 0}.sidebar .utility:first-child{grid-column:1/-1}.chapter{padding:8px 0 12px}.chapter strong{font-size:23px}.wordmark{font-size:29px;letter-spacing:-1.6px}main{padding:25px 19px}body{font-size:17px}.console{font-size:12px}.page-turn{flex-wrap:wrap}}
