.article-page.svelte-jot9ci{padding-bottom:3rem}.article-header.svelte-jot9ci{position:relative}.article-cover.svelte-jot9ci{width:100%;height:var(--hero-height);background:var(--bg-secondary);position:relative;overflow:hidden}.article-cover.svelte-jot9ci img:where(.svelte-jot9ci){object-fit:cover;width:100%;height:100%}.cover-overlay.svelte-jot9ci{pointer-events:none;background:linear-gradient(#0000 40%,#000000b3 100%);position:absolute;inset:0}.article-meta-top.svelte-jot9ci{z-index:2;padding:0 4% 3%;position:absolute;bottom:0;left:0;right:0}.article-title.svelte-jot9ci{font-family:var(--font-heading);color:#fff;text-shadow:1px 1px 4px #00000080;max-width:900px;margin:.75rem 0;font-size:2.8rem;font-weight:700;line-height:1.2}.article-meta-row.svelte-jot9ci{color:#ffffffd9;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.author.svelte-jot9ci{font-weight:500}.meta-sep.svelte-jot9ci{opacity:.5}.article-tags.svelte-jot9ci{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.tag.svelte-jot9ci{color:#ffffffb3;background:#ffffff26;border-radius:12px;padding:2px 10px;font-size:.8rem}.related.svelte-jot9ci{border-top:2px solid var(--border);margin-top:4rem;padding-top:2rem}.section-title.svelte-jot9ci{font-family:var(--font-heading);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.related-grid.svelte-jot9ci{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.related-card.svelte-jot9ci{color:inherit;text-decoration:none;transition:transform .2s}.related-card.svelte-jot9ci:hover{transform:translateY(-2px)}.related-card.svelte-jot9ci img:where(.svelte-jot9ci){object-fit:cover;border-radius:var(--radius);width:100%;height:180px}.badge-sm.svelte-jot9ci{background:var(--accent);color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:2px;margin-top:.75rem;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.related-body.svelte-jot9ci h3:where(.svelte-jot9ci){font-family:var(--font-heading);color:var(--text-primary);margin-top:.4rem;font-size:1rem;font-weight:700;line-height:1.4}@media (width<=768px){.article-title.svelte-jot9ci{font-size:1.8rem}.article-meta-top.svelte-jot9ci{margin-top:-5rem}.related-grid.svelte-jot9ci{grid-template-columns:1fr}}