.painel{margin-top:var(--e-5)}.grade{gap:var(--e-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.grade-cartao{gap:var(--e-1);height:100%;padding:var(--e-4);background:var(--superficie-card);border-radius:var(--raio-card);transition:border-color var(--dur-rapida) var(--ease-padrao), background var(--dur-rapida) var(--ease-padrao);border-left:3px solid #0000;flex-direction:column;text-decoration:none;display:flex}.grade-cartao:hover,.grade-cartao:focus-visible{background:var(--superficie-elevada);border-left-color:var(--cor-bodybuilder)}.grade-nome{color:var(--texto-titulo);font-weight:600;line-height:1.3}.grade-meta{font-family:var(--familia-display);font-size:var(--tam-legenda);text-transform:uppercase;letter-spacing:.06em;color:var(--texto-suave)}:is(.painel:has(input[value=iniciante]:checked) .grade>li:not([data-nivel=iniciante]),.painel:has(input[value=intermediario]:checked) .grade>li:not([data-nivel=intermediario]),.painel:has(input[value=avancado]:checked) .grade>li:not([data-nivel=avancado])){display:none}.grade-vazia{margin-top:var(--e-4);color:var(--texto-suave);display:none}:is(.painel:has(input[value=iniciante]:checked):not(:has(.grade>li[data-nivel=iniciante])) .grade-vazia,.painel:has(input[value=intermediario]:checked):not(:has(.grade>li[data-nivel=intermediario])) .grade-vazia,.painel:has(input[value=avancado]:checked):not(:has(.grade>li[data-nivel=avancado])) .grade-vazia){display:block}@media (prefers-reduced-motion:reduce){.grade-cartao,.filtro-opcao label{transition:none}}