.page.svelte-msf57o{min-height:100vh;background:var(--color-bg);overflow-x:hidden}.container.svelte-msf57o{max-width:720px;margin:0 auto;width:100%;padding:40px 24px 80px}.article-header.svelte-msf57o{margin-bottom:48px}.back-link.svelte-msf57o{display:inline-block;font-family:var(--font-sans);font-size:14px;color:var(--color-text-secondary);text-decoration:none;margin-bottom:24px}.back-link.svelte-msf57o:hover{color:var(--color-text)}.article-meta.svelte-msf57o{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.category.svelte-msf57o{font-family:var(--font-sans);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px}.date.svelte-msf57o,.read-time.svelte-msf57o{font-family:var(--font-sans);font-size:14px;color:var(--color-text-muted)}.article-header.svelte-msf57o h1:where(.svelte-msf57o){font-family:var(--font-serif);font-size:clamp(32px,5vw,44px);font-weight:400;line-height:1.2;color:var(--color-text);margin:0 0 16px}.article-lead.svelte-msf57o{font-family:var(--font-sans);font-size:18px;line-height:1.7;color:var(--color-text-secondary);margin:0}.article-content.svelte-msf57o{font-family:var(--font-sans);font-size:16px;line-height:1.8;color:var(--color-text)}.article-content.svelte-msf57o h2:where(.svelte-msf57o){font-family:var(--font-serif);font-size:28px;font-weight:400;color:var(--color-text);margin:48px 0 16px}.article-content.svelte-msf57o h3:where(.svelte-msf57o){font-family:var(--font-sans);font-size:18px;font-weight:600;color:var(--color-text);margin:32px 0 12px}.article-content.svelte-msf57o p:where(.svelte-msf57o){margin:0 0 20px;color:var(--color-text-secondary)}.article-content.svelte-msf57o ul:where(.svelte-msf57o){margin:0 0 20px;padding-left:24px;color:var(--color-text-secondary)}.article-content.svelte-msf57o li:where(.svelte-msf57o){margin-bottom:8px}.article-content.svelte-msf57o strong:where(.svelte-msf57o){color:var(--color-text)}.article-content.svelte-msf57o a:where(.svelte-msf57o){color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.article-content.svelte-msf57o a:where(.svelte-msf57o):hover{opacity:.8}.article-content.svelte-msf57o code:where(.svelte-msf57o){font-size:14px;background:var(--color-bg-subtle, #f5f5f4);padding:2px 6px;border-radius:4px}.tip-box.svelte-msf57o{padding:20px;background:#f0fdf4;border-left:3px solid #22c55e;border-radius:8px;margin:24px 0;font-size:15px}.warning-box.svelte-msf57o{padding:20px;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:8px;margin:24px 0;font-size:15px}.email-highlight.svelte-msf57o{font-family:var(--font-sans);font-size:20px;font-weight:500;text-align:center;padding:24px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;margin:24px 0}.article-footer.svelte-msf57o{margin-top:64px;padding-top:48px;border-top:1px solid var(--color-border)}.cta-box.svelte-msf57o{background:var(--color-accent);border-radius:16px;padding:32px;text-align:center;margin-bottom:32px}.cta-box.svelte-msf57o h3:where(.svelte-msf57o){font-family:var(--font-serif);font-size:24px;color:#fff;margin:0 0 8px}.cta-box.svelte-msf57o p:where(.svelte-msf57o){font-family:var(--font-sans);font-size:15px;color:#ffffffb3;margin:0 0 20px}.cta-button.svelte-msf57o{display:inline-block;padding:12px 24px;background:#fff;border-radius:8px;font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--color-text);text-decoration:none}.share-section.svelte-msf57o{text-align:center}.share-section.svelte-msf57o p:where(.svelte-msf57o){font-family:var(--font-sans);font-size:14px;color:var(--color-text-muted);margin:0 0 12px}.share-buttons.svelte-msf57o{display:flex;justify-content:center;gap:12px}.share-button.svelte-msf57o{padding:10px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-family:var(--font-sans);font-size:14px;color:var(--color-text-secondary);text-decoration:none}.share-button.svelte-msf57o:hover{border-color:var(--color-border-strong)}.illustration.svelte-msf57o{margin:32px 0;border-radius:12px;overflow:hidden}.illustration.svelte-msf57o svg:where(.svelte-msf57o){width:100%;height:auto;display:block}.hero-illustration.svelte-msf57o{margin:0 0 48px}@media(max-width:480px){.hero-illustration.svelte-msf57o svg:where(.svelte-msf57o){min-height:180px}}