:root{--ink:#202d43;--muted:#58677e;--paper:#f7f9fc;--line:#d7dfeb;--accent:#087ea4;--tint:#e1f4f8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'Segoe UI',Arial,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{max-width:1180px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-weight:750;text-decoration:none;color:var(--ink);letter-spacing:-.5px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:64px 32px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;margin-bottom:70px}.eyebrow,.label{font:12px/1.5 Consolas,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}h1{font-size:clamp(35px,4.1vw,60px);line-height:1.1;letter-spacing:-2px;margin:18px 0 25px;white-space:pre-line}h2{font-size:27px;line-height:1.3;letter-spacing:-.6px}h3{font-size:23px;line-height:1.3}p{margin:0 0 20px}.intro{color:var(--muted);max-width:580px}.button,button{display:inline-block;background:var(--accent);color:white;border:0;border-radius:6px;padding:12px 19px;font:600 15px 'Segoe UI',sans-serif;text-decoration:none;cursor:pointer}.lab{background:var(--tint);border:1px solid var(--line);border-radius:12px;overflow:hidden}.lab .label{padding:17px 22px;border-bottom:1px solid var(--line)}pre{padding:22px;margin:0;overflow-x:auto;background:#edf1f7;font:14px/1.75 Consolas,monospace;tab-size:2}pre code{background:none;padding:0}.lab pre{background:transparent}.demo{margin:0 20px 20px;padding:20px;background:white;border-radius:8px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.demo strong{font:700 38px Consolas,monospace}.demo p{font-size:13px;margin:0;color:var(--muted)}.demo button{padding:9px 13px}.demo .reset{background:#e9edf3;color:var(--ink)}[v-cloak]{display:none}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}.section-title h2{margin:0}.search{width:250px;border:1px solid var(--line);border-radius:6px;background:white;padding:10px;font:inherit}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{padding:27px;background:white;border:1px solid var(--line);border-radius:8px}.card h3{margin:12px 0}.card p{color:var(--muted);font-size:15px}.card a{font-size:15px;font-weight:650}.note{padding:24px 0;margin-top:35px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.article{max-width:790px;margin:auto}.article h1{font-size:clamp(32px,4vw,48px);white-space:normal}.article h2{margin-top:38px}.article pre{margin:25px 0;border:1px solid var(--line);border-radius:7px}.article code{font-family:Consolas,monospace}footer{max-width:1180px;margin:20px auto 0;padding:28px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:1}@media(max-width:760px){header{padding:20px;flex-direction:column}.wrap{padding:38px 20px}.hero{grid-template-columns:1fr;gap:25px;margin-bottom:42px}h1{letter-spacing:-1px}.grid{grid-template-columns:1fr}.section-title{flex-direction:column;gap:14px}.search{width:100%}footer{padding:24px 20px;flex-direction:column}}
[hidden]{display:none!important}.hero{align-items:start}.lab{position:relative}.step{padding:18px 22px;border-top:1px solid var(--line)}.step strong{display:block;color:var(--accent)}pre{max-width:100%}.article{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}