.challenges-list{margin:var(--block-margin) auto;width:150rem}.challenges-list-header{margin-bottom:var(--row-gap)}.challenges-list-content{position:relative;display:grid;grid-template-columns:12rem 1fr}.challenges-list-content h3{display:flex;justify-content:center;font:var(--font-headline-7);font-weight:700;text-transform:uppercase}.challenges-list-content-wrapper{display:grid;grid-template-columns:minmax(0, 1fr);column-gap:var(--item-column-gap);row-gap:var(--item-row-gap)}.challenges-list-content-navigation{--element-height:0rem;width:10rem;position:sticky;top:max(calc(var(--fixed-header-height) + var(--admin-bar-height) + var(--row-gap)), calc(50% - (var(--element-height) / 2)));top:calc((50vh - (var(--element-height) / 2)) + (var(--fixed-header-height) + var(--admin-bar-height)) / 2);max-height:calc(100vh - (var(--fixed-header-height) + var(--admin-bar-height) + (var(--row-gap) * 2)));overflow:hidden;transform:none;display:flex;flex-direction:column;row-gap:var(--item-row-gap);padding:var(--item-row-gap) 1.6rem;border:.1rem solid var(--color-med-grey);border-radius:var(--element-border-radius)}.challenges-list-content-navigation-button{text-align:center;opacity:.5;scale:.75;filter:grayscale(1)}.challenges-list-content-navigation-button:is(.active,:hover,:focus-visible){opacity:1;scale:1}.challenges-list-content-navigation-button.active{filter:grayscale(1)}.challenges-list-content-navigation-button :is(svg,img){width:5.6rem;margin:0 auto 1rem}.challenges-list-content-navigation-button span{display:block;font:var(--font-body-small);opacity:0;transition:all .3s ease}.challenges-list-content-navigation-button:is(.active,:hover,:focus-visible) span{opacity:1}.challenges-list-content-card-wrapper h2{display:none}.challenges-list-content-card{display:none}.challenges-list-content-list-group:not(.active){opacity:.1;transition:all .5s ease}.challenges-list-content-list-group.active{opacity:1;transition:all .5s ease}.challenges-list-content-list-group-problem.mobile-only,.challenges-list-content-list-group-solution.mobile-only{position:relative;border-radius:var(--element-border-radius)}.challenges-list-content-list-group-problem.mobile-only img,.challenges-list-content-list-group-solution.mobile-only img{border-radius:var(--element-border-radius)}.challenges-list-content-list-group-problem.mobile-only h5,.challenges-list-content-list-group-solution.mobile-only h5{padding:calc(var(--page-padding) * 1.6) calc(var(--page-padding) * 1.6) 0}.challenges-list-content-list-group-problem.mobile-only p,.challenges-list-content-list-group-solution.mobile-only p{padding:calc(var(--page-padding) * 1.6)}.challenges-list-content-list-group h2.column-title{font:var(--font-headline-5);margin:2rem 0 0}.challenges-list-content-card-background img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;overflow:hidden;opacity:.3}.challenges-list-content-card>*:not(.challenges-list-content-card-background){position:relative}.challenges-list-content-card h3{font:var(--font-elevated-2);font-weight:400;margin-bottom:var(--page-padding)}.challenges-list-content-card p{margin-bottom:1.6rem}.challenges-list-content-card p:last-child{margin-bottom:0}.challenges-list-content-card details:not(:last-child){margin-bottom:1.6rem}.challenges-list-content-card details summary{margin:0;padding:0;border-radius:0;border:none;background:0 0;appearance:none;display:inline-block;cursor:pointer;transition:all .3s ease;text-align:left;color:inherit;text-decoration:underline}.challenges-list-content-card details summary:is(:hover,:focus,:active){color:var(--link-color)}.challenges-list-content-card details>p{margin-top:1.6rem}.challenges-list-content-list-group{display:grid;grid-template-columns:minmax(0, 1fr);row-gap:calc(var(--item-row-gap) / 2);column-gap:var(--item-column-gap);align-items:center;padding:1.6rem 0}.challenges-list-content-list-group-icon :is(svg,img){width:5.6rem;margin:0 auto 1rem}.challenges-list-content-list-group-icon h4{margin:0;font:var(--font-elevated-2);font-weight:400;text-align:center}.challenges-list-content-list-group h5{font:var(--font-body);letter-spacing:var(--primary-letter-spacing);font-weight:400}.challenges-list-content-list-group p{margin-bottom:0}.challenges-list-content-list{border-radius:var(--element-border-radius);overflow:auto;position:relative}@media (min-width:768px){.challenges-list-content-card-background:is(.mobile-only){display:none}.challenges-list-content-list-group-solution:is(.mobile-only)[data-color-scheme=dark],.challenges-list-content-list-group-problem:is(.mobile-only)[data-color-scheme=dark]{background:0 0;color:var(--color-black)}.challenges-list-content-list-group h2.column-title{display:none}.challenges-list-content-list{display:none}.challenges-list-content-card-wrapper h2{display:grid;font:var(--font-headline-6);padding:1.6rem;margin:0}.challenges-list-content{position:relative;--outside-title-height:0rem;display:grid;grid-template-columns:minmax(0, 1fr) 0 minmax(0, 1fr)}.challenges-list-content-wrapper{grid-template-columns:minmax(0, 1.25fr) minmax(0, 0.75fr) 10rem minmax(0, 0.75fr) minmax(0, 1.25fr);grid-column:1/span 3;grid-row:1;position:relative;align-items:start}.challenges-list-content-navigation-wrapper{display:block;grid-column:2;grid-row:1;z-index:2}.challenges-list-content-card{display:block;border-radius:var(--element-border-radius);padding:calc(var(--page-padding) * 2);overflow:auto;position:relative}.challenges-list-content-card-wrapper-problem{grid-column:1;grid-row:1}.challenges-list-content-navigation{transform:translateX(-50%)}.challenges-list-content-list{display:grid;grid-template-columns:minmax(0, 1fr);row-gap:var(--row-gap);grid-column:2/span 3;grid-row:1}.challenges-list-content-card-wrapper-solution{grid-column:5;grid-row:1}.challenges-list-content-card-wrapper{--element-height:0rem;position:sticky;top:max(calc(var(--fixed-header-height) + var(--admin-bar-height) + var(--row-gap)), calc(50% - (var(--element-height) / 2)));max-height:calc(100vh - (var(--fixed-header-height) + var(--admin-bar-height) + (var(--row-gap) * 2)));overflow:auto}.challenges-list-content-card{max-height:calc(100vh - 10rem - (var(--fixed-header-height) + var(--admin-bar-height) + (var(--row-gap) * 2)))}.challenges-list-content-list-group{grid-template-columns:minmax(0, 1fr) 10rem minmax(0, 1fr);opacity:.1;transition:all 1s ease}.challenges-list-content-list-group.active{opacity:1}.challenges-list-content-list-group-problem{grid-column:1;grid-row:1}.challenges-list-content-list-group-icon{grid-column:2;grid-row:1;opacity:0;pointer-events:none}.challenges-list-content-list-group-solution{grid-column:3;grid-row:1}.challenges-list-content-list{row-gap:var(--block-margin);padding-top:calc(var(--outside-title-height) - 1.6rem)}.challenges-list-content-list-group h5{display:none}}