.hero.svelte-1teoznn{background-size:cover;background-position:center;color:#fff;text-align:center;padding:var(--space-24) var(--space-8) var(--space-16)}.hero-content.svelte-1teoznn{max-width:800px;margin:0 auto}.back-link.svelte-1teoznn{color:#fffc;text-decoration:none;font-size:var(--text-sm);display:inline-block;margin-bottom:var(--space-6)}.back-link.svelte-1teoznn:hover{color:#fff}.category-tag.svelte-1teoznn{display:inline-block;padding:4px 12px;border-radius:999px;background:#ffffff26;font-size:var(--text-xs, 12px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4)}.hero.svelte-1teoznn h1:where(.svelte-1teoznn){font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;margin-bottom:var(--space-6)}.meta.svelte-1teoznn{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;font-size:var(--text-sm);opacity:.9}.meta.svelte-1teoznn .role:where(.svelte-1teoznn){font-style:italic}.article.svelte-1teoznn{padding:var(--space-16) 0 var(--space-24)}.container.svelte-1teoznn{max-width:720px;margin:0 auto;padding:0 var(--space-8)}.article-body.svelte-1teoznn{margin-bottom:var(--space-12)}.lead.svelte-1teoznn{font-size:var(--text-xl);color:var(--color-primary);font-weight:var(--font-medium);line-height:1.6;margin-bottom:var(--space-8)}.article-body.svelte-1teoznn p{font-size:var(--text-lg);color:var(--color-text);line-height:1.8;margin-bottom:var(--space-6)}.article-body.svelte-1teoznn h2,.article-body.svelte-1teoznn h3{font-family:var(--font-display);color:var(--color-primary);margin:var(--space-10) 0 var(--space-4);line-height:1.3}.article-body.svelte-1teoznn img{max-width:100%;height:auto;border-radius:var(--radius-md, 8px);margin:var(--space-6) 0}.article-body.svelte-1teoznn a{color:var(--color-teal, #0891b2);text-decoration:underline}.article-body.svelte-1teoznn blockquote{border-left:4px solid var(--color-teal, #0891b2);padding-left:var(--space-6);margin:var(--space-6) 0;font-style:italic;color:var(--color-text-muted)}.article-gallery.svelte-1teoznn{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.gallery-img.svelte-1teoznn{width:100%;border-radius:var(--radius-lg);object-fit:cover;aspect-ratio:3/2}.related.svelte-1teoznn{margin-top:var(--space-16, 48px);padding-top:var(--space-12);border-top:1px solid var(--color-gray-200)}.related.svelte-1teoznn h3:where(.svelte-1teoznn){font-family:var(--font-display);font-size:var(--text-2xl, 24px);margin-bottom:var(--space-6);color:var(--color-primary)}.related-grid.svelte-1teoznn{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.related-card.svelte-1teoznn{background:#fff;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 2px #0000000d;transition:transform .2s}.related-card.svelte-1teoznn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.related-image.svelte-1teoznn{height:120px;background-size:cover;background-position:center;background-color:var(--color-gray-100)}.related-image.placeholder.svelte-1teoznn{background:linear-gradient(135deg,var(--color-primary),var(--color-teal, #0891b2))}.related-body.svelte-1teoznn{padding:var(--space-3, 12px)}.related-title.svelte-1teoznn{font-weight:600;font-size:var(--text-md, 14px);color:var(--color-text);margin-bottom:4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-date.svelte-1teoznn{font-size:var(--text-xs, 12px);color:var(--color-text-muted)}.article-footer.svelte-1teoznn{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;padding-top:var(--space-8);border-top:1px solid var(--color-gray-200);margin-top:var(--space-12)}.btn.svelte-1teoznn{display:inline-block;padding:var(--space-3) var(--space-8);border-radius:var(--radius-md);font-weight:var(--font-semibold);text-decoration:none;font-size:var(--text-md)}.btn-primary.svelte-1teoznn{background:var(--color-teal);color:#fff}.btn-primary.svelte-1teoznn:hover{background:var(--color-primary)}.btn-outline.svelte-1teoznn{background:transparent;border:2px solid var(--color-gray-300);color:var(--color-text)}.btn-outline.svelte-1teoznn:hover{border-color:var(--color-teal);color:var(--color-teal)}
