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