.hero.svelte-sif0my{background:linear-gradient(135deg,var(--violet) 0%,var(--orange) 100%);color:#fff;text-align:center;padding:4rem 0;margin-bottom:4rem}.page-content.svelte-sif0my{padding-bottom:4rem}.hero.svelte-sif0my h1:where(.svelte-sif0my){font-size:2.5rem;margin-bottom:1rem;font-weight:600}.hero-subtitle.svelte-sif0my{font-size:1.125rem;margin-bottom:2rem;opacity:.95;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.content-section.svelte-sif0my{margin-bottom:5rem}.section-title.svelte-sif0my{font-size:2rem;font-weight:600;color:var(--neutral-900);margin-bottom:1rem;text-align:left}.section-description.svelte-sif0my{color:var(--neutral-700);font-size:1.1rem;margin-bottom:3rem;line-height:1.6}.subsection-title.svelte-sif0my{font-size:1.25rem;font-weight:600;color:var(--neutral-900);margin-bottom:1.5rem;margin-top:2rem}.subsection-title.svelte-sif0my:first-of-type{margin-top:0}.color-card.svelte-sif0my{height:150px;border-radius:var(--border-radius);padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.bg-lime.svelte-sif0my{color:#000}.color-info.svelte-sif0my{display:flex;flex-direction:column;gap:.25rem}.neutral-card.svelte-sif0my{height:120px;border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--neutral-200)}.bg-neutral-50.svelte-sif0my,.bg-neutral-100.svelte-sif0my,.bg-neutral-200.svelte-sif0my,.bg-neutral-300.svelte-sif0my,.bg-neutral-400.svelte-sif0my{color:var(--neutral-900)}.bg-neutral-500.svelte-sif0my,.bg-neutral-600.svelte-sif0my,.bg-neutral-700.svelte-sif0my,.bg-neutral-800.svelte-sif0my,.bg-neutral-900.svelte-sif0my{color:#fff}.neutral-info.svelte-sif0my{display:flex;flex-direction:column;gap:.25rem}.badge-contrast.svelte-sif0my{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-weight:600;font-size:.65rem}.badge-success.svelte-sif0my{background:#15803d;color:#fff}.badge-warning.svelte-sif0my{background:var(--orange);color:#fff}.badge-fail.svelte-sif0my{background:#dc2626;color:#fff}.utility-section.svelte-sif0my{margin-bottom:2.5rem}.accessibility-section.svelte-sif0my{background:var(--neutral-50);border-radius:12px;padding:3rem}.utility-grid.svelte-sif0my{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.utility-item.svelte-sif0my{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--neutral-50);border-radius:6px;border:1px solid var(--neutral-200)}.utility-name.svelte-sif0my{font-family:Courier New,monospace;font-weight:600;color:var(--violet);font-size:.9rem}.utility-desc.svelte-sif0my{font-size:.85rem;color:var(--neutral-700)}.example-box.svelte-sif0my{background:var(--neutral-900);color:#e2e8f0;padding:1.5rem;border-radius:var(--border-radius);overflow-x:auto}.example-box.svelte-sif0my pre:where(.svelte-sif0my){margin:0}.example-box.svelte-sif0my code:where(.svelte-sif0my){font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.space-y-2.svelte-sif0my>:where(.svelte-sif0my)+:where(.svelte-sif0my){margin-top:.5rem}@media (min-width: 768px){.hero.svelte-sif0my{padding:6rem 0}.hero.svelte-sif0my h1:where(.svelte-sif0my){font-size:3.5rem}.hero-subtitle.svelte-sif0my{font-size:1.25rem}.accessibility-section.svelte-sif0my{padding:4rem}}@media (min-width: 1024px){.hero.svelte-sif0my h1:where(.svelte-sif0my){font-size:4rem}}