.learn{gap:var(--space-m);padding-block:var(--space-l) var(--space-xl);display:grid}.learn__title{font-size:var(--step-4);line-height:var(--leading-tightest)}.learn__lede{max-width:var(--measure);font-size:var(--step-1);line-height:var(--leading-snug)}.learn__family{gap:var(--space-xs);display:grid}.learn__list{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));margin:0;padding:0;list-style:none;display:grid}.learn__exercise{gap:var(--space-3xs);min-height:var(--space-xl);padding:var(--space-xs) var(--space-s);border:2px solid var(--color-rule);border-radius:var(--radius);color:var(--color-text);text-decoration:none;display:grid}.learn__exercise:hover .learn__name{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}.learn__list li[data-next] .learn__exercise{border-color:var(--color-felt)}.learn__name{font-size:var(--step-1);font-weight:var(--font-weight-bold);line-height:var(--leading-tight)}.learn__next{padding-inline:var(--space-2xs);border-radius:var(--radius);background-color:var(--color-felt);color:var(--color-on-felt);font-size:var(--step--1);font-weight:var(--font-weight-bold);justify-self:start}.learn__settings{justify-items:start;gap:var(--space-xs);padding-top:var(--space-m);border-top:1px solid var(--color-rule);display:grid}.learn__confirm{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.learn__confirm p{font-weight:var(--font-weight-bold);flex-basis:100%}.learn__quiet{min-height:var(--space-xl);padding:var(--space-2xs) var(--space-s);border:2px solid var(--color-text);border-radius:var(--radius);color:var(--color-text);font:inherit;font-weight:var(--font-weight-bold);cursor:pointer;background-color:#0000;align-items:center;display:inline-flex}