.art{--w:720px}.art-bar{z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.art-in{max-width:960px;margin:0 auto;padding:0 20px}.art-bar .art-in{align-items:center;gap:14px;height:52px;display:flex}.art-logo{letter-spacing:-.3px;color:var(--fg);align-items:center;gap:7px;font-weight:800;text-decoration:none;display:flex}.art-logo svg{border-radius:5px;width:20px;height:20px}.art-nav{align-items:center;gap:16px;margin-left:auto;font-size:13.5px;display:flex}.art-nav a{color:var(--fg-2);text-decoration:none}.art-nav a:hover{color:var(--fg)}.art-cta-btn{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:9px;padding:9px 16px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-block}.art-cta-btn:hover{background:var(--accent-hover)}.art-cta-btn.ghost{background:var(--bg);border:1px solid var(--border);color:var(--fg)}.art-body{max-width:var(--w);margin:0 auto;padding:0 20px 10px}.art-wide{max-width:960px;margin:0 auto;padding:0 20px}.art-crumb{color:var(--fg-3);padding:18px 0 0;font-size:12.5px}.art-crumb a{color:var(--fg-3);text-decoration:none}.art-crumb a:hover{color:var(--fg-2)}.art h1{letter-spacing:-1px;margin:10px 0;font-size:33px;font-weight:800;line-height:1.22}.art-lede{color:var(--fg-2);margin:0 0 8px;font-size:16.5px;line-height:1.6}.art-meta{color:var(--fg-3);margin:0 0 22px;font-size:12.5px}.art-toc{border:1px solid var(--border);border-radius:12px;margin:24px 0 6px;padding:14px 18px;font-size:13.5px}.art-toc .t{color:var(--fg-3);letter-spacing:.4px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.art-toc ol{margin:0;padding-left:19px}.art-toc li{margin:2px 0}.art-toc a{color:var(--fg-2);text-decoration:none}.art-toc a:hover{color:var(--fg);text-decoration:underline}.art-prose{font-size:16px;line-height:1.72}.art-prose h2{letter-spacing:-.5px;margin:40px 0 10px;scroll-margin-top:68px;font-size:22px;font-weight:700;line-height:1.3}.art-prose h3{margin:26px 0 6px;scroll-margin-top:68px;font-size:17px;font-weight:700}.art-prose p{margin:12px 0}.art-prose ul,.art-prose ol{margin:12px 0;padding-left:22px}.art-prose ol{list-style:decimal}.art-prose ul{list-style:outside}.art-prose li::marker{color:var(--fg-3);font-weight:600}.art-toc ol{list-style:decimal}.art-toc li::marker{color:var(--fg-3);font-weight:600}.art-prose li{margin:5px 0}.art-prose li>ul,.art-prose li>ol{margin:4px 0}.art-prose a{color:var(--accent-dim);text-underline-offset:2px;text-decoration:underline}.art-prose a:hover{color:var(--fg)}.art-prose strong{color:var(--fg);font-weight:700}.art-prose hr{border:0;border-top:1px solid var(--border);margin:30px 0}.art-prose blockquote{border-left:3px solid var(--accent);color:var(--fg-2);margin:18px 0;padding:2px 0 2px 16px}.art-prose blockquote p{margin:6px 0}.art-prose code{background:var(--bg-code);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace;font-size:.88em}.art-prose pre{background:var(--bg-code);border:1px solid var(--border);border-radius:11px;margin:16px 0;padding:14px 16px;font-size:13px;line-height:1.62;overflow-x:auto}.art-prose pre code{background:0 0;border:0;padding:0;font-size:13px}.art-prose table{border-collapse:collapse;border:1px solid var(--border);border-radius:10px;width:100%;margin:18px 0;font-size:14px;overflow:hidden}.art-prose th{background:var(--bg-hover);text-align:left;border-bottom:1px solid var(--border);padding:9px 12px;font-size:12.5px;font-weight:700}.art-prose td{border-bottom:1px solid var(--border);vertical-align:top;padding:9px 12px}.art-prose tbody tr:last-child td{border-bottom:0}.art-prose figure{margin:22px 0}.art-prose figure svg,.art-prose figure img{border:1px solid var(--border);border-radius:11px;width:100%;height:auto;display:block}.art-prose figcaption{color:var(--fg-3);text-align:center;margin-top:7px;font-size:12.5px}.tool-box{border:1px solid var(--border);background:var(--bg);border-radius:14px;margin:6px 0 10px;overflow:hidden}.tool-hd{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:9px 13px;display:flex}.tool-hd .t{font-size:12.5px;font-weight:700}.tool-hd .s{color:var(--fg-3);margin-left:auto;font-size:11.5px}.tool-pane{grid-template-columns:1fr 1fr;min-height:400px;display:grid}.tool-pane>*{min-width:0}.tool-src{resize:none;background:var(--bg);width:100%;height:100%;min-height:400px;color:var(--fg);border:0;border-right:1px solid var(--border);outline:none;padding:14px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;line-height:1.6}.tool-prev{background:#fff;position:relative}.tool-prev iframe{border:0;width:100%;height:100%;min-height:400px;display:block}.tool-drop{background:color-mix(in srgb, var(--accent) 18%, transparent);border:2px dashed var(--accent);color:var(--fg);place-items:center;font-size:14px;font-weight:700;display:none;position:absolute;inset:0}.tool-drop.on{display:grid}.tool-ft{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:9px;padding:11px 13px;display:flex}.tool-ft .hint{color:var(--fg-3);margin-left:auto;font-size:12px}.tool-chips{flex-wrap:wrap;gap:6px;display:flex}.tool-chips button{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:99px;padding:4px 11px;font-size:12px}.tool-chips button:hover{border-color:var(--fg)}.tool-chips button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-ring)}.art-after{background:var(--accent-soft);border:1px solid var(--accent-ring);color:var(--fg);border-radius:12px;margin:16px 0 4px;padding:14px 17px;font-size:14px}.art-cta{border:1px solid var(--border);background:var(--bg-hover);border-radius:14px;margin:34px 0;padding:20px 22px}.art-cta h3{margin:0 0 5px;font-size:17.5px;font-weight:700}.art-cta p{color:var(--fg-2);margin:0 0 14px;font-size:14.5px}.art-cta .row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.art-cta .fine{color:var(--fg-3);margin:10px 0 0;font-size:12px}.art-faq{border-top:1px solid var(--border);margin-top:10px}.art-faq details{border-bottom:1px solid var(--border);padding:13px 2px}.art-faq summary{cursor:pointer;font-size:15px;font-weight:700;list-style:none}.art-faq summary::-webkit-details-marker{display:none}.art-faq summary:before{content:"+ ";color:var(--fg-3)}.art-faq details[open] summary:before{content:"−"}.art-faq p{color:var(--fg-2);margin:9px 0 2px;font-size:14.5px;line-height:1.68}.art-rel{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:14px 0 0;display:grid}.art-rel a{border:1px solid var(--border);color:var(--fg);border-radius:11px;padding:13px 15px;font-size:14.5px;font-weight:600;line-height:1.4;text-decoration:none}.art-rel a span{color:var(--fg-3);margin-top:4px;font-size:12.5px;font-weight:400;display:block}.art-rel a:hover{border-color:var(--fg)}.art-foot{border-top:1px solid var(--border);color:var(--fg-3);margin-top:44px;padding:24px 0 56px;font-size:12.5px}.art-foot .art-in{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.art-foot a{color:var(--fg-3);text-decoration:none}.art-foot a:hover{color:var(--fg)}.art-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:20px 0 0;display:grid}.art-card{border:1px solid var(--border);color:var(--fg);border-radius:13px;padding:16px 18px;text-decoration:none;display:block}.art-card:hover{border-color:var(--fg)}.art-card .k{letter-spacing:.4px;text-transform:uppercase;color:var(--fg-3);font-size:11px;font-weight:700}.art-card .h{margin:5px 0 4px;font-size:16px;font-weight:700;line-height:1.35}.art-card .d{color:var(--fg-2);font-size:13px;line-height:1.55}.art-sec-h{margin:34px 0 2px;font-size:15px;font-weight:700}.art-sec-d{color:var(--fg-3);margin:0;font-size:13px}@media (max-width:760px){.art h1{font-size:26px}.art-prose h2{margin-top:32px;font-size:19.5px}.tool-pane{grid-template-columns:1fr}.tool-src{border-right:0;border-bottom:1px solid var(--border);min-height:210px}.tool-prev iframe{min-height:320px}.art-prose{font-size:15.5px}}