.blog-section.svelte-17c8w9l{background:var(--surface-1);padding-block:5rem 10rem}.resources-section.svelte-17c8w9l{max-width:1200px;margin:0 auto;padding-inline:var(--size-5, 2rem);margin-block-end:var(--size-8, 4rem)}.resources-section.svelte-17c8w9l h2:where(.svelte-17c8w9l){font-size:var(--font-size-6, 2.5rem);color:var(--text);text-align:center;margin-block-end:var(--size-5, 2rem);font-weight:700}.resources-grid.svelte-17c8w9l{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--size-4, 1.5rem);max-width:1100px;margin:0 auto}.resource-card.svelte-17c8w9l{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-2, .5rem);padding:var(--size-4, 1.5rem) var(--size-3, 1rem);background:light-dark(#232838,#ffffff);border:1px solid var(--border-color);border-radius:var(--radius-4, 16px);text-decoration:none;color:light-dark(#e0e0e0,#212121);transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-2, 0 4px 12px rgba(0, 0, 0, .2))}.resource-card.svelte-17c8w9l:hover{transform:translateY(-4px);box-shadow:var(--shadow-4, 0 10px 30px rgba(0, 0, 0, .3))}.resource-icon.svelte-17c8w9l{font-size:2.5rem;line-height:1}.resource-icon--code.svelte-17c8w9l{font-family:Courier New,monospace;font-weight:700;color:var(--link, #4a9eff)}.resource-card.svelte-17c8w9l span:where(.svelte-17c8w9l){font-size:var(--font-size-2, 1rem);font-weight:600;letter-spacing:.05em}.blog-intro.svelte-17c8w9l{max-width:800px;margin:0 auto;padding-inline:var(--size-5, 2rem);text-align:center}.blog-intro.svelte-17c8w9l h2:where(.svelte-17c8w9l){font-size:var(--font-size-6, 2.5rem);color:var(--text);margin-block-end:var(--size-3, 1rem);font-weight:700}.blog-intro.svelte-17c8w9l p:where(.svelte-17c8w9l){font-size:var(--font-size-2, 1rem);color:var(--text);line-height:1.6;margin-block-end:var(--size-4, 1.5rem)}.blog-filters.svelte-17c8w9l{display:grid;gap:1rem;margin-block-start:1rem}.search-label.svelte-17c8w9l{font-weight:700;color:var(--text);text-align:left}.search-input-wrap.svelte-17c8w9l{position:relative}.search-input.svelte-17c8w9l{width:100%;padding:.85rem 1rem;padding-inline-end:5.75rem;border-radius:.8rem;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text);font-size:.95rem;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:pan-y;transition:border-color .2s ease,box-shadow .2s ease}.search-input.svelte-17c8w9l::-webkit-search-decoration,.search-input.svelte-17c8w9l::-webkit-search-cancel-button,.search-input.svelte-17c8w9l::-webkit-search-results-button,.search-input.svelte-17c8w9l::-webkit-search-results-decoration{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input.svelte-17c8w9l::-ms-clear,.search-input.svelte-17c8w9l::-ms-reveal{display:none;width:0;height:0}.search-input.svelte-17c8w9l:focus-visible{border-color:#1d4ed8a6;box-shadow:0 0 0 4px #1d4ed826}.search-clear.svelte-17c8w9l{position:absolute;inset-block-start:50%;inset-inline-end:.5rem;transform:translateY(-50%);border:0;border-radius:999px;padding:.3rem .65rem;background:var(--border-color);color:var(--text);font-weight:600;z-index:1}.pagination-status.svelte-17c8w9l{margin:4rem auto 0;font-size:.8rem;font-weight:600;color:var(--text-muted);text-align:center;letter-spacing:.01em}.filter-toolbar.svelte-17c8w9l{display:grid;gap:.8rem}.filter-tags.svelte-17c8w9l{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.filter-tag.svelte-17c8w9l{text-decoration:none;color:light-dark(#1e3a8a,#93b4f5);border:1px solid var(--border-color);background:var(--bg-surface);border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.filter-tag.is-active.svelte-17c8w9l{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.filter-meta.svelte-17c8w9l{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.65rem}.results-count.svelte-17c8w9l{margin:0;font-size:.9rem;color:var(--text-muted)}.active-tag-pill.svelte-17c8w9l{border:1px solid var(--border-color);background:var(--bg-elevated);color:light-dark(#1e3a8a,#93b4f5);border-radius:999px;padding:.3rem .75rem;font-size:.8rem;font-weight:700}.pagination-filter-note.svelte-17c8w9l{margin:0 auto .8rem;max-width:800px;padding:0 2rem;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;align-items:center;position:relative;z-index:20}.pagination-filter-note.svelte-17c8w9l p:where(.svelte-17c8w9l){margin:0;color:var(--text-muted);font-size:.86rem;text-align:center}.active-filters-clear.svelte-17c8w9l{border:1px solid var(--border-color);background:var(--bg-surface);color:light-dark(#1e3a8a,#93b4f5);border-radius:999px;padding:.35rem .8rem;font-size:.8rem;font-weight:700;cursor:pointer}.active-filters-clear.svelte-17c8w9l:hover{border-color:var(--color-blue, #00b0ff);background:var(--bg-elevated);color:var(--color-blue, #00b0ff)}.blog-grid.svelte-17c8w9l{--cols: 2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--size-5, 2rem);padding-inline:var(--size-5, 2rem);padding-block:2rem;place-items:start;max-width:1920px;margin:0 auto}@media(min-width:720px){.blog-grid.svelte-17c8w9l{--cols: 4}}@media(min-width:1200px){.blog-grid.svelte-17c8w9l{--cols: 6}}@media(min-width:1920px){.blog-grid.svelte-17c8w9l{--cols: 8}}.card-animation-layer.svelte-17c8w9l{display:grid;gap:var(--size-2, .5rem);height:100%;min-width:0}@keyframes svelte-17c8w9l-slide-in{0%{scale:.85;rotate:calc((var(--side, 1) * (5deg * var(--amp, 1))))}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.card-animation-layer.svelte-17c8w9l{animation:svelte-17c8w9l-slide-in linear both;animation-timeline:view();animation-range:cover 0% contain 15%}}}.card-animation-layer.svelte-17c8w9l:nth-of-type(odd){transform-origin:25vw 100%;--side: -1}.card-animation-layer.svelte-17c8w9l:nth-of-type(2n){transform-origin:-25vw 100%;--side: 1}@media(min-width:720px){.card-animation-layer.svelte-17c8w9l:nth-of-type(4n+1){transform-origin:50vw 100%;--side: -1;--amp: 2}.card-animation-layer.svelte-17c8w9l:nth-of-type(4n+2){transform-origin:25vw 100%;--side: -1}.card-animation-layer.svelte-17c8w9l:nth-of-type(4n+3){transform-origin:-25vw 100%;--side: 1}.card-animation-layer.svelte-17c8w9l:nth-of-type(4n){transform-origin:-50vw 100%;--side: 1;--amp: 2}}@media(min-width:1200px){.card-animation-layer.svelte-17c8w9l:nth-of-type(6n+1){transform-origin:75vw 100%;--side: -1;--amp: 3}.card-animation-layer.svelte-17c8w9l:nth-of-type(6n+2){transform-origin:50vw 100%;--side: -1;--amp: 2}.card-animation-layer.svelte-17c8w9l:nth-of-type(6n+3){transform-origin:25vw 100%;--side: -1}.card-animation-layer.svelte-17c8w9l:nth-of-type(6n+4){transform-origin:-25vw 100%;--side: 1}.card-animation-layer.svelte-17c8w9l:nth-of-type(6n+5){transform-origin:-50vw 100%;--side: 1;--amp: 2}.card-animation-layer.svelte-17c8w9l:nth-of-type(6n){transform-origin:-75vw 100%;--side: 1;--amp: 3}}@media(min-width:1920px){.card-animation-layer.svelte-17c8w9l:nth-of-type(8n+1){transform-origin:100vw 100%;--side: -1;--amp: 4}.card-animation-layer.svelte-17c8w9l:nth-of-type(8n+2){transform-origin:75vw 100%;--side: -1;--amp: 3}.card-animation-layer.svelte-17c8w9l:nth-of-type(8n+3){transform-origin:50vw 100%;--side: -1;--amp: 2}.card-animation-layer.svelte-17c8w9l:nth-of-type(8n+4){transform-origin:25vw 100%;--side: -1}.card-animation-layer.svelte-17c8w9l:nth-of-type(8n+5){transform-origin:-25vw 100%;--side: 1}.card-animation-layer.svelte-17c8w9l:nth-of-type(8n+6){transform-origin:-50vw 100%;--side: 1;--amp: 2}.card-animation-layer.svelte-17c8w9l:nth-of-type(8n+7){transform-origin:-75vw 100%;--side: 1;--amp: 3}.card-animation-layer.svelte-17c8w9l:nth-of-type(8n){transform-origin:-100vw 100%;--side: 1;--amp: 4}}.blog-card.svelte-17c8w9l{background:light-dark(#232838,#ffffff);border:1px solid var(--border-color);padding-block:var(--size-3, 1rem) var(--size-2, .5rem);padding-inline:var(--size-3, 1rem);border-radius:var(--radius-4, 16px);box-shadow:var(--box-shadow);transition:transform .2s ease;height:100%;display:flex;flex-direction:column;min-width:0}.blog-card.svelte-17c8w9l:hover{transform:translateY(-4px)}.card-link.svelte-17c8w9l{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:auto;flex:1;min-width:0}.interop-badge.svelte-17c8w9l{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.22rem .55rem;border-radius:999px;border:1px solid color-mix(in srgb,#00b0ff 45%,transparent);background:linear-gradient(135deg,#00b0ff2e,#22d3ee1a);color:light-dark(#dff7ff,#0b5a77);font-size:.64rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase;margin-block-end:.4rem}.interop-badge.svelte-17c8w9l:before{content:"";inline-size:.38rem;block-size:.38rem;border-radius:999px;background:#22d3ee;box-shadow:0 0 12px #22d3ee8c}.interop-badge--card.svelte-17c8w9l{align-self:flex-start}.blog-card.svelte-17c8w9l h2:where(.svelte-17c8w9l){font-size:var(--font-size-3, 1.25rem);line-height:1.3;margin-block:var(--size-2, .5rem);color:light-dark(#e0e0e0,#212121);max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;word-break:break-word}.blog-card.svelte-17c8w9l p:where(.svelte-17c8w9l){color:light-dark(#9ca3af,#666666);font-size:var(--font-size-1, .875rem);line-height:1.5;margin-block-end:var(--size-2, .5rem);max-width:100%;min-width:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;flex:1}.blog-card.svelte-17c8w9l img:where(.svelte-17c8w9l){width:100%;height:auto;background-color:var(--bg-elevated);border-radius:var(--radius-3, 12px);margin-block-end:var(--size-2, .5rem);clip-path:inset(0% 0% 0% 0% round 0px);transition:scale .2s ease,clip-path .2s ease}.blog-card.svelte-17c8w9l:hover img:where(.svelte-17c8w9l){scale:1.2;clip-path:inset(10% 10% 10% 10% round 20px)}.read-more.svelte-17c8w9l{color:var(--link, #4a9eff);font-size:var(--font-size-1, .875rem);font-weight:600}.no-results.svelte-17c8w9l{grid-column:1 / -1;max-width:580px;margin:0 auto;padding:1.5rem;border-radius:1rem;text-align:center;background:var(--bg-surface);border:1px solid var(--border-color)}.no-results.svelte-17c8w9l h3:where(.svelte-17c8w9l){margin:0;color:var(--text);font-size:1.3rem}.no-results.svelte-17c8w9l p:where(.svelte-17c8w9l){margin:.8rem 0 1.1rem;color:var(--text-muted)}.reset-filters.svelte-17c8w9l{border:0;border-radius:.75rem;padding:.65rem .95rem;font-weight:700;background:var(--link, #4a9eff);color:#fff}.svelte-17c8w9l{box-sizing:border-box}.blog-section{cursor:auto}[data-cursor-marquee-text]:is(:hover,:focus-visible){cursor:none!important}[data-cursor-marquee-text]:is(:hover,:focus-visible) *{cursor:none!important}.cursor-marquee{z-index:99999;pointer-events:none;position:fixed;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%);will-change:transform;contain:layout style;top:0;left:0}.cursor-marquee__card{color:var(--text);background-color:var(--bg-surface);display:flex;justify-content:center;align-items:center;position:absolute;overflow:hidden;transition:all .4s cubic-bezier(.25,1,.5,1);transform:translateY(0) rotate(.001deg);clip-path:inset(calc(50% - .25em) round 50em);will-change:clip-path,transform;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -10px #0000004d;min-width:130px;min-height:62px;padding:.65rem 1.1rem}.cursor-marquee__dot{width:14px;height:14px;border-radius:999px;background:#fff;position:absolute;transform:translateY(16px);opacity:0;mix-blend-mode:difference;box-shadow:0 0 0 1px #ffffff59;transition:opacity .15s ease-in-out;z-index:2}[data-cursor-marquee-status=active] .cursor-marquee__card{clip-path:inset(0 round 50em);transform:translateY(-25%) rotate(.001deg)}[data-cursor-marquee-status=active] .cursor-marquee__card,[data-cursor-marquee-status=active] .cursor-marquee__dot{opacity:1}@keyframes svelte-17c8w9l-translateXCursor{to{transform:translate(-100%)}}.cursor-marquee__text-span{color:inherit;white-space:nowrap;transform-origin:0;padding:.5em .75em;font-size:clamp(1.25rem,1.15rem + .75vw,1.75rem);font-weight:600;line-height:1;display:block;position:relative;animation:svelte-17c8w9l-translateXCursor 10s linear infinite paused;transition:opacity .15s ease-in-out .25s;opacity:0;will-change:transform}[data-cursor-marquee-status=active] .cursor-marquee__text-span{transition:opacity .15s ease-in-out 0s;opacity:1}.cursor-marquee__text-span.is--duplicate{position:absolute;left:100%}@media(hover:none)and (pointer:coarse){body{cursor:auto}.cursor-marquee{display:none}}@media(prefers-reduced-motion:reduce){.cursor-marquee__text-span{animation-duration:.01ms!important}.cursor-marquee__card{transition-duration:.01ms!important}}.pagination{--size: 36px;--inset: 2px;--pagination-radius: 4;--pagination-surface: light-dark(#1f2937, #ffffff);--pagination-surface-hover: light-dark(#111827, #f5f5f5);--pagination-border: light-dark( rgba(17, 24, 39, .78), rgba(17, 24, 39, .24) );--pagination-border-hover: light-dark( rgba(17, 24, 39, .98), rgba(17, 24, 39, .45) );--pagination-text: light-dark(#f8fafc, #212121);position:relative;z-index:20;padding:3rem 0;display:flex;justify-content:center}.pagination__list{display:flex;list-style:none;align-items:center;padding:0;margin:0;position:relative}.pagination__list:before,.pagination__list:after{content:"";z-index:-1;position:absolute;width:calc(var(--size) - (2 * var(--inset)));aspect-ratio:1;pointer-events:none;opacity:0;border-radius:calc(var(--pagination-radius) * 1px)}.pagination__list:before{background:color-mix(in srgb,var(--text-1, currentColor) 16%,transparent)}.pagination__list:after{background:var(--color-yellow, #ffab00);opacity:0;box-shadow:0 8px 18px #ffab0059}@supports (anchor-name: --pagination-active){.pagination__list:before{position-anchor:--pagination-hover;top:calc(anchor(top) + var(--inset));left:calc((anchor(left)) + var(--inset))}.pagination__list:after{position-anchor:--pagination-active;top:calc(anchor(top) + var(--inset));left:calc((anchor(left)) + var(--inset));opacity:1}.pagination__list:is(:has(.pagination__link:hover),:has(:focus-visible)):not(:has(.pagination__link--arrow:is(:hover,:focus-visible))):before{opacity:1}[aria-current=page]:not(.pagination__link--arrow){anchor-name:--pagination-active}li:has(.pagination__link:not(.pagination__link--arrow):is(:hover,:focus-visible)){anchor-name:--pagination-hover}}@media(prefers-reduced-motion:no-preference){.pagination__list:before,.pagination__list:after{transition:inset .2s ease-out}}.pagination__item{width:var(--size);aspect-ratio:1;display:grid;place-items:center}.pagination__link{display:grid;place-items:center;text-decoration:none;width:100%;height:100%;-webkit-user-select:none;user-select:none;position:relative;outline-color:currentColor;-webkit-tap-highlight-color:#0000;border:0;border-radius:calc(var(--pagination-radius) * 1px);background:transparent;font-weight:700;font-size:.92rem;line-height:1;color:var(--pagination-text);cursor:pointer}@media(prefers-reduced-motion:no-preference){.pagination__link{transition:color .2s ease-out,opacity .2s ease-out}}.pagination__link[aria-current=page]{color:#000;text-shadow:none}.pagination__link--current{background:var(--color-yellow, #ffab00);border-color:var(--color-yellow, #ffab00);color:#000;box-shadow:0 8px 18px #ffab0059}.pagination__link--current:hover{background:var(--color-yellow, #ffab00);border-color:var(--color-yellow, #ffab00);color:#000}.pagination__item--animated{overflow:hidden}@keyframes page-flip-in{0%{opacity:0;transform:translateY(60%) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:no-preference){.pagination__link--flip{animation:page-flip-in .22s cubic-bezier(.34,1.56,.64,1) both}}.pagination__link{color:var(--pagination-text)}.pagination__link:not(.pagination__link--arrow){background:var(--pagination-surface);border:1px solid var(--pagination-border)}.pagination__link:not(.pagination__link--arrow):hover{color:var(--pagination-text);border-color:var(--pagination-border-hover);background:var(--pagination-surface-hover)}.pagination__link--arrow{border:1px solid var(--pagination-border);background:var(--pagination-surface);color:var(--pagination-text);opacity:1}.pagination__link--arrow svg{width:7px;height:10px}.pagination__link--arrow:hover:not(:disabled){border-color:var(--pagination-border-hover);background:var(--pagination-surface-hover)}.pagination__link--current,.pagination__link[aria-current=page]{color:#000;background:var(--color-yellow, #ffab00);border-color:var(--color-yellow, #ffab00);text-shadow:none;box-shadow:0 4px 12px #ffab004d}.pagination__link--current:hover{color:#000;background:var(--color-yellow, #ffab00);border-color:var(--color-yellow, #ffab00)}.pagination__link--arrow:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.pagination__link--gap{cursor:default;pointer-events:none}.pagination__gap{cursor:default}@media(max-width:640px){.pagination__item--mobile-only{display:none}.pagination__item:not(.pagination__item--arrow,.pagination__item--current){display:none}}