.duration-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:-4px 0 18px}.duration-picker button{min-height:38px;border:1px solid #cfe1d8;border-radius:6px;background:#fff;color:#638076;font-size:11px;font-weight:800}.duration-picker button.selected{border-color:var(--green);background:#e5f5df;color:var(--green)}.duration-picker button:disabled{cursor:not-allowed;opacity:.58}.test-stats{grid-template-columns:repeat(5,1fr)}.test-result{margin-top:19px;padding:18px;border:1px solid #cde4d8;border-radius:8px;background:#f7fcf8}.test-result[hidden]{display:none}.test-result>p:first-child{margin:0 0 4px;color:#6c877b;font-size:11px;font-weight:800}.test-result>strong{display:block;color:var(--green);font-size:30px;letter-spacing:-1.5px}.result-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid #dcece3}.result-details span{color:#71897e;font-size:10px}.result-details b{display:block;margin-top:3px;color:var(--ink);font-size:14px}.result-comparison{margin:14px 0 0!important;color:var(--green)!important;font-size:12px!important;font-weight:800}.result-comparison[hidden]{display:none}@media(max-width:750px){.duration-picker{grid-template-columns:repeat(2,1fr)}.test-stats{grid-template-columns:repeat(2,1fr)}.test-stats div:last-child{grid-column:span 2}.result-details{grid-template-columns:1fr;gap:10px}.test-result>strong{font-size:27px}}