body{font-family:system-ui,sans-serif;max-width:1100px;margin:0 auto;padding:2rem;background:#f9fafb;line-height:1.7}h1[data-astro-cid-43iw6z4r]{color:#dc2626;border-bottom:4px solid #dc2626;padding-bottom:.5rem;margin-bottom:2rem}h2[data-astro-cid-43iw6z4r]{color:#991b1b;margin-top:2.5rem;margin-bottom:1.5rem}section[data-astro-cid-43iw6z4r]{background:#fff;padding:2rem;margin:2rem 0;border-radius:8px;box-shadow:0 1px 3px #0000001a}.static[data-astro-cid-43iw6z4r]{border-top:4px solid #3b82f6}.dynamic[data-astro-cid-43iw6z4r]{border-top:4px solid #f59e0b}.definition[data-astro-cid-43iw6z4r]{background:#f3f4f6;padding:1.5rem;border-radius:6px;border-left:4px solid #6366f1;margin:1.5rem 0}.definition[data-astro-cid-43iw6z4r] p[data-astro-cid-43iw6z4r]{margin:0;font-size:1.1rem}.example[data-astro-cid-43iw6z4r]{background:#fef3c7;padding:1.5rem;border-radius:6px;margin:1.5rem 0}.example[data-astro-cid-43iw6z4r] .timestamp[data-astro-cid-43iw6z4r]{font-size:1.3rem;font-weight:700;color:#92400e;margin:1rem 0}.note[data-astro-cid-43iw6z4r]{background:#fff;padding:1rem;border-radius:6px;margin:1rem 0;font-size:.95rem;border-left:3px solid #f59e0b}.characteristics[data-astro-cid-43iw6z4r] ul[data-astro-cid-43iw6z4r],.when-to-use[data-astro-cid-43iw6z4r] ul[data-astro-cid-43iw6z4r]{list-style:none;padding:0}.characteristics[data-astro-cid-43iw6z4r] li[data-astro-cid-43iw6z4r],.when-to-use[data-astro-cid-43iw6z4r] li[data-astro-cid-43iw6z4r]{padding:.5rem .5rem .5rem 2rem;margin:.3rem 0;position:relative}.when-to-use[data-astro-cid-43iw6z4r]{background:#f3f4f6;padding:1rem;border-radius:6px;margin:1rem 0}.philosophy[data-astro-cid-43iw6z4r]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.philosophy[data-astro-cid-43iw6z4r] h2[data-astro-cid-43iw6z4r],.philosophy[data-astro-cid-43iw6z4r] h3[data-astro-cid-43iw6z4r]{color:#fff}.big-text[data-astro-cid-43iw6z4r]{font-size:1.5rem;font-weight:700;text-align:center;margin:2rem 0;padding:2rem;background:#ffffff1a;border-radius:8px}.framework-box[data-astro-cid-43iw6z4r]{padding:1.5rem;border-radius:8px;margin:1rem 0}.framework-box[data-astro-cid-43iw6z4r].react{background:#61dafb33;border:2px solid #61dafb}.framework-box[data-astro-cid-43iw6z4r].astro{background:#fff3;border:2px solid white}.framework-box[data-astro-cid-43iw6z4r] p[data-astro-cid-43iw6z4r]{margin:.5rem 0}.example-grid[data-astro-cid-43iw6z4r]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.mix-example[data-astro-cid-43iw6z4r]{background:#f3f4f6;padding:1.5rem;border-radius:8px;border-top:4px solid #10b981}.mix-example[data-astro-cid-43iw6z4r] h3[data-astro-cid-43iw6z4r]{color:#065f46;margin-top:0}.mix-example[data-astro-cid-43iw6z4r] ul[data-astro-cid-43iw6z4r]{list-style:none;padding:0}.mix-example[data-astro-cid-43iw6z4r] li[data-astro-cid-43iw6z4r]{padding:.5rem 0;margin:.3rem 0}.mix-example[data-astro-cid-43iw6z4r] .result[data-astro-cid-43iw6z4r]{margin-top:1rem;padding:1rem;background:#fff;border-radius:6px;font-weight:600;color:#065f46;border-left:3px solid #10b981}.creative-dev[data-astro-cid-43iw6z4r]{background:#fef3c7;border-top:4px solid #f59e0b}.important[data-astro-cid-43iw6z4r]{font-size:1.2rem;font-weight:700;color:#92400e;text-align:center;padding:1.5rem;background:#fff;border-radius:8px;margin:1.5rem 0}.workflow[data-astro-cid-43iw6z4r]{background:#fff;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.workflow[data-astro-cid-43iw6z4r] ol[data-astro-cid-43iw6z4r]{padding-left:1.5rem}.workflow[data-astro-cid-43iw6z4r] li[data-astro-cid-43iw6z4r]{margin:1rem 0;padding-left:.5rem}.code-example[data-astro-cid-43iw6z4r]{background:#fff;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.code-example[data-astro-cid-43iw6z4r] h4[data-astro-cid-43iw6z4r]{color:#92400e;margin-top:0}.code-example[data-astro-cid-43iw6z4r] pre[data-astro-cid-43iw6z4r]{background:#1e1e1e;color:#d4d4d4;padding:1.5rem;border-radius:6px;overflow-x:auto;margin:1rem 0}.code-example[data-astro-cid-43iw6z4r] code[data-astro-cid-43iw6z4r]{font-family:Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6}.benefit[data-astro-cid-43iw6z4r]{background:#d1fae5;padding:1.5rem;border-radius:8px;border-left:4px solid #10b981}.benefit[data-astro-cid-43iw6z4r] h4[data-astro-cid-43iw6z4r]{color:#065f46;margin-top:0}.phases[data-astro-cid-43iw6z4r]{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.phase[data-astro-cid-43iw6z4r]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.phase-header[data-astro-cid-43iw6z4r]{padding:1.5rem}.build-phase[data-astro-cid-43iw6z4r] .phase-header[data-astro-cid-43iw6z4r]{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.runtime-phase[data-astro-cid-43iw6z4r] .phase-header[data-astro-cid-43iw6z4r]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.phase-header[data-astro-cid-43iw6z4r] h3[data-astro-cid-43iw6z4r]{margin:0 0 .5rem;color:#fff}.phase-header[data-astro-cid-43iw6z4r] p[data-astro-cid-43iw6z4r]{margin:.3rem 0;opacity:.9}.phase-header[data-astro-cid-43iw6z4r] code[data-astro-cid-43iw6z4r]{background:#fff3;padding:.2rem .5rem;border-radius:3px}.phase-content[data-astro-cid-43iw6z4r]{padding:1.5rem}.phase-content[data-astro-cid-43iw6z4r] h4[data-astro-cid-43iw6z4r]{margin-top:0;color:#374151}.phase-content[data-astro-cid-43iw6z4r] ul[data-astro-cid-43iw6z4r]{list-style:none;padding:0}.phase-content[data-astro-cid-43iw6z4r] li[data-astro-cid-43iw6z4r]{padding:.5rem .5rem .5rem 1.5rem;margin:.3rem 0;position:relative}.phase-content[data-astro-cid-43iw6z4r] li[data-astro-cid-43iw6z4r]:before{content:"▸";position:absolute;left:0;color:#6366f1;font-weight:700}.arrow-down[data-astro-cid-43iw6z4r]{text-align:center;font-size:2rem;margin:1rem 0;color:#6366f1}.takeaway-grid[data-astro-cid-43iw6z4r]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem 0}.takeaway[data-astro-cid-43iw6z4r]{background:#f3f4f6;padding:1.5rem;border-radius:8px;border-top:4px solid #dc2626}.takeaway[data-astro-cid-43iw6z4r] h3[data-astro-cid-43iw6z4r]{color:#991b1b;margin-top:0;font-size:1.1rem}.takeaway[data-astro-cid-43iw6z4r] p[data-astro-cid-43iw6z4r]{margin:.5rem 0}.takeaway[data-astro-cid-43iw6z4r] code[data-astro-cid-43iw6z4r]{background:#fff;padding:.2rem .4rem;border-radius:3px;font-size:.9rem}.demo-box[data-astro-cid-43iw6z4r]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0}.static-demo[data-astro-cid-43iw6z4r],.dynamic-demo[data-astro-cid-43iw6z4r]{padding:1.5rem;border-radius:8px}.static-demo[data-astro-cid-43iw6z4r]{background:#dbeafe;border:2px solid #3b82f6}.dynamic-demo[data-astro-cid-43iw6z4r]{background:#fef3c7;border:2px solid #f59e0b}.static-demo[data-astro-cid-43iw6z4r] h3[data-astro-cid-43iw6z4r]{color:#1e40af;margin-top:0}.dynamic-demo[data-astro-cid-43iw6z4r] h3[data-astro-cid-43iw6z4r]{color:#92400e;margin-top:0}#increment-btn[data-astro-cid-43iw6z4r]{background:#f59e0b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:1rem;margin:1rem 0;transition:transform .2s}#increment-btn[data-astro-cid-43iw6z4r]:hover{transform:translateY(-2px);background:#d97706}#click-count[data-astro-cid-43iw6z4r]{font-size:1.5rem;font-weight:700;color:#92400e}code[data-astro-cid-43iw6z4r]{font-family:Monaco,Courier New,monospace}