.article-detail-page.svelte-e3xkhw{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#f9fafb)}.article-detail-container.svelte-e3xkhw{max-width:56rem;margin:0 auto;padding:2rem 1rem}@media (min-width: 640px){.article-detail-container.svelte-e3xkhw{padding:2rem 1.5rem}}@media (min-width: 1024px){.article-detail-container.svelte-e3xkhw{padding:2rem}}.loading-state.svelte-e3xkhw{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.loading-spinner.svelte-e3xkhw{width:2rem;height:2rem;border:4px solid #dbeafe;border-top:4px solid #2563eb;border-radius:50%;animation:svelte-e3xkhw-spin 1s linear infinite;margin-bottom:1rem}@keyframes svelte-e3xkhw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text.svelte-e3xkhw{color:#6b7280}.error-state.svelte-e3xkhw{text-align:center;padding:3rem 0}.error-icon.svelte-e3xkhw{font-size:3.75rem;margin-bottom:1rem}.error-title.svelte-e3xkhw{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.error-text.svelte-e3xkhw{color:#6b7280;margin-bottom:1rem}.error-button.svelte-e3xkhw{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#2563eb;color:#fff;border-radius:.5rem;text-decoration:none;transition:background-color .2s}.error-button.svelte-e3xkhw:hover{background-color:#1d4ed8}.back-section.svelte-e3xkhw{margin-bottom:1.5rem}.back-button.svelte-e3xkhw{display:inline-flex;align-items:center;color:#2563eb;text-decoration:none;transition:color .2s}.back-button.svelte-e3xkhw:hover{color:#1d4ed8}.article-header.svelte-e3xkhw{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.article-badges.svelte-e3xkhw{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.badge.svelte-e3xkhw{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.badge.breaking.svelte-e3xkhw{background-color:#fef2f2;color:#991b1b;animation:svelte-e3xkhw-pulse 2s infinite}@keyframes svelte-e3xkhw-pulse{0%,to{opacity:1}50%{opacity:.5}}.badge.featured.svelte-e3xkhw{background-color:#dbeafe;color:#1e40af}.badge.category.svelte-e3xkhw{background-color:#f3f4f6;color:#1f2937}.category-icon.svelte-e3xkhw{margin-right:.25rem}.article-title.svelte-e3xkhw{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1rem;line-height:1.1}.article-meta.svelte-e3xkhw{display:flex;flex-direction:column;gap:.75rem}.article-author.svelte-e3xkhw{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;color:#374151}.author-icon.svelte-e3xkhw{font-size:.875rem}.author-name.svelte-e3xkhw{font-weight:500}.article-dates.svelte-e3xkhw{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#6b7280}@media (min-width: 640px){.article-dates.svelte-e3xkhw{flex-direction:row}}.publish-date.svelte-e3xkhw,.update-date.svelte-e3xkhw{color:#6b7280}.article-stats.svelte-e3xkhw{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:#6b7280}.stat.svelte-e3xkhw{display:flex;align-items:center;gap:.25rem}.stat-icon.svelte-e3xkhw{font-size:.875rem}.stat-value.svelte-e3xkhw{color:#6b7280}.article-content.svelte-e3xkhw{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.article-image-section.svelte-e3xkhw{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.article-featured-image.svelte-e3xkhw{width:100%;height:16rem;object-fit:cover;object-position:center;border-radius:.5rem;transition:transform .3s;min-width:100%;min-height:100%;flex-shrink:0}@media (min-width: 640px){.article-featured-image.svelte-e3xkhw{height:20rem}}.article-featured-image.svelte-e3xkhw:hover{transform:scale(1.05)}.article-body.svelte-e3xkhw{display:flex;flex-direction:column;gap:1.5rem}.article-excerpt.svelte-e3xkhw{border-left:4px solid #3b82f6;padding-left:1rem;padding:.5rem 0 .5rem 1rem;background-color:#eff6ff;border-radius:0 .5rem .5rem 0}.excerpt-text.svelte-e3xkhw{font-size:1.125rem;color:#374151;font-style:italic}.article-content-html.svelte-e3xkhw{color:#111827;line-height:1.625}.article-tags-section.svelte-e3xkhw{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.tags-title.svelte-e3xkhw{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.75rem}.article-tags.svelte-e3xkhw{display:flex;flex-wrap:wrap;gap:.5rem}.tag.svelte-e3xkhw{background-color:#dbeafe;color:#1e40af;font-size:.875rem;padding:.25rem .75rem;border-radius:9999px}.social-sharing.svelte-e3xkhw{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.sharing-title.svelte-e3xkhw{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.75rem}.sharing-buttons.svelte-e3xkhw{display:flex;flex-wrap:wrap;gap:.75rem}.share-button.svelte-e3xkhw{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;text-decoration:none;transition:all .2s;border:none;cursor:pointer}.share-button.facebook.svelte-e3xkhw{background-color:#2563eb;color:#fff}.share-button.facebook.svelte-e3xkhw:hover{background-color:#1d4ed8}.share-button.twitter.svelte-e3xkhw{background-color:#0ea5e9;color:#fff}.share-button.twitter.svelte-e3xkhw:hover{background-color:#0284c7}.share-button.email.svelte-e3xkhw{background-color:#6b7280;color:#fff}.share-button.email.svelte-e3xkhw:hover{background-color:#4b5563}.share-button.copy.svelte-e3xkhw{background-color:#f3f4f6;color:#374151}.share-button.copy.svelte-e3xkhw:hover{background-color:#e5e7eb}.share-icon.svelte-e3xkhw{font-size:.875rem}.related-articles.svelte-e3xkhw{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem}.related-title.svelte-e3xkhw{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.75rem}.related-grid.svelte-e3xkhw{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.related-grid.svelte-e3xkhw{grid-template-columns:repeat(2,1fr)}}.related-placeholder.svelte-e3xkhw{grid-column:1 / -1;text-align:center;padding:2rem 0}.related-text.svelte-e3xkhw{color:#6b7280}