/* FINGEO sector-ui-v1: one display dictionary for Ratios and company cards. */
#pageRatios .rt th.rt-sector,
#pageRatios .rt td.rt-sector {
  text-align: left;
  white-space: normal;
  min-width: 122px;
  max-width: 162px;
  line-height: 1.3;
}
#pageRatios .rt td.rt-sector { color: var(--grey); font-size: 10px; }
#pageRatios .rt td.rt-sector-unknown { color: var(--grey); opacity: .75; }
#companyModal .co-head { gap: 12px; }
#companyModal .co-head > div:first-child { min-width: 0; flex: 1 1 auto; }
#companyModal .co-rating { flex: 0 0 auto; }
#companyModal .co-sector { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 6px; margin-top: 6px; font-size: 10px; line-height: 1.4; }
#companyModal .co-sector-label { color: var(--grey); }
#companyModal .co-sector-value { color: var(--white); }
#companyModal .co-sector-unknown { color: var(--grey); }
#companyModal .co-sector .fg-sector-source { flex-basis: 100%; font-size: 9px; }
#companyModal .fg-sector-source,
#pageRatios .fg-sector-source { color: var(--grey); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 2px; }
#companyModal .fg-sector-source:hover,
#pageRatios .fg-sector-source:hover { color: var(--amber); }
#companyModal .fg-sector-source:focus-visible,
#pageRatios .fg-sector-source:focus-visible { outline: 1px solid var(--amber); outline-offset: 3px; }
@media (max-width: 560px) {
  #pageRatios .rt th.rt-sector,
  #pageRatios .rt td.rt-sector { min-width: 112px; max-width: 140px; }
  #companyModal .co-head { gap: 8px; }
  #companyModal .co-sector { font-size: 10px; }
}