.portal-panel{display:none}.portal-panel.active{display:block}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.results-heading h3{margin:0;color:var(--teal);font:700 20px var(--serif)}.results-heading .button{cursor:pointer;background:#fff}.result-list{border-top:1px solid #ded3c0}.result-list article{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #e5dccd}.result-list article div{display:grid;gap:3px}.result-list small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.result-list article b{font:700 15px var(--serif);color:var(--ink)}.result-list article span{font-size:11px;color:var(--muted)}.result-list article>strong{min-width:82px;padding:7px 10px;text-align:center;border-radius:99px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.result-female{background:#e5f6f0;color:#19765c}.result-male{background:#e4f2f5;color:#176c78}.result-note{margin-top:20px;padding:15px 17px;background:var(--cream);border-left:4px solid var(--gold)}.result-note b{font:700 13px var(--serif);color:var(--wood)}.result-note p{margin:5px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}.sample-progress{padding:16px 0;border-bottom:1px solid #e5dccd}.sample-progress b{font:700 14px var(--serif);color:var(--teal)}.sample-progress small{font-size:10px;color:var(--muted)}.progress-track{height:7px;margin:9px 0;background:#e4ded3;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--aqua)}@media(max-width:640px){.results-heading{display:block}.results-heading .button{margin-top:13px}.result-list article{align-items:flex-start}.result-list article>strong{min-width:70px}}