.articles-page.svelte-a1a7z4{max-width:1000px;margin:0 auto;padding:0 20px 48px}.page-header.svelte-a1a7z4{padding:28px 0 24px}h1.svelte-a1a7z4{font-size:24px;font-weight:700;letter-spacing:-.3px}.header-sub.svelte-a1a7z4{font-size:13px;color:var(--text-muted);margin-top:4px}.empty-state.svelte-a1a7z4{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state.svelte-a1a7z4 .material-icons:where(.svelte-a1a7z4){font-size:48px;margin-bottom:12px;opacity:.3}.hero-card.svelte-a1a7z4{display:block;text-decoration:none;color:inherit;border-radius:12px;overflow:hidden;margin-bottom:24px;border:1px solid var(--border);transition:border-color .15s,box-shadow .15s}.hero-card.svelte-a1a7z4:hover{border-color:#555;box-shadow:0 8px 32px #00000080}.hero-image-wrap.svelte-a1a7z4{position:relative;width:100%;aspect-ratio:21 / 9;background:#111118;overflow:hidden}.hero-img.svelte-a1a7z4{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.hero-card.svelte-a1a7z4:hover .hero-img:where(.svelte-a1a7z4){transform:scale(1.02)}.hero-overlay.svelte-a1a7z4{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,transparent 100%)}.hero-text.svelte-a1a7z4{position:absolute;bottom:0;left:0;right:0;padding:28px 32px}.hero-meta.svelte-a1a7z4{display:flex;gap:6px;margin-bottom:10px}.hero-tag.svelte-a1a7z4{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px}.hero-text.svelte-a1a7z4 h2:where(.svelte-a1a7z4){font-size:28px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.25}.hero-subtitle.svelte-a1a7z4{font-size:15px;color:#ffffffbf;line-height:1.4;margin:0 0 12px}.hero-footer.svelte-a1a7z4{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffff80}.articles-grid.svelte-a1a7z4{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-card.svelte-a1a7z4{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.article-card.svelte-a1a7z4:hover{border-color:#555;transform:translateY(-2px)}.card-image-wrap.svelte-a1a7z4{width:100%;aspect-ratio:16 / 9;background:#111118;overflow:hidden}.card-img.svelte-a1a7z4{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.article-card.svelte-a1a7z4:hover .card-img:where(.svelte-a1a7z4){transform:scale(1.03)}.card-img-placeholder.svelte-a1a7z4{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#0d0d1a,#16213e);color:#ffffff14}.card-img-placeholder.svelte-a1a7z4 .material-icons:where(.svelte-a1a7z4){font-size:48px}.card-body.svelte-a1a7z4{flex:1;display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}.card-tags.svelte-a1a7z4{display:flex;gap:8px}.card-tag.svelte-a1a7z4{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.card-body.svelte-a1a7z4 h3:where(.svelte-a1a7z4){font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.card-desc.svelte-a1a7z4{font-size:12.5px;color:var(--text-secondary);line-height:1.5;flex:1}.card-footer.svelte-a1a7z4{margin-top:auto;padding-top:6px}.card-date.svelte-a1a7z4{font-size:11px;color:var(--text-muted)}.methodology-note.svelte-a1a7z4{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;margin-top:32px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:12.5px;color:var(--text-muted);line-height:1.5}.info-icon.svelte-a1a7z4{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--text-muted)}.methodology-note.svelte-a1a7z4 p:where(.svelte-a1a7z4){margin:0}.methodology-note.svelte-a1a7z4 a:where(.svelte-a1a7z4){color:#42a5f5;text-decoration:none}.methodology-note.svelte-a1a7z4 a:where(.svelte-a1a7z4):hover{text-decoration:underline}@media(max-width:640px){.articles-page.svelte-a1a7z4{padding:0 12px 32px}.articles-grid.svelte-a1a7z4{grid-template-columns:1fr}.hero-text.svelte-a1a7z4{padding:20px}.hero-text.svelte-a1a7z4 h2:where(.svelte-a1a7z4){font-size:22px}.hero-image-wrap.svelte-a1a7z4{aspect-ratio:16 / 9}}