/* Presentation components use role aliases, never individual font sizes. */
body{font-family:var(--font-body);font-size:var(--type-support-size);font-weight:var(--body-weight);line-height:var(--body-leading);font-synthesis:none}
h1{font:var(--heading-weight) var(--type-page-title-size)/var(--heading-leading) var(--font-heading)}
h2{font:var(--heading-weight) var(--type-section-title-size)/var(--heading-leading) var(--font-heading)}
p,details p,summary{font-size:var(--type-support-size);line-height:var(--body-leading)}
.app-heading strong{font:var(--heading-weight) var(--type-section-title-size)/var(--heading-leading) var(--font-heading)}
.avatar,.state-icon{font:var(--body-weight) var(--body-lg)/var(--body-leading) var(--font-body)}
.simulation,.draft,.eyebrow,.bubble small,.preview-footer,.app-heading span:not(.draft){font-size:var(--type-caption-size)}
.quiet,.interaction-status,.calendar-event time,.calendar-event p{font-size:var(--type-support-size)}
.checklist label,.calendar-event strong{font-size:var(--type-item-title-size);line-height:var(--body-leading)}
.bubble p{font-size:var(--type-chat-size)}
button,input,select{font-family:var(--font-body);font-size:var(--type-control-size)}
strong,b{font-weight:var(--body-emphasis-weight);font-synthesis:weight}