/* v9-fonts — opt-in typography layer.
   Linked only from approved top pages, hub pages, and article pages. */
:root{
  --v9-display:'Playfair Display',Georgia,serif;
  --v9-body:'DM Sans',system-ui,-apple-system,sans-serif;
  --v9-ui:'Inter',system-ui,sans-serif;
}
body{font-family:var(--v9-body)}
h1,h2,h3,h4,h5,h6{font-family:var(--v9-display)}
button,.btn,input,select,textarea,
[role="tab"],[role="button"],
.nav-link,nav a,
.eyebrow,.section-kicker,.sv-eyebrow,.section-eyebrow,
.breadcrumb,nav[aria-label="Breadcrumb"],
.tag,.chip,.label,.meta,.badge{
  font-family:var(--v9-ui);
}
pre,code,kbd,samp,tt,.font-mono,.code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.fa,.fas,.far,.fal,.fad,.fa-solid,.fa-regular,
i.fa,i.fas,i.far,i.fal,i.fad,
[class^="fa-"],[class*=" fa-"]{font-family:"Font Awesome 6 Free"}
.fab,.fa-brands,i.fab{font-family:"Font Awesome 6 Brands"}
.no-v9-font,.no-v9-font *{font-family:inherit !important}

/* Experiment: sectors directory uses legacy typography only in the hub grid. */
body.v9-fonts-hub-grid-legacy #sectors-grid,
body.v9-fonts-hub-grid-legacy #sectors-grid *{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
}
body.v9-fonts-hub-grid-legacy #sectors-grid .fa,
body.v9-fonts-hub-grid-legacy #sectors-grid .fas,
body.v9-fonts-hub-grid-legacy #sectors-grid .far,
body.v9-fonts-hub-grid-legacy #sectors-grid .fal,
body.v9-fonts-hub-grid-legacy #sectors-grid .fad,
body.v9-fonts-hub-grid-legacy #sectors-grid .fa-solid,
body.v9-fonts-hub-grid-legacy #sectors-grid .fa-regular,
body.v9-fonts-hub-grid-legacy #sectors-grid i.fa,
body.v9-fonts-hub-grid-legacy #sectors-grid i.fas,
body.v9-fonts-hub-grid-legacy #sectors-grid i.far,
body.v9-fonts-hub-grid-legacy #sectors-grid i.fal,
body.v9-fonts-hub-grid-legacy #sectors-grid i.fad,
body.v9-fonts-hub-grid-legacy #sectors-grid [class^="fa-"],
body.v9-fonts-hub-grid-legacy #sectors-grid [class*=" fa-"]{
  font-family:"Font Awesome 6 Free" !important;
}
body.v9-fonts-hub-grid-legacy #sectors-grid .fab,
body.v9-fonts-hub-grid-legacy #sectors-grid .fa-brands,
body.v9-fonts-hub-grid-legacy #sectors-grid i.fab{
  font-family:"Font Awesome 6 Brands" !important;
}