.pokemon-design-guide:where(.astro-pebux7fg){color-scheme:light;margin-block:var(--teaching-space-6);color:#18233f;background:#e8f4ff;border:2px solid #2f5db3;border-radius:0 0 .75rem .75rem;font-family:Trebuchet MS,Arial,sans-serif;line-height:1.6;overflow:hidden}.guide-header:where(.astro-pebux7fg){background:#19376d;border-block-end:.5rem solid #f3cf3f;padding:1.5rem}.guide-header:where(.astro-pebux7fg) p:where(.astro-pebux7fg){color:#fffdf5;max-width:48rem;margin:0}.guide-header:where(.astro-pebux7fg)>p:where(.astro-pebux7fg):first-child{color:#f3cf3f;letter-spacing:.04em;text-transform:uppercase;font-size:.875rem;font-weight:700}.guide-header:where(.astro-pebux7fg) h3:where(.astro-pebux7fg){color:#f3cf3f;margin:.25rem 0 .5rem;font-size:1.5rem;line-height:1.2}.guide-body:where(.astro-pebux7fg){gap:1rem;padding:1rem;display:grid}.guide-panel:where(.astro-pebux7fg){background:#fffdf5;border:2px solid #2f5db3;border-block-start:.5rem solid #f3cf3f;border-radius:.75rem;min-width:0;padding:1rem}.guide-panel:where(.astro-pebux7fg):first-child,.guide-panel:where(.astro-pebux7fg):nth-child(4){border-block-start-color:#cf3030}.guide-panel:where(.astro-pebux7fg) h4:where(.astro-pebux7fg){color:#19376d;margin:0 0 .75rem;font-size:1.125rem}.type-sample:where(.astro-pebux7fg){color:#19376d;margin:0 0 1rem;font-size:2.25rem;font-weight:700;line-height:1.1}.spec-list:where(.astro-pebux7fg){gap:0;margin:0;display:grid}.spec-list:where(.astro-pebux7fg) div:where(.astro-pebux7fg){border-block-start:1px solid #b8c9df;gap:.25rem;padding-block:.65rem;display:grid}.spec-list:where(.astro-pebux7fg) dt:where(.astro-pebux7fg){color:#4b5876;font-size:.875rem;font-weight:700}.spec-list:where(.astro-pebux7fg) dd:where(.astro-pebux7fg){overflow-wrap:anywhere;min-width:0;margin:0}code:where(.astro-pebux7fg){color:#19376d;background:#e8f4ff;border:1px solid #b8c9df;border-radius:.25rem;padding:.1em .3em;font-family:Cascadia Code,Consolas,monospace;font-size:.875em}.swatch-list:where(.astro-pebux7fg),.spacing-list:where(.astro-pebux7fg),.recipe-list:where(.astro-pebux7fg){margin:0;padding:0;list-style:none}.swatch-list:where(.astro-pebux7fg){grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;display:grid}.swatch-list:where(.astro-pebux7fg) li:where(.astro-pebux7fg){grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.5rem;min-width:0;display:grid}.swatch:where(.astro-pebux7fg){background:var(--swatch-color);border:2px solid #19376d;border-radius:.25rem;width:2.5rem;height:2.5rem}.swatch-list:where(.astro-pebux7fg) strong:where(.astro-pebux7fg),.swatch-list:where(.astro-pebux7fg) code:where(.astro-pebux7fg){display:block}.swatch-list:where(.astro-pebux7fg) strong:where(.astro-pebux7fg){color:#18233f;font-size:.875rem}.swatch-list:where(.astro-pebux7fg) code:where(.astro-pebux7fg){width:max-content;margin-block-start:.2rem}.panel-note:where(.astro-pebux7fg){color:#4b5876;margin:-.25rem 0 1rem;font-size:.875rem}.spacing-list:where(.astro-pebux7fg){gap:.75rem;display:grid}.spacing-list:where(.astro-pebux7fg) li:where(.astro-pebux7fg){grid-template-columns:8rem minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;display:grid}.spacing-bar:where(.astro-pebux7fg){width:var(--space-width);background:#2f5db3;border-radius:.25rem;max-width:100%;height:.75rem;display:block}.recipe-list:where(.astro-pebux7fg){gap:.75rem;display:grid}.recipe-list:where(.astro-pebux7fg) li:where(.astro-pebux7fg){background:#fffdf5;border:2px solid #2f5db3;border-radius:.25rem;padding:.75rem}.recipe-list:where(.astro-pebux7fg) strong:where(.astro-pebux7fg),.recipe-list:where(.astro-pebux7fg) span:where(.astro-pebux7fg){display:block}.recipe-list:where(.astro-pebux7fg) strong:where(.astro-pebux7fg){color:#19376d}.recipe-list:where(.astro-pebux7fg) span:where(.astro-pebux7fg){color:#4b5876;margin-block-start:.25rem;font-size:.875rem}.recipe-list:where(.astro-pebux7fg) .header-recipe:where(.astro-pebux7fg){background:#19376d;border-block-end:.5rem solid #f3cf3f}.header-recipe:where(.astro-pebux7fg) strong:where(.astro-pebux7fg),.header-recipe:where(.astro-pebux7fg) span:where(.astro-pebux7fg){color:#fffdf5}.header-recipe:where(.astro-pebux7fg) strong:where(.astro-pebux7fg){color:#f3cf3f}.recipe-list:where(.astro-pebux7fg) .hero-recipe:where(.astro-pebux7fg){border-block-start:.5rem solid #cf3030}.recipe-list:where(.astro-pebux7fg) .card-recipe:where(.astro-pebux7fg){border-block-start:.5rem solid #f3cf3f}.recipe-list:where(.astro-pebux7fg) .action-recipe:where(.astro-pebux7fg){background:#cf3030;border-color:#19376d}.action-recipe:where(.astro-pebux7fg) strong:where(.astro-pebux7fg),.action-recipe:where(.astro-pebux7fg) span:where(.astro-pebux7fg){color:#fffdf5}.recipe-list:where(.astro-pebux7fg) .current-recipe:where(.astro-pebux7fg){background:#f3cf3f;border-color:#19376d}.recipe-list:where(.astro-pebux7fg) .status-recipe:where(.astro-pebux7fg){background:#e8f4ff;border-inline-start:.25rem solid #cf3030}.recipe-list:where(.astro-pebux7fg) .footer-recipe:where(.astro-pebux7fg){border-block-start:2px solid #2f5db3}figcaption:where(.astro-pebux7fg){color:#4b5876;border-block-start:2px solid #2f5db3;padding:1rem;font-size:.875rem}@media (width>=48rem){.guide-body:where(.astro-pebux7fg){grid-template-columns:repeat(2,minmax(0,1fr));padding:1.5rem}.guide-panel:where(.astro-pebux7fg):first-child,.palette-panel:where(.astro-pebux7fg),.guide-panel:where(.astro-pebux7fg):nth-child(5),.component-panel:where(.astro-pebux7fg){grid-column:1/-1}.spec-list:where(.astro-pebux7fg) div:where(.astro-pebux7fg){grid-template-columns:minmax(8rem,.8fr) minmax(0,1.2fr);gap:1rem}.recipe-list:where(.astro-pebux7fg){grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}}