.ex-card:where(.astro-t2qzypxa){border-radius:var(--radius-lg);border:1px solid var(--ui-border);border-left:4px solid var(--cat-color);background:var(--ui-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:200px 1fr;gap:1.25rem;margin:1.25rem 0;padding:1.25rem;display:grid}.ex-card:where(.astro-t2qzypxa):hover{border-color:var(--cat-color);box-shadow:0 4px 20px -4px color-mix(in srgb, var(--cat-color), transparent 80%)}.ex-card__visual:where(.astro-t2qzypxa){border-radius:var(--radius-md);background:var(--ui-bg);aspect-ratio:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.ex-card__image:where(.astro-t2qzypxa){object-fit:cover;width:100%;height:100%}.ex-card__content:where(.astro-t2qzypxa){flex-direction:column;gap:.75rem;display:flex}.ex-card__header:where(.astro-t2qzypxa){flex-direction:column;gap:.25rem;display:flex}.ex-card__category:where(.astro-t2qzypxa){text-transform:uppercase;letter-spacing:.08em;color:var(--cat-color);font-size:.7rem;font-weight:600}.ex-card__title:where(.astro-t2qzypxa){font-size:var(--text-lg);color:var(--sl-color-white);margin:0;font-weight:600;line-height:1.3}.ex-card__meta:where(.astro-t2qzypxa){flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.ex-card__pill:where(.astro-t2qzypxa){border-radius:var(--radius-full);background:var(--cat-bg);color:var(--cat-color);white-space:nowrap;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.ex-card__steps:where(.astro-t2qzypxa){counter-reset:step;margin:0;padding-left:1.25rem;list-style:decimal}.ex-card__step:where(.astro-t2qzypxa){font-size:var(--text-sm);color:var(--sl-color-gray-2);margin-bottom:.25rem;line-height:1.6}.ex-card__step:where(.astro-t2qzypxa)::marker{color:var(--cat-color);font-weight:700}.ex-card__details-btn:where(.astro-t2qzypxa){appearance:none;border:1px solid var(--cat-color);border-radius:var(--radius-full);color:var(--cat-color);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform 50ms ease;background:0 0;align-self:flex-start;margin-top:auto;padding:.4rem 1rem;font-weight:500}.ex-card__details-btn:where(.astro-t2qzypxa):hover{background:var(--cat-bg);color:var(--cat-color)}.ex-card__details-btn:where(.astro-t2qzypxa):active{transform:scale(.97)}@media (width<=600px){.ex-card:where(.astro-t2qzypxa){grid-template-columns:1fr}.ex-card__visual:where(.astro-t2qzypxa){aspect-ratio:16/9;max-height:200px}}.exercise-dialog:where(.astro-jejjjvfo){border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:var(--glass-bg);width:calc(100% - 2rem);max-width:40rem;max-height:80vh;-webkit-backdrop-filter:var(--glass-blur);color:var(--ui-text);box-shadow:var(--shadow-lg);animation:popover-enter var(--duration-slow) var(--ease-spring);margin:auto;padding:0;position:fixed}.exercise-dialog:where(.astro-jejjjvfo)::backdrop{-webkit-backdrop-filter:blur(8px);background:#000000b3}.exercise-dialog__frame:where(.astro-jejjjvfo){outline:none;padding:1.5rem}.exercise-dialog__header:where(.astro-jejjjvfo){border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.exercise-dialog__title:where(.astro-jejjjvfo){font-size:var(--text-lg);color:var(--sl-color-white);margin:0;font-weight:600}.exercise-dialog__close:where(.astro-jejjjvfo){appearance:none;color:var(--ui-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.exercise-dialog__close:where(.astro-jejjjvfo):hover{color:var(--ui-text);background:var(--ui-highlight)}.exercise-dialog__content:where(.astro-jejjjvfo){font-size:var(--text-sm);color:var(--sl-color-gray-2);max-height:calc(80vh - 6rem);line-height:1.7;overflow-y:auto}.exercise-dialog__content:where(.astro-jejjjvfo) h4{color:var(--sl-color-white);font-size:var(--text-base);margin:1rem 0 .5rem}.exercise-dialog__content:where(.astro-jejjjvfo) ul{margin:.5rem 0;padding-left:1.25rem}.exercise-dialog__content:where(.astro-jejjjvfo) li{margin-bottom:.35rem}.exercise-dialog__content:where(.astro-jejjjvfo) strong{color:var(--sl-color-white)}
