.article-page.svelte-15r5e66.svelte-15r5e66{max-width:760px;margin:0 auto;padding:2rem 1.5rem 3rem}.article-header.svelte-15r5e66.svelte-15r5e66{margin-bottom:2rem}.article-header.svelte-15r5e66 h1.svelte-15r5e66{font-size:2rem;line-height:1.2;margin:0 0 .5rem}.article-subtitle.svelte-15r5e66.svelte-15r5e66{font-size:1.1rem;color:var(--text-muted);margin:0 0 1rem;font-weight:500}.article-meta.svelte-15r5e66.svelte-15r5e66{display:flex;align-items:center;gap:1rem}.meta-item.svelte-15r5e66.svelte-15r5e66{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-muted)}.lead-section.svelte-15r5e66.svelte-15r5e66{margin-bottom:2.5rem}.lead.svelte-15r5e66.svelte-15r5e66{font-size:1.15rem;line-height:1.7;color:var(--text-subtle);margin:0}.lead.svelte-15r5e66 a.svelte-15r5e66{color:var(--accent-primary);text-decoration:none;font-weight:500}.lead.svelte-15r5e66 a.svelte-15r5e66:hover{text-decoration:underline}.content-section.svelte-15r5e66.svelte-15r5e66{margin-bottom:2.5rem}.content-section.svelte-15r5e66 h2.svelte-15r5e66{font-size:1.5rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-soft)}.content-section.svelte-15r5e66 p.svelte-15r5e66,.content-section.svelte-15r5e66 li.svelte-15r5e66{line-height:1.7;margin:0 0 1rem}.content-section.svelte-15r5e66 ol.svelte-15r5e66,.content-section.svelte-15r5e66 ul.svelte-15r5e66{margin:0 0 1rem;padding-left:1.5rem}.content-section.svelte-15r5e66 a.svelte-15r5e66{color:var(--accent-primary);text-decoration:none;font-weight:500}.content-section.svelte-15r5e66 a.svelte-15r5e66:hover{text-decoration:underline}.content-section.svelte-15r5e66 code.svelte-15r5e66{background:var(--surface-card-muted);padding:.15em .4em;border-radius:var(--radius-control);font-size:.9em}.browser-grid.svelte-15r5e66.svelte-15r5e66{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:1.5rem 0}.browser-card.svelte-15r5e66.svelte-15r5e66{padding:1rem;border-radius:var(--radius-card);border:1px solid var(--border-soft)}.browser-card--supported.svelte-15r5e66.svelte-15r5e66{background:color-mix(in srgb,var(--accent-primary) 8%,var(--surface-card));border-color:color-mix(in srgb,var(--accent-primary) 25%,transparent)}.browser-card--supported.svelte-15r5e66 h4.svelte-15r5e66{color:var(--accent-primary);margin:0 0 .5rem;font-size:1rem}.browser-card--unsupported.svelte-15r5e66.svelte-15r5e66{background:var(--surface-card-muted);opacity:.9}.browser-card--unsupported.svelte-15r5e66 h4.svelte-15r5e66{color:var(--text-muted);margin:0 0 .5rem;font-size:1rem}.browser-card.svelte-15r5e66 p.svelte-15r5e66{margin:0;font-size:.9rem;color:var(--text-subtle);line-height:1.5}.article-nav.svelte-15r5e66.svelte-15r5e66{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-soft)}.article-nav.svelte-15r5e66 h2.svelte-15r5e66{font-size:1.25rem;margin:0 0 1.25rem}.nav-cards.svelte-15r5e66.svelte-15r5e66{display:flex;flex-direction:column;gap:.75rem}.nav-card.svelte-15r5e66.svelte-15r5e66{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-card);text-decoration:none;color:inherit;transition:all .2s ease}.nav-card.svelte-15r5e66.svelte-15r5e66:hover{border-color:var(--accent-primary);box-shadow:var(--card-shadow);transform:translate(4px)}.nav-card-icon.svelte-15r5e66.svelte-15r5e66{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--accent-primary-soft);border-radius:var(--radius-control);color:var(--accent-primary);flex-shrink:0}.nav-card-content.svelte-15r5e66.svelte-15r5e66{flex:1}.nav-card-content.svelte-15r5e66 h3.svelte-15r5e66{margin:0 0 .25rem;font-size:1rem;color:var(--text-strong)}.nav-card-content.svelte-15r5e66 p.svelte-15r5e66{margin:0;font-size:.9rem;color:var(--text-muted)}.nav-card-arrow.svelte-15r5e66.svelte-15r5e66{color:var(--text-muted);transition:transform .2s ease,color .2s ease}.nav-card.svelte-15r5e66:hover .nav-card-arrow.svelte-15r5e66{color:var(--accent-primary);transform:translate(4px)}@media (max-width: 600px){.article-page.svelte-15r5e66.svelte-15r5e66{padding:1.5rem 1rem 2rem}.article-header.svelte-15r5e66 h1.svelte-15r5e66{font-size:1.6rem}.browser-grid.svelte-15r5e66.svelte-15r5e66{grid-template-columns:1fr}}