.quiz-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}.quiz-mode-tabs>a{overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:18px;text-decoration:none;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}.quiz-mode-tabs img{display:block;width:100%;height:120px;object-fit:cover}.quiz-mode-tabs a>span{display:flex;flex-direction:column;gap:4px;padding:13px 15px}.quiz-mode-tabs strong{font-size:17px}.quiz-mode-tabs small{color:var(--muted);font-size:12px;line-height:1.4}.quiz-mode-tabs a[aria-current=page]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.quiz-mode-tabs a[aria-current=page]>span{background:var(--tint)}.quiz-mode-tabs a:hover{border-color:var(--accent)}
@media(max-width:700px){.quiz-mode-tabs{gap:8px;margin-bottom:20px}.quiz-mode-tabs>a{border-radius:13px}.quiz-mode-tabs img{height:76px}.quiz-mode-tabs a>span{padding:10px 7px;gap:3px}.quiz-mode-tabs strong{font-size:14px;white-space:nowrap}.quiz-mode-tabs small{font-size:10px}.quiz-hub .section-heading h1{font-size:27px}}
.quiz-mode-tabs>a{position:relative;isolation:isolate;min-height:180px;display:flex;align-items:flex-end;background:#171526}
.quiz-mode-tabs>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.quiz-mode-tabs>a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 15%,rgba(9,10,22,.8) 68%,rgba(9,10,22,.96))}
.quiz-mode-tabs a>span,.quiz-mode-tabs a[aria-current=page]>span{background:transparent;padding:16px;width:100%;color:#fff}
.quiz-mode-tabs strong{color:#fff;text-shadow:0 1px 3px #000}.quiz-mode-tabs small{color:#e6e9f2}
@media(max-width:700px){.quiz-mode-tabs>a{min-height:138px}.quiz-mode-tabs a>span{padding:12px}.quiz-mode-tabs small{font-size:11px}}