.container[data-astro-cid-xipldmn6]{max-width:min(1600px,95vw)}.ex-hero[data-astro-cid-xipldmn6]{padding-top:clamp(48px,7vw,88px);padding-bottom:24px}.ex-hero[data-astro-cid-xipldmn6] h1[data-astro-cid-xipldmn6]{font-size:clamp(2.1rem,4.6vw,3.1rem);margin-bottom:16px}.ex-hero[data-astro-cid-xipldmn6] .lead[data-astro-cid-xipldmn6]{max-width:70ch}.starters[data-astro-cid-xipldmn6]{padding-block:8px 40px}.starters__head[data-astro-cid-xipldmn6]{max-width:76ch;margin-bottom:22px}.starters__head[data-astro-cid-xipldmn6] h2[data-astro-cid-xipldmn6]{font-size:clamp(1.5rem,3vw,2rem);margin:6px 0 12px}.starters__head[data-astro-cid-xipldmn6] .lead[data-astro-cid-xipldmn6]{margin-bottom:16px}.starters__grid[data-astro-cid-xipldmn6]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.starter[data-astro-cid-xipldmn6]{overflow:hidden}.starter__link[data-astro-cid-xipldmn6]{display:grid;gap:8px;height:100%;padding:18px 18px 16px;color:inherit;text-decoration:none;border-left:2px solid transparent;transition:border-color .2s ease,background-color .2s ease}.starter__link[data-astro-cid-xipldmn6]:hover,.starter__link[data-astro-cid-xipldmn6]:focus-visible{border-left-color:var(--cyan);background:#ffffff08}.starter__tag[data-astro-cid-xipldmn6]{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.starter__title[data-astro-cid-xipldmn6]{font-weight:700;font-size:1.02rem}.starter__desc[data-astro-cid-xipldmn6]{color:var(--text-dim);font-size:.9rem;line-height:1.5}.starter__dir[data-astro-cid-xipldmn6]{margin-top:auto;font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint)}.ex-layout[data-astro-cid-xipldmn6]{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start;padding-block:32px 8px}.ex-nav[data-astro-cid-xipldmn6]{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 88px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:24px}.ex-nav__btn[data-astro-cid-xipldmn6]{display:none}.ex-nav__h[data-astro-cid-xipldmn6]{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px}.ex-nav[data-astro-cid-xipldmn6] ul[data-astro-cid-xipldmn6]{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ex-nav__link[data-astro-cid-xipldmn6]{display:block;padding:6px 12px;border-radius:8px;color:var(--text-dim);font-size:.9rem;border-left:2px solid transparent}.ex-nav__link[data-astro-cid-xipldmn6]:hover{color:var(--text);background:#ffffff08}.ex-nav__link[data-astro-cid-xipldmn6].active{color:var(--cyan);background:var(--gradient-soft);border-left-color:var(--cyan)}.ex-list[data-astro-cid-xipldmn6]{display:grid;gap:28px}.ex[data-astro-cid-xipldmn6]{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:36px;align-items:center;padding:26px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--panel),var(--bg-soft));scroll-margin-top:90px}.ex[data-astro-cid-xipldmn6]>[data-astro-cid-xipldmn6]{min-width:0}.ex__tag[data-astro-cid-xipldmn6]{display:inline-block;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);background:var(--gradient-soft);border:1px solid var(--border);padding:4px 10px;border-radius:999px;margin-bottom:14px}.ex__meta[data-astro-cid-xipldmn6] h2[data-astro-cid-xipldmn6]{font-size:1.4rem;margin-bottom:10px}.ex__meta[data-astro-cid-xipldmn6] p[data-astro-cid-xipldmn6]{font-size:.95rem;margin:0}.codecard[data-astro-cid-xipldmn6]{overflow:hidden;box-shadow:var(--shadow-glow)}.codecard__bar[data-astro-cid-xipldmn6]{display:flex;align-items:center;gap:7px;padding:11px 15px;border-bottom:1px solid var(--border);background:#ffffff04}.codecard__dot[data-astro-cid-xipldmn6]{width:11px;height:11px;border-radius:99px;background:#2a3559}.codecard__dot[data-astro-cid-xipldmn6]:nth-child(1){background:#ff5f56}.codecard__dot[data-astro-cid-xipldmn6]:nth-child(2){background:#ffbd2e}.codecard__dot[data-astro-cid-xipldmn6]:nth-child(3){background:#27c93f}.codecard__name[data-astro-cid-xipldmn6]{margin-left:8px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint)}.codecard[data-astro-cid-xipldmn6] pre.astro-code{border:0!important;border-radius:0;margin:0;font-size:.82rem}.ex-shot[data-astro-cid-xipldmn6]{overflow:hidden;box-shadow:var(--shadow-glow);margin:0}.ex-shot[data-astro-cid-xipldmn6] img[data-astro-cid-xipldmn6]{display:block;width:100%;height:auto}.ex-cta[data-astro-cid-xipldmn6]{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:34px 36px;background:radial-gradient(70% 130% at 50% 0%,rgba(79,140,255,.12),transparent 60%),linear-gradient(180deg,var(--panel),var(--bg-soft))}.ex-cta[data-astro-cid-xipldmn6] h2[data-astro-cid-xipldmn6]{font-size:1.6rem;margin-bottom:6px}.ex-cta[data-astro-cid-xipldmn6] p[data-astro-cid-xipldmn6]{margin:0}.ex-cta__btns[data-astro-cid-xipldmn6]{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:860px){.container[data-astro-cid-xipldmn6]{max-width:none}.ex[data-astro-cid-xipldmn6]{grid-template-columns:1fr;gap:22px;align-items:stretch}.ex-layout[data-astro-cid-xipldmn6]{display:block;padding-top:0}.ex-list[data-astro-cid-xipldmn6]{padding-top:22px}.ex-nav[data-astro-cid-xipldmn6]{position:sticky;top:var(--nav-h);z-index:var(--z-dropdown);max-height:none;overflow:visible;overscroll-behavior:auto;padding:0;margin-inline:calc(-1 * var(--container-pad));background:var(--bg);border-bottom:1px solid var(--border)}.ex-nav__btn[data-astro-cid-xipldmn6]{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:8px var(--container-pad);background:transparent;border:0;color:var(--ink);font-family:var(--font-mono);font-size:.86rem;font-weight:600;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.ex-nav__btn-icon[data-astro-cid-xipldmn6]{color:var(--accent);flex:none}.ex-nav__btn-label[data-astro-cid-xipldmn6]{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-nav__btn-chev[data-astro-cid-xipldmn6]{flex:none;color:var(--ink-faint);transition:transform .2s ease}.ex-nav[data-astro-cid-xipldmn6].is-open .ex-nav__btn-chev[data-astro-cid-xipldmn6]{transform:rotate(180deg)}.ex-nav__menu[data-astro-cid-xipldmn6]{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - var(--nav-h) - 46px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px var(--container-pad) 24px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 24px 40px -24px #0009}@supports (height: 100dvh){.ex-nav__menu[data-astro-cid-xipldmn6]{max-height:calc(100dvh - var(--nav-h) - 46px)}}.ex-nav[data-astro-cid-xipldmn6].is-open .ex-nav__menu[data-astro-cid-xipldmn6]{display:block}html:not(.js) .ex-nav__btn[data-astro-cid-xipldmn6]{display:none}html:not(.js) .ex-nav__menu[data-astro-cid-xipldmn6]{display:block;position:static;max-height:none;box-shadow:none}.ex-nav[data-astro-cid-xipldmn6] ul[data-astro-cid-xipldmn6]{gap:2px}.ex-nav__link[data-astro-cid-xipldmn6]{padding:9px 12px;font-size:.95rem}.ex[data-astro-cid-xipldmn6]{scroll-margin-top:calc(var(--nav-h) + 46px + 16px)}}@media(max-width:560px){.ex-hero[data-astro-cid-xipldmn6] h1[data-astro-cid-xipldmn6]{font-size:1.9rem}.ex[data-astro-cid-xipldmn6]{padding:16px;gap:16px}.ex__meta[data-astro-cid-xipldmn6] h2[data-astro-cid-xipldmn6]{font-size:1.2rem}.codecard[data-astro-cid-xipldmn6] pre.astro-code{font-size:.76rem}.ex-cta[data-astro-cid-xipldmn6]{padding:26px 22px}.ex-cta__btns[data-astro-cid-xipldmn6] .btn[data-astro-cid-xipldmn6]{flex:1 1 auto;justify-content:center}}