.exams-wrap{padding-block:32px}
.exams-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr) minmax(0,1fr);grid-template-areas:"micro title gene";align-items:center;gap:clamp(12px,3vw,36px);padding:clamp(15px,3vw,36px);background:#06291c;color:#fff3db;border:14px solid transparent;border-image:url(moldura-quiz.svg) 20 stretch}
.exams-banner h2{grid-area:title;text-align:center;color:inherit;font:400 clamp(1.6rem,4vw,3.3rem)/1.05 Georgia,serif;margin:0}
.exams-banner h2::before,.exams-banner h2::after{content:"";display:block;width:62%;margin:12px auto;border-top:1px solid #c5a66a}
.exam-micro{grid-area:micro}.exam-gene{grid-area:gene}
.exams-banner a{display:grid;justify-items:center;gap:12px;text-align:center;text-decoration:none;font:400 clamp(1rem,2.2vw,1.35rem)/1.25 Georgia,serif;padding-bottom:6px}
.exams-banner a:hover{text-decoration:underline}
.exams-banner a:focus-visible{outline:2px solid #f1c980;outline-offset:5px}
.exams-banner img{display:block;width:min(100%,215px);height:auto;border:1px solid #b89351}
.bio .exams-wrap{padding:14px 12px 20px}
.bio .exams-banner{padding:12px 8px}
.bio .exams-banner h2{font-size:1.65rem}
.bio .exams-banner,.exams-banner{scroll-margin-top:16px}
@media(max-width:640px){.exams-banner{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"title title" "micro gene";border-width:10px}.exams-banner h2 br{display:none}.exams-banner h2::before{display:none}.exams-banner h2::after{margin:9px auto 0}}
.bio .exams-banner{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"title title" "micro gene"}
.bio .exams-banner h2 br,.bio .exams-banner h2::before{display:none}
.bio .exams-banner h2::after{margin:9px auto 0}
.exams-banner{align-items:start;position:relative}
.exams-banner h2{align-self:center}
.exams-banner a{color:inherit}
.exams-banner a>span>span{white-space:nowrap}
.exams-banner img{box-sizing:border-box}