.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}.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__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){.ex[data-astro-cid-xipldmn6]{grid-template-columns:1fr;gap:22px;align-items:stretch}.ex-layout[data-astro-cid-xipldmn6]{grid-template-columns:1fr;gap:20px}.ex-nav[data-astro-cid-xipldmn6]{position:static;border-bottom:1px solid var(--border);padding-bottom:14px}.ex-nav[data-astro-cid-xipldmn6] ul[data-astro-cid-xipldmn6]{grid-auto-flow:column;grid-auto-columns:max-content;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.ex-nav__link[data-astro-cid-xipldmn6]{white-space:nowrap;border-left:0;border:1px solid var(--border)}.ex-nav__link[data-astro-cid-xipldmn6].active{border-color:var(--cyan)}}@media(max-width:560px){.ex[data-astro-cid-xipldmn6]{padding:20px}.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}}