.page-container.svelte-lbghg0{max-width:1200px;margin:0 auto;padding:2rem}.page-header.svelte-lbghg0{text-align:center;margin-bottom:3rem}.page-header.svelte-lbghg0 h1:where(.svelte-lbghg0){font-size:3rem;font-weight:700;color:var(--lg-text-primary, #111827);margin-bottom:1rem}.subtitle.svelte-lbghg0{font-size:1.25rem;color:var(--lg-text-secondary, #374151);max-width:600px;margin:0 auto;line-height:1.6}.section.svelte-lbghg0{background:var(--lg-bg-primary, white);border-radius:1rem;padding:2.5rem;margin-bottom:2rem;border:2px solid var(--lg-warm-200, #e5e7eb);box-shadow:0 2px 8px #0000000d}.section.svelte-lbghg0 h2:where(.svelte-lbghg0){display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:600;color:var(--lg-text-primary, #111827);margin-bottom:1rem}.section-description.svelte-lbghg0{color:var(--lg-text-secondary, #374151);line-height:1.7;margin-bottom:2rem;max-width:800px}.grid-demo.svelte-lbghg0{display:flex;flex-direction:column;gap:2rem}.grid-container.svelte-lbghg0{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.grid-column.svelte-lbghg0{background:var(--lg-gray-100, #f3f4f6);border-radius:.375rem;padding:.5rem;text-align:center;font-size:.75rem;color:var(--lg-text-muted, #6b7280);border:1px solid var(--lg-gray-200, #e5e7eb)}.column-content.svelte-lbghg0{background:var(--lg-bg-primary, white);border-radius:.25rem;padding:.25rem}.grid-examples.svelte-lbghg0{display:flex;flex-direction:column;gap:1.5rem}.grid-example.svelte-lbghg0 h4:where(.svelte-lbghg0){font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--lg-text-primary, #111827)}.grid-item.svelte-lbghg0{background:var(--lg-primary-light, rgba(70, 109, 77, .1));border:2px solid var(--lg-primary, #466d4d);border-radius:.5rem;padding:1rem;text-align:center;font-weight:500;color:var(--lg-primary, #466d4d)}.breakpoints.svelte-lbghg0{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.breakpoint-card.svelte-lbghg0{background:var(--lg-gradient-card);border:1px solid var(--lg-warm-200, #e5e7eb);border-radius:.75rem;padding:2rem;text-align:center;transition:transform .2s,box-shadow .2s}.breakpoint-card.svelte-lbghg0:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.device-icon.svelte-lbghg0{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--lg-primary-light, rgba(70, 109, 77, .1));border-radius:50%;margin-bottom:1rem;color:var(--lg-primary, #466d4d)}.breakpoint-card.svelte-lbghg0 h3:where(.svelte-lbghg0){font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--lg-text-primary, #111827)}.breakpoint-range.svelte-lbghg0{font-family:monospace;font-size:.875rem;color:var(--lg-primary, #466d4d);margin-bottom:1rem}.breakpoint-features.svelte-lbghg0{list-style:none;padding:0;margin:0;text-align:left;display:inline-block}.breakpoint-features.svelte-lbghg0 li:where(.svelte-lbghg0){position:relative;padding-left:1.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--lg-text-secondary, #374151)}.breakpoint-features.svelte-lbghg0 li:where(.svelte-lbghg0):before{content:"✓";position:absolute;left:0;color:var(--lg-success, #10b981);font-weight:700}.layout-patterns.svelte-lbghg0{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.pattern-demo.svelte-lbghg0 h3:where(.svelte-lbghg0){font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--lg-text-primary, #111827)}.pattern-preview.svelte-lbghg0{background:var(--lg-gray-50, #f9fafb);border:1px solid var(--lg-gray-200, #e5e7eb);border-radius:.75rem;padding:1rem;min-height:200px}.pattern-grid.svelte-lbghg0{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem}.grid-item-demo.svelte-lbghg0{background:var(--lg-primary-light, rgba(70, 109, 77, .2));border-radius:.375rem;aspect-ratio:1}.pattern-cards.svelte-lbghg0{display:flex;flex-direction:column;gap:.75rem}.card-demo.svelte-lbghg0{background:var(--lg-bg-primary, white);border:1px solid var(--lg-gray-200, #e5e7eb);border-radius:.5rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.card-header.svelte-lbghg0,.card-body.svelte-lbghg0,.card-footer.svelte-lbghg0{background:var(--lg-gray-200, #e5e7eb);border-radius:.25rem;height:20px}.card-body.svelte-lbghg0{height:40px}.pattern-dashboard.svelte-lbghg0{display:grid;grid-template-columns:80px 1fr;gap:.75rem;height:200px}.dashboard-sidebar.svelte-lbghg0{background:var(--lg-gray-300, #d1d5db);border-radius:.375rem}.dashboard-main.svelte-lbghg0{display:flex;flex-direction:column;gap:.75rem}.dashboard-header.svelte-lbghg0{background:var(--lg-gray-200, #e5e7eb);border-radius:.375rem;height:30px}.dashboard-content.svelte-lbghg0{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;flex:1}.dashboard-widget.svelte-lbghg0{background:var(--lg-gray-200, #e5e7eb);border-radius:.375rem}.dashboard-widget.wide.svelte-lbghg0{grid-column:span 2}.pattern-split.svelte-lbghg0{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;height:150px}.split-left.svelte-lbghg0,.split-right.svelte-lbghg0{background:var(--lg-gray-200, #e5e7eb);border-radius:.375rem}.split-left.svelte-lbghg0{background:var(--lg-primary-light, rgba(70, 109, 77, .2))}.best-practices.svelte-lbghg0{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.practice-card.svelte-lbghg0{background:var(--lg-gray-50, #f9fafb);border:1px solid var(--lg-gray-200, #e5e7eb);border-radius:.75rem;padding:1.5rem;transition:transform .2s}.practice-card.svelte-lbghg0:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.practice-card.svelte-lbghg0 h3:where(.svelte-lbghg0){font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--lg-text-primary, #111827)}.practice-card.svelte-lbghg0 p:where(.svelte-lbghg0){font-size:.875rem;color:var(--lg-text-secondary, #374151);line-height:1.6;margin:0}@media (max-width: 768px){.page-container.svelte-lbghg0{padding:1rem}.page-header.svelte-lbghg0 h1:where(.svelte-lbghg0){font-size:2rem}.section.svelte-lbghg0{padding:1.5rem}.grid-container.svelte-lbghg0{grid-template-columns:repeat(6,1fr);font-size:.625rem}.grid-column.svelte-lbghg0:nth-child(n+7){display:none}.layout-patterns.svelte-lbghg0{grid-template-columns:1fr}}.dark-mode-override .section.svelte-lbghg0{background:var(--lg-bg-secondary, #242424);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .page-header.svelte-lbghg0 h1:where(.svelte-lbghg0){color:var(--lg-primary)}.dark-mode-override .subtitle.svelte-lbghg0,.dark-mode-override .section-description.svelte-lbghg0{color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .grid-demo.svelte-lbghg0{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .grid-column.svelte-lbghg0{background:var(--lg-primary);opacity:.8}