.panel{padding:28px;background:#fff;border:1px solid #dedbd5;border-radius:18px;margin:24px 0}.dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dimension{background:var(--tint);padding:22px;border:1px solid #dedbd5;border-radius:16px}.dimension h2,.dimension h3{margin:0}.dimension strong.score{display:block;font-size:48px;color:var(--accent)}meter,progress{width:100%;height:17px;accent-color:var(--accent)}.pair-inputs{display:grid;grid-template-columns:1fr 1fr;gap:22px}.shared-card{width:100%;height:auto;border-radius:16px}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.action-row .primary{width:auto}.readable{max-width:820px;margin:35px auto}.quiet{color:#5c6458;font-size:15px}button:disabled{opacity:.6;cursor:not-allowed}fieldset{border:0;padding:0;margin:24px 0}legend{font-size:25px;font-weight:bold;margin-bottom:18px}#choices label{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #bbc9c2;border-radius:12px;cursor:pointer}#choices label:has(input:checked){background:var(--tint);border-color:var(--accent)}#choices input{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:var(--accent)}.navigation{display:flex;justify-content:space-between;gap:20px}.navigation button{width:auto}.score-ring{border:14px solid var(--accent);border-radius:50%;width:185px;height:185px;margin:25px auto;display:grid;place-content:center;text-align:center}.score-ring strong{font-size:60px;line-height:1.1}.result-visual{text-align:center}#dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#dimensions article{padding:20px;background:var(--tint);border-radius:14px}.result-card{max-width:850px;margin:35px auto}.result-card img{width:100%;height:auto}.result-card a{display:inline-block;margin:12px}.error,#error{color:#9e1836}nav{flex-wrap:wrap}@media(max-width:650px){.dimensions,.pair-inputs,#dimensions{grid-template-columns:1fr}.panel{padding:20px}header{gap:15px;align-items:flex-start}header nav{gap:7px 13px;font-size:13px;justify-content:flex-end}.navigation{gap:10px}legend{font-size:22px}}

.score-ring span{font-size:13px}