/* OilsPortal v0.39.3 · Brand Home Link & Header Typography Hotfix */

/*
  Some newer pages (notably the rebuilt home page) did not declare a body font.
  Browsers therefore fell back to their default serif stack. Public pages now share
  one stable baseline instead of letting each route pick a century of typography.
*/
html[data-site-theme] body{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}

/* One brand component for every public shell. */
html[data-site-theme] header [data-site-home-link],
html[data-site-theme] header [data-site-name],
html[data-site-theme] header [data-site-brand],
html[data-site-theme] header .brand,
html[data-site-theme] header .account-brand,
html[data-site-theme] header .lead-brand,
html[data-site-theme] header .op-brand{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--text)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:23px!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  line-height:1.1!important;
  text-decoration:none!important;
  text-underline-offset:0!important;
  white-space:nowrap!important;
  cursor:pointer;
}

html[data-site-theme] header [data-site-home-link]:visited,
html[data-site-theme] header [data-site-home-link]:hover,
html[data-site-theme] header [data-site-home-link]:active,
html[data-site-theme] header a[data-site-name]:visited,
html[data-site-theme] header a[data-site-name]:hover,
html[data-site-theme] header a[data-site-name]:active,
html[data-site-theme] header a[data-site-brand]:visited,
html[data-site-theme] header a[data-site-brand]:hover,
html[data-site-theme] header a[data-site-brand]:active{
  color:var(--text)!important;
  text-decoration:none!important;
}

html[data-site-theme] header [data-site-home-link]:hover{
  color:color-mix(in srgb,var(--text) 84%,var(--accent) 16%)!important;
}

html[data-site-theme] header [data-site-home-link]:focus-visible{
  outline:3px solid color-mix(in srgb,var(--accent) 25%,transparent)!important;
  outline-offset:6px!important;
  border-radius:5px!important;
}

@media(max-width:720px){
  html[data-site-theme] header [data-site-home-link],
  html[data-site-theme] header [data-site-name],
  html[data-site-theme] header [data-site-brand],
  html[data-site-theme] header .brand,
  html[data-site-theme] header .account-brand,
  html[data-site-theme] header .lead-brand,
  html[data-site-theme] header .op-brand{
    font-size:21px!important;
    white-space:normal!important;
  }
}