/* Typography by UI role. Scientific drawings, plots, rich-text sizes and
   compact sidebar navigation retain their own scales. */
:root{
 --ui-caption:var(--type-caption);--ui-label:var(--type-small);
 --ui-body:var(--type-body);--ui-reading:var(--type-reading);
 --ui-input:var(--type-body);--ui-action:var(--type-small);
 --ui-section:var(--type-reading);--ui-subsection:var(--type-body);
 --ui-title:var(--type-title);--ui-dialog:1.25rem;
}
.ui-caption{font-size:var(--ui-caption);line-height:1.5}
.ui-label,.ui-unit{font-size:var(--ui-label);line-height:1.5}
.ui-section-title{font-size:var(--ui-section);font-weight:600;line-height:1.4}
.ui-help{font-size:var(--ui-caption);line-height:1.6}
@media(max-width:820px){
 :root{--ui-caption:var(--type-small);--ui-body:var(--type-reading);
  --ui-reading:1rem;--ui-input:max(1rem,16px);--ui-action:var(--type-reading);
  --ui-subsection:var(--type-reading);--ui-title:1.25rem}
}