.article-page.svelte-1f19a26{padding-block:2rem clamp(3rem,7vw,6rem)}.back.svelte-1f19a26{text-underline-offset:.3em;text-decoration:underline}.article-header.svelte-1f19a26{max-width:58rem;margin-inline:auto}h1.svelte-1f19a26{letter-spacing:-.05em;margin:1.25rem 0 1.75rem;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:500;line-height:1.07}.excerpt.svelte-1f19a26{color:var(--color-gray-600);max-width:48rem;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.7}img.svelte-1f19a26{width:100%;height:auto;display:block}.hero-image.svelte-1f19a26{border-radius:1rem;max-width:64rem;margin:clamp(2rem,5vw,4rem) auto}.article-body.svelte-1f19a26{max-width:44rem;margin-inline:auto}.article-body.svelte-1f19a26 section:where(.svelte-1f19a26){margin-bottom:3rem}h2.svelte-1f19a26{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.2}.article-body.svelte-1f19a26 p:where(.svelte-1f19a26){color:var(--color-gray-600);font-size:1.1rem;line-height:1.9}.product-cta.svelte-1f19a26{background:var(--color-gray-950);color:#fff;border-radius:1rem;margin:3rem 0 2rem;padding:clamp(1.5rem,4vw,2.5rem)}.product-cta.svelte-1f19a26 p:where(.svelte-1f19a26){color:var(--color-gray-300);font-size:1rem}.actions.svelte-1f19a26{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.secondary.svelte-1f19a26{color:var(--color-gray-950);background:#fff}.secondary.svelte-1f19a26:hover{background:var(--color-gray-200)}.back.svelte-1f19a26{font-size:.9rem}.related.svelte-1f19a26{border-top:1px solid var(--color-gray-200);margin-top:clamp(3rem,7vw,6rem);padding-top:2rem}.related-card.svelte-1f19a26{border:1px solid var(--color-gray-200);border-radius:1rem;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);margin-top:2rem;padding:clamp(1rem,3vw,2rem);display:grid}.related-card.svelte-1f19a26 img:where(.svelte-1f19a26){border-radius:.5rem}h3.svelte-1f19a26{letter-spacing:-.03em;margin:.75rem 0 1rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.related-card.svelte-1f19a26 p:where(.svelte-1f19a26){color:var(--color-gray-600);line-height:1.75}.read-link.svelte-1f19a26{margin-top:1.5rem;font-size:.9rem;font-weight:600;display:block}.read-link.svelte-1f19a26 span:where(.svelte-1f19a26){color:#f36300}.related-card.svelte-1f19a26:hover h3:where(.svelte-1f19a26){text-underline-offset:.2em;text-decoration:underline}@media (width<=640px){.related-card.svelte-1f19a26{grid-template-columns:1fr}}
