.resources-page{isolation:isolate;position:relative}.resources-wallpaper{pointer-events:none;z-index:-1;opacity:.06;width:min(46vw,640px);max-height:70vh;position:fixed;bottom:0;right:0;-webkit-mask-image:linear-gradient(135deg,#0000 0% 30%,#000000d9 70%,#000 100%);mask-image:linear-gradient(135deg,#0000 0% 30%,#000000d9 70%,#000 100%)}.resources-wallpaper img{object-fit:contain;object-position:bottom right;width:100%;height:auto;display:block}[data-theme=dark] .resources-wallpaper.is-svg img{filter:invert()}@media (width<=768px){.resources-wallpaper{opacity:.04;width:80vw}}.resources-grain{pointer-events:none;z-index:-1;opacity:.04;mix-blend-mode:multiply;background-repeat:repeat;background-size:240px 240px;position:fixed;inset:0}[data-theme=dark] .resources-grain{mix-blend-mode:screen;opacity:.025}.resources-grain,.resources-wallpaper{transition:none}@media (prefers-reduced-motion:reduce){.resources-wallpaper,.resources-grain{display:none}}:root[data-motion=reduce] .resources-wallpaper,:root[data-motion=reduce] .resources-grain{display:none}.resources-hero{margin:var(--space-lg) 0 var(--space-xl)}.resources-hero .eyebrow{margin:0 0 var(--space-sm);font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:.26em;text-transform:uppercase;color:var(--color-text-muted)}.resources-hero h1{margin:0 0 var(--space-md);font-family:var(--font-heading);color:var(--color-text-heading);font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:400;line-height:1.2}.resources-hero .lede{font-size:1.05rem;line-height:var(--line-height-body);color:var(--color-text-muted);max-width:40rem;margin:0}.resources-hero--lede-hero .lede{font-family:var(--font-heading);font-size:var(--font-size-hero-lede);color:var(--color-text-heading);max-width:var(--hero-lede-max-width);line-height:1.2}.resources-pill-nav{gap:var(--space-sm);margin:0 0 var(--space-xl);flex-wrap:wrap;padding:0;list-style:none;display:flex}.resources-pill-nav a{font-size:var(--font-size-xs);font-family:var(--font-body);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:.35rem .9rem;text-decoration:none;transition:border-color .12s,color .12s;display:inline-block}.resources-pill-nav a:hover,.resources-pill-nav a[aria-current=true]{color:var(--color-accent);border-color:var(--color-accent);text-decoration:none}.pill-nav-wrap{background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);padding:var(--space-sm) 0;margin:0 0 var(--space-xl);z-index:5;align-items:center;gap:var(--space-sm);display:flex;position:sticky;top:0}.pill-nav-wrap.is-stuck{width:100vw;padding-left:calc(50vw - 50% + var(--space-md));padding-right:calc(50vw - 50% + var(--space-md));margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);top:-1px}.pill-nav-wrap.is-stuck .pill-nav-row{width:fit-content;overflow-x:visible}.pill-nav-sentinel{pointer-events:none;border:0;height:0;margin:0;padding:0}.pill-nav-wrap .resources-pill-nav-label{font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-faint);flex:none;margin:0}.pill-nav-wrap .pill-nav-row{gap:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;min-width:0;margin:0;padding:0;display:flex;overflow-x:auto}.pill-nav-wrap .pill-nav-row a{white-space:nowrap;font-size:var(--font-size-xs);font-family:var(--font-body);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);flex:none;padding:.35rem .9rem;text-decoration:none;transition:border-color .12s,color .12s;display:inline-block}.pill-nav-wrap .pill-nav-row a:hover,.pill-nav-wrap .pill-nav-row a:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.pill-nav-wrap.resources-pill-nav--bold .pill-nav-row a{font-size:var(--font-size-sm);padding:.45rem 1rem;font-weight:500}.return-top{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);justify-content:center;align-items:center;width:1.75rem;height:1.75rem;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.return-top:hover,.return-top:focus-visible{color:var(--color-accent);border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface))}.resources-callout{border-left:3px solid var(--color-accent);background:var(--color-code-bg);padding:var(--space-sm) var(--space-md);margin:var(--space-lg) 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.resources-callout-label{margin:0 0 var(--space-xs);font-family:var(--font-mono);font-size:var(--font-size-2xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);font-weight:600;display:block}.resources-callout p{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-body);margin:0}.resources-details{border-top:1px solid var(--color-border);padding:var(--space-sm) 0}.resources-details summary{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;list-style:none}.resources-details summary::-webkit-details-marker{display:none}