.examples-page{max-width:960px;margin:0 auto;padding:110px 24px 64px;line-height:1.8;color:var(--text-primary)}
.examples-page h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.3;margin:20px 0}.examples-page h2{line-height:1.4;margin:0 0 16px}.examples-page p{margin:12px 0}.examples-page a:not(.btn){color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--accent-400);text-underline-offset:.18em}
.examples-page section,.example-card{margin:32px 0}.examples-page ul,.examples-page ol{padding-left:24px}.lead{font-size:1.1rem;color:var(--text-secondary)}
.example-warning{padding:16px 20px;border-left:4px solid var(--accent-400);background:var(--bg-secondary);border-radius:8px;margin:20px 0}
.example-contents{display:grid;gap:12px;margin:28px 0}.example-card{padding:24px;border:1px solid var(--border-color,rgba(128,128,128,.25));border-radius:16px;scroll-margin-top:90px}
.example-card figure{margin:20px 0;background:var(--bg-secondary);border-radius:12px;padding:16px;color:var(--text-primary)}.example-card svg{display:block;width:100%;height:220px}.example-card figcaption{color:var(--text-secondary);font-size:.85rem;margin-top:10px}
.example-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.example-metrics dt{color:var(--text-secondary);font-size:.9rem}.example-metrics dd{margin:4px 0;font-weight:700}
.table-responsive{max-width:100%;overflow:auto}.example-card table{width:100%;border-collapse:collapse;text-align:left}.example-card caption{text-align:left;color:var(--text-secondary);padding:12px 0}.example-card th,.example-card td{padding:10px;border-bottom:1px solid rgba(128,128,128,.25)}.example-card th[scope=row]{white-space:nowrap}.example-open{margin-top:12px;white-space:normal;text-align:center}
@media(max-width:600px){.examples-page{padding:90px 16px 48px}.example-card{padding:18px 14px}.example-metrics{grid-template-columns:1fr}.example-card svg{height:170px}.example-card th,.example-card td{padding:8px 6px}.example-open{display:flex}}