@layer sections{.challenges{padding-block:var(--space-large)}.challenges__title{margin-block:0 var(--space-xs);font-size:var(--size-headline);line-height:var(--leading-headline)}.challenges__sub{margin-block:0 var(--space-large);max-width:60ch;color:var(--color-gray-600);font-size:var(--size-lg)}.challenges__list{gap:var(--space-md);margin-block:var(--space-lg) 0;padding:0;list-style:none;display:grid}.challenges__item{align-content:start;gap:var(--space-xs);padding:var(--space-md);background-color:var(--color-gray-50);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);display:grid}.challenges__name{font-size:var(--size-xl);line-height:var(--leading-subline);margin:0}.challenges__pair{gap:var(--space-xs);margin:0;display:grid}.challenges__pair dt{font-size:var(--size-sm);margin-block-end:var(--space-3xs);font-weight:700}.challenges__pair dd{margin:0}.challenges__problem dt{color:var(--color-gray-600)}.challenges__problem dd{color:var(--color-gray-700)}.challenges__solution{padding:var(--space-xs);background-color:color-mix(in srgb, var(--color-primary-readable) 10%, var(--color-gray-50));border-radius:var(--radius-sm)}.challenges__solution dt,.challenges__solution dd{color:var(--color-gray-900)}@media (min-width:62rem){.challenges__list{grid-template-columns:repeat(3,1fr)}}}
