:root{color-scheme:light;--paper:#f7f6f1;--ink:#20251f;--muted:#62685f;--line:#d9ddcf;--accent:#365a42;font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid #a75b25;outline-offset:4px}.skip{position:absolute;top:-70px;left:16px;padding:10px;background:#fff;z-index:5}.skip:focus{top:8px}.learn-nav,.learn-footer{max-width:1200px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.learn-nav{border-bottom:1px solid var(--line)}.learn-brand{font:700 27px Georgia,serif;text-decoration:none;color:var(--ink)}nav{display:flex;gap:22px;flex-wrap:wrap;align-items:center}main{max-width:1060px;margin:auto;padding:64px 32px 80px}h1,h2,h3{font-family:Georgia,"Noto Serif SC",serif;font-weight:500;line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(34px,5vw,62px);max-width:900px;margin:16px 0 24px}h2{font-size:30px;margin-top:44px}h3{font-size:25px;margin:14px 0}.kicker{font-size:11px;letter-spacing:.11em;color:var(--muted)}.lead{font-size:20px;max-width:790px;color:#4d584b}.button{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:10px 18px;border-radius:4px;font:inherit;text-decoration:none;cursor:pointer}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:28px 0}.chart-preview{display:block;width:100%;height:auto;border-radius:6px;background:#fff;border:1px solid var(--line)}figure{margin:36px 0}figcaption{font-size:12px;color:var(--muted);margin:8px 0}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resource-card{padding:26px;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--ink);background:#fdfdf8}.resource-card p{font-size:14px;color:var(--muted)}.resource-card>span:last-child{font-size:13px;color:var(--accent)}.jump{border-block:1px solid var(--line);padding:16px 0;margin:32px 0}.notice{padding:18px;border-left:3px solid var(--accent);background:#edf1e8;font-size:14px}pre{max-width:100%;overflow:auto;background:#eceee5;padding:20px;border-radius:4px;font:13px/1.8 ui-monospace,monospace}li{margin:10px 0}aside{border-top:1px solid var(--line);margin-top:52px}section[lang]{border-top:1px solid var(--line);margin-top:44px}.demo-frame{border:1px solid var(--line);width:100%;aspect-ratio:880/520;margin-top:20px;background:#fff}.learn-footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media(max-width:760px){.learn-nav,.learn-footer{padding:18px 20px;align-items:flex-start}.learn-nav nav{font-size:12px;gap:10px;justify-content:flex-end}.learn-nav nav .button{padding:6px 10px}main{padding:34px 20px 50px}.resource-grid{grid-template-columns:1fr}.lead{font-size:17px}h2{font-size:26px}.learn-footer{flex-direction:column}.learn-footer nav{gap:12px}.actions{align-items:flex-start;gap:14px}.chart-preview{min-height:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.breadcrumbs{font-size:12px;gap:8px;color:var(--muted);margin-bottom:24px}.breadcrumbs span[aria-current]{overflow-wrap:anywhere}.data-table{max-width:100%;overflow:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}caption{text-align:left;font-size:13px;color:var(--muted);padding-bottom:12px}.home-language-link{font-size:12px;white-space:nowrap}.workflow-nav{margin:30px 0;padding:18px 0;border-block:1px solid var(--line)}.workflow-nav ol{display:flex;flex-wrap:wrap;gap:12px 22px;margin:0;padding:0;list-style:none;font-size:13px}.workflow-nav li{margin:0}.workflow-nav a[aria-current=step]{font-weight:700;text-decoration-thickness:2px}.workflow-shot a{display:block}.workflow-shot img{width:100%;height:auto}.workflow-next{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}html[data-theme=dark]{--paper:#121514;--ink:#eeece5;--muted:#a6afa5;--line:#343d35;--accent:#a0c8aa}html[data-theme=dark] .lead{color:var(--muted)}html[data-theme=dark] .resource-card{background:#1b211c}html[data-theme=dark] .notice,html[data-theme=dark] pre{background:#222b23}html[data-theme=dark] .button{background:#365a42;border-color:#62896d}
