.breadcrumb:where(.astro-vdd4qxrw){padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.breadcrumb:where(.astro-vdd4qxrw) .ex-container:where(.astro-vdd4qxrw){display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.breadcrumb:where(.astro-vdd4qxrw) a:where(.astro-vdd4qxrw){color:var(--text-muted);text-decoration:none}.breadcrumb:where(.astro-vdd4qxrw) a:where(.astro-vdd4qxrw):hover{color:var(--accent)}.breadcrumb:where(.astro-vdd4qxrw) :where(.astro-vdd4qxrw)[aria-current=page]{color:var(--text-secondary)}.ex-container:where(.astro-vdd4qxrw){max-width:860px;margin:0 auto;padding:0 1.5rem}.ex-hero:where(.astro-vdd4qxrw){padding:2.5rem 0 2rem;border-bottom:1px solid var(--border)}.ex-meta:where(.astro-vdd4qxrw){display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.cat-badge:where(.astro-vdd4qxrw){font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:1rem;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.fav-badge:where(.astro-vdd4qxrw){font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:1rem;background:color-mix(in srgb,#f85149 12%,transparent);color:#f85149;border:1px solid color-mix(in srgb,#f85149 30%,transparent)}.ex-hero:where(.astro-vdd4qxrw) h1:where(.astro-vdd4qxrw){font-family:var(--font-mono);font-size:clamp(1.25rem,3.5vw,1.875rem);font-weight:700;color:var(--text-primary);margin:0 0 .75rem;line-height:1.25;word-break:break-all}.ex-description:where(.astro-vdd4qxrw){font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6;max-width:640px}.ex-actions:where(.astro-vdd4qxrw){display:flex;gap:.75rem;flex-wrap:wrap}.btn:where(.astro-vdd4qxrw){display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;border:1px solid transparent}.btn-primary:where(.astro-vdd4qxrw){background:var(--accent);color:#fff}.btn-primary:where(.astro-vdd4qxrw):hover{background:var(--accent-hover)}.btn-secondary:where(.astro-vdd4qxrw){border-color:var(--border);color:var(--text-secondary);background:var(--bg-secondary)}.btn-secondary:where(.astro-vdd4qxrw):hover{color:var(--text-primary);border-color:var(--accent)}.ex-main:where(.astro-vdd4qxrw){padding:2.5rem 0 4rem}.ex-section:where(.astro-vdd4qxrw){margin-bottom:2.5rem}.ex-section:where(.astro-vdd4qxrw) h2:where(.astro-vdd4qxrw){font-size:1rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem;padding-bottom:.4rem;border-bottom:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}.when-list:where(.astro-vdd4qxrw){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.when-list:where(.astro-vdd4qxrw) li:where(.astro-vdd4qxrw){padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 .5rem .5rem 0;color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.how-list:where(.astro-vdd4qxrw){padding:0;margin:0;counter-reset:how-counter;list-style:none;display:flex;flex-direction:column;gap:1rem}.how-list:where(.astro-vdd4qxrw) li:where(.astro-vdd4qxrw){counter-increment:how-counter;display:grid;grid-template-columns:2rem 1fr;gap:.75rem;align-items:start;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.how-list:where(.astro-vdd4qxrw) li:where(.astro-vdd4qxrw):before{content:counter(how-counter);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.8rem;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:.05rem}.path-inline:where(.astro-vdd4qxrw){font-family:var(--font-mono);font-size:.8125rem;background:var(--bg-tertiary);border:1px solid var(--border);padding:.1em .4em;border-radius:.25rem;color:var(--accent);word-break:break-all}.related-list:where(.astro-vdd4qxrw){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-link:where(.astro-vdd4qxrw){display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-secondary);text-decoration:none;transition:border-color .15s,background .15s}.related-link:where(.astro-vdd4qxrw):hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,transparent)}.related-name:where(.astro-vdd4qxrw){font-family:var(--font-mono);font-size:.875rem;color:var(--accent);font-weight:600}.related-desc:where(.astro-vdd4qxrw){font-size:.8125rem;color:var(--text-muted);line-height:1.4}.back-link:where(.astro-vdd4qxrw){margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.back-link:where(.astro-vdd4qxrw) a:where(.astro-vdd4qxrw){font-size:.875rem;color:var(--text-secondary);text-decoration:none}.back-link:where(.astro-vdd4qxrw) a:where(.astro-vdd4qxrw):hover{color:var(--accent)}