.challenge-hero{background:var(--boxbg);border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);margin:0 0 var(--outermargin);padding:24px var(--innerpadding)}.challenge-hero-title{color:var(--texthightlight);font-size:var(--headingSize);font-weight:var(--headingBold);text-align:center;margin:0 0 20px}.challenge-steps{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.challenge-step{text-align:center}.challenge-step-number{background:var(--boxlightbg);color:var(--texthightlight);font-size:var(--FontSize);font-weight:var(--headingBold);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.challenge-step-title{color:var(--textColor1);font-size:var(--FontSize16);font-weight:var(--headingBold);margin:12px 0 4px}.challenge-step-blurb{color:var(--textColor2);font-size:var(--FontSize);margin:0}.challenge-list-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.challenge-list-count{color:var(--textlighter);font-size:var(--FontSize)}.challenge-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px;display:grid}.challenge-card{background:var(--boxbg);border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);transition:border-color .15s}.challenge-card:hover,.challenge-card:focus-within{border-color:var(--mainBlue)}.challenge-card-link{color:inherit;height:100%;padding:var(--innerpadding);gap:12px;text-decoration:none;display:flex}.challenge-card-icon{flex:0 0 60px;width:60px;height:60px}.challenge-card-icon img{object-fit:contain;width:60px;height:60px}.challenge-card-monogram{background:var(--boxlightbg);border-radius:var(--bdrRadius);color:var(--texthightlight);font-size:1.6rem;font-weight:var(--headingBold);justify-content:center;align-items:center;width:60px;height:60px;display:flex}.challenge-card-body{flex-direction:column;gap:6px;min-width:0;display:flex}.challenge-card-title{color:var(--texthightlight);font-size:var(--FontSize16);font-weight:var(--headingBold);margin:0}.challenge-card-description{color:var(--textColor2);-webkit-line-clamp:2;line-clamp:2;font-size:var(--FontSize);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.challenge-card-foot{color:var(--textlighter);font-size:var(--FontSize);flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:8px;display:flex}.challenge-card-tech{background:var(--boxlightbg);border-radius:var(--bdrRadius);color:var(--textColor2);padding:2px 8px}.challenge-reward{color:var(--mainOrange);font-weight:var(--headingBold);align-items:center;gap:4px;display:inline-flex}.challenge-detail-head{gap:15px;margin:0 0 15px;display:flex}.challenge-detail-icon{object-fit:contain;flex:0 0 72px;width:72px;height:72px}.challenge-detail-title{color:var(--texthightlight);font-size:var(--headingSize);font-weight:var(--headingBold);margin:0 0 6px}.challenge-detail-blurb{color:var(--textColor2);font-size:var(--FontSize16);margin:0 0 8px}.challenge-detail-facts{color:var(--textlighter);font-size:var(--FontSize);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.challenge-detail-start{margin:0 0 20px;display:inline-block}.challenge-detail-foot{border-top:1px solid var(--bdrColor);flex-wrap:wrap;align-items:center;gap:15px;margin-top:20px;padding-top:20px;display:flex}.challenge-detail-resource{color:var(--textBtn);font-size:var(--FontSize)}.challenge-take-head{align-items:center;gap:12px;margin:0 0 20px;display:flex}.challenge-take-icon{object-fit:contain;flex:0 0 56px;width:56px;height:56px}.challenge-take-title{color:var(--texthightlight);font-size:var(--headingSize);font-weight:var(--headingBold);margin:0}.challenge-take-facts{color:var(--textlighter);font-size:var(--FontSize);flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 0;display:flex}.challenge-take-locked,.challenge-quiz{background:var(--boxbg);border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);padding:20px var(--innerpadding)}.challenge-take-locked h2{color:var(--texthightlight);font-size:var(--FontSize18);font-weight:var(--headingBold);margin:0 0 8px}.challenge-take-locked p{color:var(--textColor2);margin:0 0 15px}.challenge-take-locked-actions{flex-wrap:wrap;gap:10px;display:flex}.challenge-quiz-progress{margin:0 0 20px}.challenge-quiz-step{color:var(--textlighter);font-size:var(--FontSize)}.challenge-quiz-bar{background:var(--boxlightbg);border-radius:3px;height:6px;margin-top:8px;display:block;overflow:hidden}.challenge-quiz-bar-fill{background:var(--mainBlue);height:100%;transition:width .2s;display:block}.challenge-quiz-question{border:0;margin:0;padding:0}.challenge-quiz-title{color:var(--textColor1);font-size:var(--FontSize18);font-weight:var(--headingBold);margin:0 0 15px;padding:0}.challenge-quiz-options{flex-direction:column;gap:10px;display:flex}.challenge-quiz-option{background:var(--bodyBg);border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);color:var(--textColor2);cursor:pointer;align-items:flex-start;gap:10px;padding:12px;transition:border-color .15s;display:flex}.challenge-quiz-option:hover{border-color:var(--mainBlue)}.challenge-quiz-option.is-picked{background:var(--boxlightbg);border-color:var(--mainBlue);color:var(--textColor1)}.challenge-quiz-option input{accent-color:var(--mainBlue);margin-top:3px}.challenge-quiz-error{margin:15px 0 0}.challenge-quiz-nav{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.challenge-quiz-unanswered{color:var(--textlighter);font-size:var(--FontSize);margin:10px 0 0}.challenge-result-card{background:var(--boxbg);border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);padding:30px var(--innerpadding);text-align:center}.challenge-result-card.is-pass{border-top:3px solid var(--mainGreen)}.challenge-result-card.is-fail{border-top:3px solid var(--mainRed)}.challenge-result-badge{width:100%;max-width:320px;height:auto}.challenge-result-title{color:var(--texthightlight);font-size:var(--headingSize);font-weight:var(--headingBold);margin:15px 0 10px}.challenge-result-score{color:var(--textColor1);font-size:var(--FontSize16);margin:0 0 8px}.challenge-result-score span{color:var(--textlighter);font-size:var(--FontSize)}.challenge-result-reward,.challenge-result-next,.challenge-result-retry p{color:var(--textColor2);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 0 10px;display:flex}.challenge-result-when{color:var(--textlighter);font-size:var(--FontSize);margin:0 0 15px}.challenge-result-retry-actions,.challenge-result-share{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:15px 0 0;display:flex}.challenge-result-share span{color:var(--textlighter);font-size:var(--FontSize)}.challenge-result-share a{color:var(--textBtn);font-size:var(--FontSize)}.challenge-result-more{color:var(--textBtn);font-size:var(--FontSize);margin-top:20px;display:inline-block}