/* Apple HIG type — Large (default).
   Apple publishes points; these are converted to rem against a 16px root
   so they survive browser text zoom. Line height is unitless. */
:root { --hig-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", system-ui, sans-serif; }

.hig-large-title {
  font-family: var(--hig-font);
  font-size: 2.1250rem; /* 34pt */
  line-height: 1.2059;
  font-weight: 400;
  letter-spacing: -0.01em;
}
.hig-large-title-emphasized { font-weight: 700; }
.hig-title-1 {
  font-family: var(--hig-font);
  font-size: 1.7500rem; /* 28pt */
  line-height: 1.2143;
  font-weight: 400;
  letter-spacing: -0.01em;
}
.hig-title-1-emphasized { font-weight: 700; }
.hig-title-2 {
  font-family: var(--hig-font);
  font-size: 1.3750rem; /* 22pt */
  line-height: 1.2727;
  font-weight: 400;
  letter-spacing: -0.01em;
}
.hig-title-2-emphasized { font-weight: 700; }
.hig-title-3 {
  font-family: var(--hig-font);
  font-size: 1.2500rem; /* 20pt */
  line-height: 1.25;
  font-weight: 400;
}
.hig-title-3-emphasized { font-weight: 600; }
.hig-headline {
  font-family: var(--hig-font);
  font-size: 1.0625rem; /* 17pt */
  line-height: 1.2941;
  font-weight: 600;
}
.hig-body {
  font-family: var(--hig-font);
  font-size: 1.0625rem; /* 17pt */
  line-height: 1.2941;
  font-weight: 400;
}
.hig-body-emphasized { font-weight: 600; }
.hig-callout {
  font-family: var(--hig-font);
  font-size: 1.0000rem; /* 16pt */
  line-height: 1.3125;
  font-weight: 400;
}
.hig-callout-emphasized { font-weight: 600; }
.hig-subhead {
  font-family: var(--hig-font);
  font-size: 0.9375rem; /* 15pt */
  line-height: 1.3333;
  font-weight: 400;
}
.hig-subhead-emphasized { font-weight: 600; }
.hig-footnote {
  font-family: var(--hig-font);
  font-size: 0.8125rem; /* 13pt */
  line-height: 1.3846;
  font-weight: 400;
}
.hig-footnote-emphasized { font-weight: 600; }
.hig-caption-1 {
  font-family: var(--hig-font);
  font-size: 0.7500rem; /* 12pt */
  line-height: 1.3333;
  font-weight: 400;
}
.hig-caption-1-emphasized { font-weight: 600; }
.hig-caption-2 {
  font-family: var(--hig-font);
  font-size: 0.6875rem; /* 11pt */
  line-height: 1.1818;
  font-weight: 400;
}
.hig-caption-2-emphasized { font-weight: 600; }

/* Dynamic Type on the web.
   Safari maps the platform text styles onto the CSS `font` shorthand, so text
   set this way tracks the reader's Dynamic Type setting instead of a fixed
   size. Set `font` alone — it resets family, size and line-height together —
   then override only what you must. Non-Safari browsers ignore the keyword and
   fall back to the class above. Requires:
       <meta name="supported-color-schemes" content="light dark">
   and no `font-size` override on the same rule. */
@supports (font: -apple-system-body) {
  .hig-body { font: -apple-system-body; }
  .hig-callout { font: -apple-system-callout; }
  .hig-caption-1 { font: -apple-system-caption1; }
  .hig-caption-2 { font: -apple-system-caption2; }
  .hig-footnote { font: -apple-system-footnote; }
  .hig-headline { font: -apple-system-headline; }
  .hig-subhead { font: -apple-system-subheadline; }
  .hig-title-1 { font: -apple-system-title1; }
  .hig-title-2 { font: -apple-system-title2; }
  .hig-title-3 { font: -apple-system-title3; }
}