:root{--bg:#fff;--fg:#1a1a1a;--muted:#5b5b5b;--rule:#e4e4e7;--accent:#1a1a1a}@media (prefers-color-scheme:dark){:root{--bg:#0d0d0f;--fg:#f4f4f5;--muted:#a1a1aa;--rule:#27272a;--accent:#f4f4f5}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.6}main{max-width:34rem;margin:0 auto;padding:2rem 1.25rem}h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem;line-height:1.2}h2{letter-spacing:-.01em;margin:3rem 0 .75rem;font-size:1.25rem}h3{margin:1.75rem 0 .4rem;font-size:1rem}p{margin:0 0 1rem}ul{margin:0 0 1rem;padding-left:1.25rem}li{margin:.25rem 0}.lede{color:var(--muted);font-size:1.05rem}.meta{color:var(--muted);font-size:.9rem}a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}hr{border:0;border-top:1px solid var(--rule);margin:3rem 0 0}section{scroll-margin-top:2rem}footer{color:var(--muted);margin-top:3rem;font-size:.9rem}header,footer{max-width:34rem;margin:0 auto;padding:1.25rem}footer{padding-bottom:3rem}.navigation{flex-wrap:wrap;align-items:flex-start;gap:.5rem 1.5rem;padding:0;list-style:none;display:flex}.navigation ul{padding:0 0 0 1rem;list-style:none}.navigation a{min-height:44px;padding:.5rem 0;display:inline-block}.navigation [aria-current=page]{font-weight:700}a:focus-visible{outline-offset:4px;outline:2px solid}a{overflow-wrap:anywhere}.skip-link{position:absolute;top:-10rem;left:1.25rem}.skip-link:focus{background:var(--bg);z-index:1;padding:.5rem;top:0}ol{padding-left:1.5rem}.tutorial-steps>li{margin-top:2rem}.tutorial-screenshot{max-width:360px;margin:1rem 0 2rem}.tutorial-screenshot img{width:100%;height:auto;display:block}figcaption{margin-top:.75rem}