.hero.svelte-1gyup5m{aspect-ratio:21/9;background:var(--c-bg);overflow:hidden}.hero.svelte-1gyup5m img:where(.svelte-1gyup5m){object-fit:cover;width:100%;height:100%}@media (width<=700px){.hero.svelte-1gyup5m{aspect-ratio:16/9}}.body-wrap.svelte-1gyup5m{max-width:820px;margin:0 auto;padding-top:2.5rem;padding-bottom:5rem}.back.svelte-1gyup5m{color:var(--c-text-muted);margin-bottom:1.5rem;font-size:.9rem;display:inline-block}.back.svelte-1gyup5m:hover{color:var(--c-primary)}.head.svelte-1gyup5m{margin-bottom:2rem}.meta.svelte-1gyup5m{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.badge.svelte-1gyup5m{background:var(--c-accent);color:var(--c-primary);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}time.svelte-1gyup5m{color:var(--c-text-muted);font-size:.9rem}h1.svelte-1gyup5m{margin:0 0 1rem;font-size:clamp(1.8rem,3.5vw,2.6rem)}.excerpt.svelte-1gyup5m{color:var(--c-text-muted);font-size:1.1rem;line-height:1.55}.content.svelte-1gyup5m{font-size:1.02rem;line-height:1.75}.content.svelte-1gyup5m p:where(.svelte-1gyup5m){color:var(--c-text);margin:0 0 1.25rem}.content.svelte-1gyup5m ul:where(.svelte-1gyup5m){margin:0 0 1.5rem;padding-left:1.5rem}.content.svelte-1gyup5m li:where(.svelte-1gyup5m){margin-bottom:.4rem}.related.svelte-1gyup5m{border-top:1px solid var(--c-border);margin-top:4rem;padding-top:2.5rem}.related.svelte-1gyup5m h2:where(.svelte-1gyup5m){margin:0 0 1.5rem;font-size:1.25rem}.rel-grid.svelte-1gyup5m{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.rel-card.svelte-1gyup5m{border:1px solid var(--c-border);color:var(--c-text);background:#fff;border-radius:12px;transition:all .2s;overflow:hidden}.rel-card.svelte-1gyup5m:hover{box-shadow:var(--shadow-md);color:var(--c-text);transform:translateY(-2px)}.rel-cover.svelte-1gyup5m{aspect-ratio:16/9;background:var(--c-bg);overflow:hidden}.rel-cover.svelte-1gyup5m img:where(.svelte-1gyup5m){object-fit:cover;width:100%;height:100%}.rel-body.svelte-1gyup5m{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.rel-body.svelte-1gyup5m h3:where(.svelte-1gyup5m){color:var(--c-primary);margin:0;font-size:.95rem;line-height:1.3}@media (width<=800px){.rel-grid.svelte-1gyup5m{grid-template-columns:1fr}}