/* UX4G 3.0 roles documented in references/browser-catalog.md.
   Source measurements; only opt-in aliases below affect product styling. */
:root{
 --source-inline-none:0px;--source-inline-xxs:2px;--source-inline-xs:4px;--source-inline-s:8px;--source-inline-m:12px;--source-inline-l:16px;
 --source-stack-none:0px;--source-stack-xxs:4px;--source-stack-xs:8px;--source-stack-s:12px;--source-stack-m:16px;--source-stack-l:24px;
 --source-section-none:0px;--source-section-xs:24px;--source-section-s:32px;--source-section-m:48px;--source-section-xl:64px;--source-section-xxl:80px;
 --source-padding-none:0px;--source-padding-xxs:4px;--source-padding-xs:8px;--source-padding-s:12px;--source-padding-m:16px;--source-padding-l:20px;--source-padding-xl:24px;--source-padding-xxl:32px;
 --source-radius-none:0px;--source-radius-small:4px;--source-radius-medium:8px;--source-radius-large:12px;--source-radius-full:999px;
 --source-border-default:1px;--source-border-strong:2px;
 --source-display-l:60px;--source-display-l-leading:64px;--source-display-m:52px;--source-display-m-leading:56px;--source-display-s:40px;--source-display-s-leading:44px;--source-display-xs:36px;--source-display-xs-leading:40px;
 --source-heading-xxl:40px;--source-heading-xxl-leading:48px;--source-heading-xl:32px;--source-heading-xl-leading:40px;--source-heading-l:28px;--source-heading-l-leading:36px;--source-heading-m:24px;--source-heading-m-leading:32px;--source-heading-s:20px;--source-heading-s-leading:26px;--source-heading-xs:16px;--source-heading-xs-leading:22px;--source-heading-xxs:14px;--source-heading-xxs-leading:20px;
 --source-title-l:24px;--source-title-l-leading:28px;--source-title-m:20px;--source-title-m-leading:24px;--source-title-s:16px;--source-title-s-leading:20px;
 --source-body-l:18px;--source-body-l-leading:26px;--source-body-m:16px;--source-body-m-leading:24px;--source-body-s:14px;--source-body-s-leading:22px;--source-body-xs:12px;--source-body-xs-leading:18px;
 --source-label-xl:16px;--source-label-xl-leading:20px;--source-label-l:14px;--source-label-l-leading:18px;--source-label-m:12px;--source-label-m-leading:16px;--source-label-s:11px;--source-label-s-leading:14px;
 /* Overlay ambient Y=0 cross-checked in system30-effects-file.json and
    system30-effects-overlay-readable.png; floats rounded to source percentages. */
 --source-shadow-0:none;--source-shadow-1:0 1px 2px #0000000a,0 1px 2px #0000000a;--source-shadow-2:0 4px 8px #00000014,0 1px 2px #0000000a;--source-shadow-3:0 0 16px #00000029,0 4px 8px #00000014;--source-shadow-4:0 16px 32px #0000003d,0 8px 16px #00000029;
}
@media(max-width:1023px){:root{--source-display-l:52px;--source-display-l-leading:56px;--source-display-m:40px;--source-display-m-leading:44px;--source-display-s:36px;--source-display-s-leading:40px;--source-display-xs:32px;--source-display-xs-leading:36px}}
@media(max-width:767px){:root{--source-display-l:36px;--source-display-l-leading:40px;--source-display-m:32px;--source-display-m-leading:36px;--source-display-s:28px;--source-display-s-leading:32px;--source-display-xs:24px;--source-display-xs-leading:26px}}