/* Shared text family; icon fonts and code keep their own faces. */
:root {
  --font-ui:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  --font-mono:'Cascadia Code','SFMono-Regular',Consolas,monospace;
  --rail-title-size:13px;
  --rail-icon-size:30px;
}
/* Layered text rules also cover older components with a hardcoded font. */
@layer site-typography {
html body,.tech-text {
  font-family:var(--font-ui)!important;
  font-size:12px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.8!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
html:root :is(body.public-ui,body.auth-body,body.adm-body,body) :is(
  div,span,h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select,option,optgroup,
  label,summary,legend,li,dt,dd,th,td,caption,figcaption,blockquote,strong,b,small,em,time,output
):not(:where(.fa,.fas,.far,.fab,.fal,.fad,.fat,.fak,[class*="fa-"],.fi,[class*="fi-"])) {
  font-family:var(--font-ui)!important;
  letter-spacing:0!important;
}
html:root body :is(pre,code,kbd,samp,.font-mono,.monospace),
html:root body :is(pre,code,kbd,samp,.font-mono,.monospace) :is(div,span,a,strong,b,small,em) {
  font-family:var(--font-mono)!important;
}
}
/* Both horizontal rails share the same compact heading and full-colour artwork. */
html.site-pearl body.public-ui .site-main :is(#feedbackTitle,#catalogSuggestionsTitle) {
  display:flex!important;
  align-items:center;
  gap:8px!important;
  min-height:var(--rail-icon-size);
  width:auto;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:var(--compact-ink,var(--text-primary))!important;
  font-family:var(--font-ui)!important;
  font-size:var(--rail-title-size)!important;
  font-weight:700!important;
  line-height:1.5!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
  text-shadow:none!important;
}
html.site-pearl body.public-ui .site-main .page-content :is(.fb-gallery-heading,.catalog-suggestions-head) .home-rail-icon {
  display:grid;
  place-items:center;
  flex:0 0 var(--rail-icon-size)!important;
  width:var(--rail-icon-size)!important;
  height:var(--rail-icon-size)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
html.site-pearl body.public-ui .site-main .home-rail-icon>img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
html.site-pearl body.public-ui .site-main .page-content .fb-gallery--minimal .fb-gallery-heading {
  gap:8px!important;
}
html.site-pearl body.public-ui .site-main .page-content :is(.fb-gallery--minimal .fb-gallery-head,.catalog-suggestions-head) {
  min-height:30px;
  margin-bottom:10px!important;
}
