.blog-shell.svelte-u4k2t{width:100%;min-height:var(--app-viewport-height,100vh);background:linear-gradient(180deg, #ffffff85, #fff0), var(--qc-app-surface);color:#0b1020;flex-direction:column;display:flex}.blog-page.svelte-u4k2t{width:min(100%,91rem);margin:0 auto;padding:1rem clamp(.9rem,2.4vw,2rem) 3rem}.blog-hero.svelte-u4k2t{border-bottom:1px solid #69818f26;grid-template-columns:minmax(0,.86fr) minmax(17rem,.72fr);align-items:center;gap:clamp(1rem,3vw,2.4rem);padding:clamp(1.1rem,2.5vw,2.2rem) 0;display:grid}.blog-hero-copy.svelte-u4k2t{min-width:0;max-width:48rem}.blog-kicker.svelte-u4k2t{color:#168458;letter-spacing:0;text-transform:uppercase;margin:0 0 .65rem;font-size:.78rem;font-weight:620}.blog-hero.svelte-u4k2t h1:where(.svelte-u4k2t),.blog-section-heading.svelte-u4k2t h2:where(.svelte-u4k2t){color:#123f35;letter-spacing:0;margin:0}.blog-hero.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:clamp(1.55rem,3vw,2.55rem);font-weight:560;line-height:1.06}.blog-hero.svelte-u4k2t p:where(.svelte-u4k2t),.blog-section-heading.svelte-u4k2t p:where(.svelte-u4k2t){color:#526778;margin:.75rem 0 0;font-weight:400;line-height:1.45}.blog-hero-link.svelte-u4k2t{color:#0f6b3d;align-items:center;gap:.4rem;margin-top:1rem;font-weight:650;text-decoration:none;display:inline-flex}.blog-hero-link.svelte-u4k2t:hover,.blog-hero-link.svelte-u4k2t:focus-visible{text-underline-offset:.18em;outline:none;text-decoration:underline}.blog-hero-media.svelte-u4k2t{aspect-ratio:16/9;background:#ffffffbd;border:1px solid #d6e0e8;min-width:0;position:relative;overflow:hidden}.blog-hero-media.svelte-u4k2t img.qc-theme-image:where(.svelte-u4k2t){object-fit:cover;object-position:left top;width:100%;height:100%}.blog-hero-media.svelte-u4k2t img.qc-theme-image-light:where(.svelte-u4k2t){display:block}.blog-section.svelte-u4k2t{padding-top:2rem}.blog-section-heading.svelte-u4k2t{max-width:48rem;margin-bottom:.9rem}.blog-section-heading.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:clamp(1.2rem,2.1vw,1.75rem);font-weight:560;line-height:1.12}.blog-filter-row.svelte-u4k2t{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.blog-filter-row.svelte-u4k2t button:where(.svelte-u4k2t){color:#102033;font:inherit;cursor:pointer;background:#ffffffbd;border:1px solid #102033;border-radius:0;padding:.45rem .68rem;font-size:.88rem;font-weight:520;line-height:1.2;transition:border-color .16s,box-shadow .16s,background-color .16s}.blog-filter-row.svelte-u4k2t button:where(.svelte-u4k2t):hover,.blog-filter-row.svelte-u4k2t button:where(.svelte-u4k2t):focus-visible,.blog-filter-row.svelte-u4k2t button.active:where(.svelte-u4k2t){background:#edfaf3;border-color:#168458;outline:none;box-shadow:0 0 0 2px #16845838}.blog-card-grid.svelte-u4k2t{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.8rem;display:grid}:root[data-theme=dark] .blog-shell.svelte-u4k2t{background:linear-gradient(180deg, #0f172acc, #0f172a00), var(--qc-app-surface);color:#e5edf7}:root[data-theme=dark] .blog-hero.svelte-u4k2t,:root[data-theme=dark] .blog-hero-media.svelte-u4k2t,:root[data-theme=dark] .blog-filter-row.svelte-u4k2t button:where(.svelte-u4k2t){border-color:#94a3b83d}:root[data-theme=dark] .blog-hero.svelte-u4k2t h1:where(.svelte-u4k2t),:root[data-theme=dark] .blog-section-heading.svelte-u4k2t h2:where(.svelte-u4k2t){color:#eaf2f8}:root[data-theme=dark] .blog-hero.svelte-u4k2t p:where(.svelte-u4k2t),:root[data-theme=dark] .blog-section-heading.svelte-u4k2t p:where(.svelte-u4k2t){color:#a9b8c8}:root[data-theme=dark] .blog-hero-link.svelte-u4k2t{color:#8de0b4}:root[data-theme=dark] .blog-hero-media.svelte-u4k2t,:root[data-theme=dark] .blog-filter-row.svelte-u4k2t button:where(.svelte-u4k2t){color:#d5e2ee;background:#0f172ab8}:root[data-theme=dark] .blog-filter-row.svelte-u4k2t button:where(.svelte-u4k2t):hover,:root[data-theme=dark] .blog-filter-row.svelte-u4k2t button:where(.svelte-u4k2t):focus-visible,:root[data-theme=dark] .blog-filter-row.svelte-u4k2t button.active:where(.svelte-u4k2t){background:#10382ca8;border-color:#8de0b4;box-shadow:0 0 0 2px #8de0b44d}@media (width<=760px){.blog-hero.svelte-u4k2t{grid-template-columns:1fr}.blog-hero-media.svelte-u4k2t{max-width:34rem}}
