:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f3ec;--foreground:#25211b;--muted:#6e655a;--soft:#eee6dc;--surface:#fffaf2;--surface-strong:#29241d;--border:#ddd2c5;--accent:#c86d3c;--accent-dark:#9f4f2a;--shadow:0 22px 60px #412f1f24;--radius:8px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #fffaf2e6, #f7f3ec 38%), var(--background);color:var(--foreground);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100vh}.container{width:min(1120px,100% - 40px);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f3ece6;border-bottom:1px solid #ddd2c5cc;justify-content:space-between;align-items:center;min-height:72px;padding:0 max(20px,50vw - 560px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex}.brand-mark{color:#fffaf2;background:var(--foreground);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.site-header nav{color:var(--muted);align-items:center;gap:18px;font-size:14px;font-weight:600;display:flex}.site-header nav a:hover,.site-header nav a.active,.language-button:hover{color:var(--foreground)}.language-button,.menu-button{color:var(--muted);cursor:pointer;background:0 0;border:0}.language-button{border:1px solid var(--border);background:#fffaf2b3;border-radius:999px;min-width:48px;padding:8px 10px}.menu-button{width:38px;height:38px;padding:0;display:none}.menu-button span{background:var(--foreground);width:18px;height:2px;margin:5px auto;display:block}.hero-section{grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:48px;width:min(1120px,100% - 40px);min-height:calc(100vh - 72px);margin:0 auto;padding:80px 0 72px;display:grid}.hero-copy h1{letter-spacing:0;max-width:760px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,7vw,92px);font-weight:500;line-height:.96}.hero-copy p{max-width:660px;color:var(--muted);margin:26px 0 0;font-size:20px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.button.primary{color:#fffaf2;background:var(--accent);box-shadow:0 10px 24px #c86d3c3d}.button.primary:hover{background:var(--accent-dark)}.button.secondary{border:1px solid var(--border);background:#fffaf2b8}.terminal-card{background:var(--surface-strong);color:#f7f3ec;box-shadow:var(--shadow);border:1px solid #fffaf224;border-radius:14px;overflow:hidden}.terminal-top{border-bottom:1px solid #fffaf21f;gap:8px;padding:16px 18px;display:flex}.terminal-top span{background:#d08a61;border-radius:999px;width:10px;height:10px}.terminal-top span:nth-child(2){background:#d7bd79}.terminal-top span:nth-child(3){background:#8da777}.terminal-card ol{counter-reset:lines;margin:0;padding:24px 28px 30px;list-style:none}.terminal-card li{color:#e8ded0;min-height:32px;padding-left:44px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.7;position:relative}.terminal-card li:before{color:#9d9081;counter-increment:lines;content:counter(lines, decimal-leading-zero);position:absolute;left:0}.section{padding:82px 0}.section-heading{max-width:760px}.section-label{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:800}.section-heading h2{letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.05}.section-heading p:not(.section-label){color:var(--muted);margin:18px 0 0;font-size:18px;line-height:1.7}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.article-card{border:1px solid var(--border);border-radius:var(--radius);background:#fffaf2c2;flex-direction:column;min-height:260px;padding:24px;display:flex}.article-card h2{margin:0;font-size:24px;line-height:1.15}.article-card h2 a:hover,.text-link:hover,.site-footer a:hover{color:var(--accent-dark)}.article-card p:not(.card-category){color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.65}.card-category{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.text-link{color:var(--foreground);margin-top:auto;padding-top:20px;font-size:14px;font-weight:800}.page-hero{padding:74px 0 56px}.page-hero h1{letter-spacing:0;max-width:920px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,6vw,76px);font-weight:500;line-height:.98}.page-hero>p:not(.section-label){max-width:820px;color:var(--muted);margin:24px 0 0;font-size:20px;line-height:1.7}.article-layout{grid-template-columns:240px minmax(0,760px);align-items:start;gap:76px;padding-bottom:54px;display:grid}.article-toc{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);gap:12px;padding:18px 0;font-size:14px;line-height:1.45;display:grid;position:sticky;top:100px}.article-toc strong{color:var(--foreground);letter-spacing:.06em;text-transform:uppercase;font-size:13px}.article-toc a:hover{color:var(--foreground)}.article-body{gap:56px;display:grid}.article-body section{scroll-margin-top:110px}.article-body h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1.08}.article-body p{color:#51483e;margin:20px 0 0;font-size:18px;line-height:1.82}.article-body ul{border:1px solid var(--border);border-radius:var(--radius);background:#fffaf29e;margin:24px 0 0;padding:22px 24px 22px 42px}.article-body li{color:#51483e;margin:10px 0;font-size:16px;line-height:1.65}.related-section{border-top:1px solid var(--border)}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.not-found{min-height:calc(100vh - 160px);padding:96px 0}.not-found h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:56px;font-weight:500}.not-found p{max-width:560px;color:var(--muted);margin:18px 0 28px;font-size:18px;line-height:1.7}.feature-card,.tip-list article,.surface-grid article,.concept-grid article{border:1px solid var(--border);border-radius:var(--radius);background:#fffaf2b3}.feature-card{min-height:240px;padding:24px}.feature-icon{background:var(--soft);width:36px;height:36px;color:var(--accent-dark);border-radius:8px;place-items:center;margin-bottom:22px;display:grid}.feature-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}h3{margin:0;font-size:20px;line-height:1.25}article p{color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.65}.split-section{border-block:1px solid var(--border);background:#efe7dc}.split-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:56px;display:grid}.workflow-list{gap:12px;display:grid}.workflow-row{border-top:1px solid #25211b24;grid-template-columns:62px 1fr;gap:22px;padding:22px 0;display:grid}.workflow-row span{color:var(--accent-dark);font-family:Georgia,Times New Roman,serif;font-size:28px}.tip-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.tip-list article{padding:24px}.surface-section{background:var(--surface-strong);color:#fffaf2}.surface-section .section-heading p,.surface-grid p{color:#cbbdaf}.surface-section .section-label{color:#e19b70}.surface-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px;display:grid}.surface-grid article{background:#fffaf20f;border-color:#fffaf224;min-height:190px;padding:24px}.surface-grid strong{font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500;display:block}.concept-section{padding-bottom:96px}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.concept-grid article{padding:22px}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:24px;padding:28px max(20px,50vw - 560px);font-size:14px;display:flex}.site-footer p{margin:0}.site-footer div{gap:8px;display:grid}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;font-weight:700;display:flex}@media (width<=920px){.site-header{padding-inline:20px}.menu-button{display:block}.site-header nav{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;padding:18px;display:none;position:absolute;top:72px;left:20px;right:20px}.site-header nav.open{display:flex}.hero-section,.split-grid{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:58px}.feature-grid,.article-grid,.related-grid,.surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:28px}.article-toc{position:static}.concept-grid{grid-template-columns:1fr}}@media (width<=620px){.container,.hero-section{width:min(100% - 28px,1120px)}.hero-copy h1{font-size:46px}.hero-copy p,.section-heading p:not(.section-label){font-size:16px}.feature-grid,.article-grid,.tip-list,.related-grid,.surface-grid{grid-template-columns:1fr}.workflow-row{grid-template-columns:48px 1fr;gap:14px}.site-footer{flex-direction:column}.site-footer nav{justify-content:flex-start}}