.environment-guide:where(.astro-7xqeiard){--environment-radius: 1rem}.environment-guide:where(.astro-7xqeiard) p:where(.astro-7xqeiard),.environment-guide:where(.astro-7xqeiard) h2:where(.astro-7xqeiard){margin:0}.environment-intro:where(.astro-7xqeiard){padding:1.5rem;border-inline-start:3px solid var(--sl-color-accent);border-radius:0 var(--environment-radius) var(--environment-radius) 0;background:color-mix(in srgb,var(--sl-color-accent-low) 45%,var(--sl-color-bg));color:var(--sl-color-gray-2);font-size:var(--sl-text-sm)}.environment-intro:where(.astro-7xqeiard) .environment-intro-title:where(.astro-7xqeiard){margin-bottom:.5rem;color:var(--sl-color-white);font-size:var(--sl-text-lg);font-weight:700;line-height:1.6}.environment-cards:where(.astro-7xqeiard){display:grid;gap:1.5rem;margin-top:2rem}.environment-card:where(.astro-7xqeiard){min-width:0;padding:1.5rem;border:1px solid var(--sl-color-gray-5);border-radius:var(--environment-radius);background:var(--sl-color-bg);box-shadow:0 4px 16px #00000006}.environment-card-header:where(.astro-7xqeiard){display:flex;align-items:center;gap:1.5rem}.environment-image:where(.astro-7xqeiard){flex:0 0 7rem;overflow:hidden;border:1px solid var(--sl-color-gray-5);border-radius:.75rem;background:#fff}.environment-image:where(.astro-7xqeiard) img:where(.astro-7xqeiard){display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.environment-card-info:where(.astro-7xqeiard){min-width:0}.environment-meta:where(.astro-7xqeiard){display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:var(--sl-color-gray-2);font-size:var(--sl-text-xs)}.environment-leaf:where(.astro-7xqeiard){padding:.125rem .5rem;border-radius:.375rem;background:var(--sl-color-accent-low);color:var(--sl-color-accent-high);font-weight:700}.environment-card:where(.astro-7xqeiard) h2:where(.astro-7xqeiard){margin-block:.375rem;color:var(--sl-color-white);font-size:1.625rem;line-height:1.4;scroll-margin-top:calc(var(--sl-nav-height) + 1rem)}.environment-card-info:where(.astro-7xqeiard) p:where(.astro-7xqeiard){color:var(--sl-color-gray-2);font-size:var(--sl-text-sm);line-height:1.8}.environment-card:where(.astro-7xqeiard) .environment-tools-label:where(.astro-7xqeiard){margin-block:1.5rem .625rem;color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);font-weight:700}.environment-tools:where(.astro-7xqeiard){display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.environment-tool:where(.astro-7xqeiard){display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:100%;padding:.875rem 1rem;border:1px solid var(--sl-color-gray-5);border-radius:.625rem;background:var(--sl-color-bg-sidebar);color:var(--sl-color-white);text-decoration:none;transition:border-color .15s,background-color .15s}.environment-tool:where(.astro-7xqeiard):hover{border-color:var(--sl-color-accent);background:var(--sl-color-accent-low)}.environment-tool-title:where(.astro-7xqeiard),.environment-tool-description:where(.astro-7xqeiard){display:block}.environment-tool-title:where(.astro-7xqeiard){font-size:var(--sl-text-base);font-weight:700}.environment-tool-description:where(.astro-7xqeiard){margin-top:.25rem;color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);line-height:1.6}.environment-arrow:where(.astro-7xqeiard){color:var(--sl-color-accent-high);font-size:1.25rem}.environment-card-footer:where(.astro-7xqeiard){margin-top:1rem;font-size:var(--sl-text-sm)}.environment-card-footer:where(.astro-7xqeiard) a:where(.astro-7xqeiard){display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;color:var(--sl-color-text-accent);text-underline-offset:.25em}.environment-guide:where(.astro-7xqeiard) a:where(.astro-7xqeiard):focus-visible{outline:2px solid var(--sl-color-accent-high);outline-offset:4px}@media(max-width:35rem){.environment-intro:where(.astro-7xqeiard),.environment-card:where(.astro-7xqeiard){padding:1.25rem}.environment-card-header:where(.astro-7xqeiard){align-items:flex-start;flex-direction:column;gap:1rem}.environment-image:where(.astro-7xqeiard){flex-basis:auto;width:5rem}.environment-tools:where(.astro-7xqeiard){grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.environment-tool:where(.astro-7xqeiard){transition:none}}
