.quiz-area{padding:120px 0 130px}.quiz-heading{max-width:760px;margin-bottom:42px}.quiz-heading p{color:var(--muted);font-size:16px}.topic-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-card{min-height:210px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:20px;background:var(--surface);cursor:pointer;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-5px);border-color:var(--green);box-shadow:0 18px 36px rgba(20,44,32,.1)}.topic-order{position:absolute;top:17px;right:17px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em}.topic-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:18px;border-radius:13px;background:var(--surface2);font-size:21px}.topic-card b{font-size:17px}.topic-card small{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.6}.topic-meta{width:100%;margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center}.topic-meta i{padding:3px 8px;border-radius:20px;background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green);font-size:10px;font-style:normal;font-weight:700}.topic-meta em{color:var(--muted);font-size:10px;font-style:normal}.quiz-area .quiz-section{padding:20px 0 0}.back-topics{margin-bottom:26px;padding:0 0 5px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.back-topics:hover{color:var(--green)}#activeTopicTitle{font-size:42px}.quiz-score strong{min-width:54px}.quiz-card:after{content:"";display:block;clear:both}
@media(max-width:980px){.topic-picker{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.quiz-area{padding:90px 0}.topic-picker{grid-template-columns:1fr}.topic-card{min-height:170px}.quiz-area .quiz-section{padding-top:0}#activeTopicTitle{font-size:34px}}