article h1{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-gray-900);margin:0 0 1rem}article .lead{font-size:1.25rem;line-height:1.6;color:var(--color-gray-600);margin:0 0 2rem}article h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin:2.5rem 0 1rem;padding-top:1rem;border-top:1px solid var(--color-gray-200)}article h2:first-of-type{border-top:none;padding-top:0}article h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin:2rem 0 .75rem}article h4{font-size:1rem;font-weight:600;color:var(--color-gray-800);margin:1.5rem 0 .5rem}article p{font-size:1rem;line-height:1.7;color:var(--color-gray-700);margin:0 0 1rem}article ul{margin:0 0 1.5rem;padding-left:1.5rem}article li{font-size:1rem;line-height:1.7;color:var(--color-gray-700);margin-bottom:.5rem}article code{font-family:var(--font-mono);font-size:.875em;background:var(--color-gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm);color:var(--color-gray-800)}article a{color:#7c3aed;font-weight:500}article a:hover{text-decoration:underline}@media (max-width: 640px){article h1{font-size:2rem}}.code-block,.code-example{background:var(--color-gray-900);border-radius:var(--radius-lg);overflow:hidden;margin:1rem 0 1.5rem}.code-block pre,.code-example pre{margin:0;padding:1.25rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;color:var(--color-gray-300);overflow-x:auto}.code-block code,.code-example code{background:none;padding:0;font-size:inherit;color:inherit}.code-block .keyword,.code-example .keyword{color:#c084fc}.code-block .string,.code-example .string{color:#86efac}.code-block .number,.code-example .number,.code-block .decorator,.code-example .decorator{color:#fbbf24}.code-block .function,.code-example .function{color:#60a5fa}.code-block .property,.code-example .property{color:#93c5fd}.code-block .class,.code-example .class{color:#67e8f9}.code-block .tag,.code-example .tag{color:#f87171}.code-block .attr,.code-example .attr{color:#a5b4fc}.code-block .comment,.code-example .comment{color:#6b7280;font-style:italic}.code-block--inline{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}.code-block--inline code{font-family:var(--font-mono);font-size:.875rem;color:var(--color-gray-300)}.copy-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;color:var(--color-gray-400);cursor:pointer;transition:color var(--transition-fast)}.copy-btn:hover{color:var(--color-white)}.copy-btn svg{display:block}.prop-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.875rem}.prop-table th{text-align:left;padding:.625rem 1rem;font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.prop-table td{padding:.625rem 1rem;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:top}.prop-table tr:last-child td{border-bottom:none}.prop-table .prop-name{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-gray-900);white-space:nowrap}.prop-table .prop-type{font-family:var(--font-mono);font-size:.8125rem;color:#7c3aed;white-space:nowrap}.prop-table .prop-default{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-gray-500)}.prop-table .prop-desc{color:var(--color-gray-600);line-height:1.5}.preview-box{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:2rem;margin:1rem 0 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.preview-box.preview-center{justify-content:center;align-items:center}.preview-box.preview-column{flex-direction:column}a{color:inherit;text-decoration:none}