.diagrams-page.svelte-b09drn{max-width:1000px;margin:0 auto;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-header.svelte-b09drn{margin-bottom:3rem;border-bottom:3px solid #FF6B35;padding-bottom:2rem}.breadcrumb.svelte-b09drn{font-size:.9rem;margin-bottom:1rem;color:#666}.breadcrumb.svelte-b09drn a:where(.svelte-b09drn){color:#ff6b35;text-decoration:none}.breadcrumb.svelte-b09drn a:where(.svelte-b09drn):hover{text-decoration:underline}h1.svelte-b09drn{font-size:2.5rem;margin:.5rem 0;color:#000}.subtitle.svelte-b09drn{font-size:1.2rem;color:#666;margin:.5rem 0 0}.diagrams-grid.svelte-b09drn{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}.diagram-card.svelte-b09drn{background:#f8f9fa;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .2s ease}.diagram-card.svelte-b09drn:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3526}.diagram-category.svelte-b09drn{display:inline-block;background:#ff6b35;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;margin-bottom:.75rem}.diagram-card.svelte-b09drn h2:where(.svelte-b09drn){font-size:1.25rem;margin:0 0 .5rem;color:#000}.diagram-card.svelte-b09drn p:where(.svelte-b09drn){font-size:.95rem;color:#666;margin:0 0 1rem;line-height:1.5}.view-link.svelte-b09drn{color:#ff6b35;font-weight:600;font-size:.9rem}.usage-note.svelte-b09drn{background:#f8f9fa;border-radius:12px;padding:2rem}.usage-note.svelte-b09drn h2:where(.svelte-b09drn){font-size:1.5rem;margin:0 0 1rem;color:#000}.usage-note.svelte-b09drn p:where(.svelte-b09drn){margin:0 0 1rem;color:#666}.usage-note.svelte-b09drn ul:where(.svelte-b09drn){margin:0;padding-left:1.5rem}.usage-note.svelte-b09drn li:where(.svelte-b09drn){margin-bottom:.5rem;color:#333}@media (max-width: 768px){.diagrams-grid.svelte-b09drn{grid-template-columns:1fr}h1.svelte-b09drn{font-size:2rem}}