:root{--md-background:#fff;--md-foreground:#1a1a1a;--md-accent:#06c;--md-border:#ddd;--md-section-gap:2rem}.math-demos-root{color:var(--md-foreground);background:var(--md-background);max-width:960px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.math-demos-root:has(.full-width-page){max-width:100%;padding:2rem 3rem}.math-demos-root h1{margin-bottom:.5rem;font-size:2rem}.math-demos-root h2{margin-top:var(--md-section-gap);margin-bottom:.5rem;font-size:1.5rem}.math-demos-root h3{margin-bottom:.25rem;font-size:1.1rem}.math-demos-root p{margin-bottom:1rem}.math-demos-root a{color:var(--md-accent);text-decoration:underline}.math-demos-root .page-header{border-bottom:2px solid var(--md-border);margin-bottom:2rem;padding-bottom:1rem}.math-demos-root .page-header p{color:#555}.math-demos-root .back-link{margin-bottom:1rem;font-size:.9rem;display:inline-block}.math-demos-root .category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.math-demos-root .category-card{border:1px solid var(--md-border);border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.math-demos-root .category-card:hover{box-shadow:0 2px 8px #0000001a}.math-demos-root .category-card h2{margin-top:0;font-size:1.2rem}.math-demos-root .category-card p{color:#555;font-size:.9rem}.math-demos-root .category-card .renderer-badge{border-radius:9999px;margin-top:.5rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.math-demos-root .badge-native{color:#1e40af;background:#dbeafe}.math-demos-root .badge-mathjax4{color:#166534;background:#dcfce7}.math-demos-root .badge-mathjax3{color:#065f46;background:#d1fae5}.math-demos-root .badge-mathjax2{color:#854d0e;background:#fef9c3}.math-demos-root .badge-katex{color:#9d174d;background:#fce7f3}.math-demos-root .badge-tool{color:#6b21a8;background:#f3e8ff}.math-demos-root .math-section{border:1px solid var(--md-border);border-left:4px solid var(--md-accent);background:#f8fafc;border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.math-demos-root .math-section h3{color:var(--md-accent);margin-top:0}.math-demos-root .math-expression{border:1px dashed var(--md-border);background:#fff;border-radius:4px;margin-bottom:.75rem;padding:1rem;overflow-x:auto}.math-demos-root .math-expression:last-child{margin-bottom:0}.math-demos-root .math-expression .label{color:#888;margin-bottom:.25rem;font-size:.8rem}.math-demos-root .compare-controls{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.math-demos-root .compare-controls label{cursor:pointer;align-items:center;gap:.35rem;font-size:.95rem;font-weight:500;display:flex}.math-demos-root .iframe-grid{gap:1rem;display:grid}.math-demos-root .iframe-grid.cols-2{grid-template-columns:1fr 1fr}.math-demos-root .iframe-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.math-demos-root .iframe-grid.cols-4{grid-template-columns:1fr 1fr}.math-demos-root .iframe-grid.cols-5{grid-template-columns:1fr 1fr 1fr}.math-demos-root .iframe-wrapper{border:1px solid var(--md-border);border-radius:8px;overflow:hidden}.math-demos-root .iframe-wrapper h3{border-bottom:1px solid var(--md-border);background:#f5f5f5;margin:0;padding:.5rem 1rem;font-size:.95rem}.math-demos-root .iframe-wrapper iframe{border:none;width:100%;min-height:600px}.math-demos-root .renderer-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:2rem;padding:1rem 1.5rem;font-size:.9rem}.math-demos-root .renderer-info code{background:#e0f2fe;border-radius:3px;padding:.1rem .35rem;font-size:.85rem}