.vocal-range-diagnostic .orange-stage{min-height:440px}.vocal-range-diagnostic h1{-webkit-hyphens:none;hyphens:none;overflow-wrap:anywhere}.vocal-range-diagnostic .orange-header{gap:20px}.vocal-range-diagnostic .orange-header>.orange-quiet{margin-left:auto;flex-shrink:0}.vocal-range-diagnostic .orange-brand{min-width:0}.vocal-range-diagnostic .orange-primary:disabled{opacity:.4;cursor:default}.vocal-range-details,.vocal-range-card{max-width:680px;margin:auto;width:100%}.vocal-range-details h1,.vocal-range-card h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;margin-bottom:24px}.vocal-range-card{text-align:center}.vocal-range-card>.orange-primary{margin:32px auto}@media(max-height:500px)and (min-width:640px){.vocal-range-diagnostic .orange-stage{min-height:0;width:100%;max-width:760px;display:grid;grid-template-columns:.9fr 1.1fr;column-gap:32px;text-align:left;align-items:start}.vocal-range-diagnostic .orange-stage>.orange-symbol{display:none}.vocal-range-diagnostic .orange-stage>h1{grid-column:1;grid-row:2/5}.vocal-range-diagnostic .orange-stage>.orange-kicker{grid-column:1;grid-row:1}.vocal-range-diagnostic .orange-stage>:not(h1):not(.orange-symbol):not(.orange-kicker){grid-column:2}}.vocal-range-details :is(.text-xs,.text-sm){font-size:1rem;line-height:1.6}.vocal-range-details>.orange-link{margin-top:24px}.vocal-range-details :is(.text-dojo-400,.text-dojo-500){color:#c0bccc}.vocal-range-details input::placeholder{color:#a5acbf}