/* Keep frequent controls legible at every viewport and browser text size. */
.eyebrow,.preview-label,.address-wrap>label,.input-hint,.calculation-tag,
.offer-card .eyebrow,.result-section-title .eyebrow,.optional,.step-number,
.ask-badge,.workspace-footer,.page-heading .eyebrow,.example-tag{font-size:.75rem}
.preview-label,.optional,.calculation-tag{letter-spacing:.06em}
.field>label,.strategy-note,dl>div,.rehab-total{font-size:.875rem}
.workspace-footer{line-height:1.6}
@media(max-width:760px){
  .field>label{font-size:.875rem}
  .mobile-result div>span,.toolbar .button{font-size:.75rem}
  .mobile-result a{font-size:.8125rem}
  .example-tag{display:none}
  .preview-label{font-size:.625rem}
}
@media(max-width:360px){.toolbar .button{font-size:.75rem}.page-heading{flex-wrap:wrap}.toolbar{margin-left:auto}}
@media print{.workspace-footer{display:none}.eyebrow,.optional,.input-hint,.field>label,dl>div{font-size:10px}}