@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-600.ttf) format('truetype');
}
/* Marketing approximation of NB International Pro using the bundled OFL Inter.
   At 14px/400, opsz 20 closely matches the measured Pricing/Blog widths.
   This is not an exact glyph match; body/display reflow requires visual review.
   Keep the native product font boundary and the auto-triage design independent. */
:root{--marketing-sans:'Inter',Arial,Helvetica,sans-serif}
/* Reset only browser-default code families, retaining typography inheritance. */
code,pre,kbd,samp{font-family:inherit}
body:not(.route-auto-triage){font-family:var(--marketing-sans);font-optical-sizing:none;font-variation-settings:'opsz' 20}
.df-app{--df-sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-family:var(--df-sans);font-optical-sizing:auto;font-variation-settings:normal}
.df-app .df-time,.df-app .df-subtime,.df-app .df-weekblock small{font-family:var(--df-sans)}


/* Inter, unmodified Google Fonts distribution; SIL OFL1.1 in assets/fonts. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/inter-variable.ttf) format('truetype');
}

/* These marketing controls use explicit font shorthands in later stylesheets.
   Override only the family/optical axis, preserving size, weight and leading.
   No broad descendant override: serif editorial copy stays intact. */
body:not(.route-auto-triage) .aux-field input,
body:not(.route-auto-triage) .aux-field textarea,
body:not(.route-auto-triage) .aux-submit,
body:not(.route-auto-triage) .aux-theme-buttons button,
body:not(.route-auto-triage) .aux-play-label,
body:not(.route-auto-triage) .t-form-grid input,
body:not(.route-auto-triage) .t-docs-search,
body:not(.route-auto-triage) .t-docs-search input,
body:not(.route-auto-triage) .t-docs-actions button,
body:not(.route-auto-triage) .t-docs-actions>a,
body:not(.route-auto-triage) .t-docs-ask input,
body:not(.route-auto-triage) .t-notes-dialog-input input{
  font-family:var(--marketing-sans);
  font-optical-sizing:none;
  font-variation-settings:'opsz' 20;
}
/* Match the existing status font shorthand's importance without changing metrics. */
body:not(.route-auto-triage) .t-sample-section [data-t-form-status]{
  font-family:var(--marketing-sans)!important;
  font-optical-sizing:none!important;
  font-variation-settings:'opsz' 20!important;
}