/* SiteTrack EHS v12.2B - unified white navigation and restrained accents */
:root {
  --st-navy-950: #001028;
  --st-navy-900: #031a34;
  --st-navy-850: #08223f;
  --st-blue-600: #0078f0;
  --st-blue-500: #1687f8;
  --st-red-600: #e01818;
  --st-text: #f8fafc;
  --st-muted: #94a3b8;
  --st-border: #243247;
}
html { color-scheme: dark; }
body {
  background-color: #020817 !important;
  background-image:
    radial-gradient(circle at 8% -5%, rgba(0,120,240,.13), transparent 30rem),
    linear-gradient(rgba(0,120,240,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,120,240,.025) 1px, transparent 1px);
  background-size: auto, 48px 48px, 48px 48px;
  min-height: 100vh;
}
::selection { background: rgba(0,120,240,.42); color: #fff; }
a, button, input, select, textarea, summary { transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease; }
input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: var(--st-blue-500) !important;
  box-shadow: 0 0 0 3px rgba(0,120,240,.16) !important;
}
.sitetrack-header-logo {
  display: block;
  width: 13.75rem;
  max-width: 100%;
  height: 4.75rem;
  object-fit: cover;
  object-position: center;
  border-radius: .85rem;
  border: 1px solid rgba(36,50,71,.9);
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
}
.sitetrack-brand-rule {
  height: 2px;
  width: 5.5rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--st-blue-600) 0 72%, var(--st-red-600) 72% 100%);
}
.st-panel {
  background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,20,39,.96));
  border: 1px solid var(--st-border);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}
.st-kicker { color: #60a5fa; letter-spacing: .13em; text-transform: uppercase; font-size: .69rem; font-weight: 700; }
.st-primary {
  background: var(--st-blue-600) !important;
  color: white !important;
  border-color: rgba(0,120,240,.8) !important;
  box-shadow: 0 8px 22px rgba(0,120,240,.16);
}
.st-primary:hover { background: var(--st-blue-500) !important; transform: translateY(-1px); }
.st-nav-link:hover { color: #93c5fd !important; border-color: rgba(0,120,240,.62) !important; }
@media (max-width: 640px) {
  .sitetrack-header-logo { width: 12rem; height: 4.15rem; }
}


/* v12.2B: keep the application navigation visually unified. */
.sms-nav-row a,
.sms-nav-row a:visited {
  color: #f8fafc !important;
}
.sms-nav-row a:hover {
  color: #ffffff !important;
  background-color: rgba(30, 41, 59, .72) !important;
}
.sms-nav-row a[href="/logout"]:hover,
.sms-nav-row a[href^="/logout?"]:hover {
  color: #fca5a5 !important;
  background-color: rgba(127, 29, 29, .22) !important;
}
/* Page headings stay neutral; color is reserved for meaning and action. */
main h1,
.st-page-title,
.st-page-title * {
  color: #f8fafc !important;
}

/* SiteTrack EHS v12.2C - header user identity layout
   Places the signed-in user neatly beneath the logo instead of squeezing the
   name between the brand and navigation. */
.sms-app-header .sms-brand-block {
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: .42rem !important;
  min-width: 0 !important;
  padding-right: 1rem !important;
}

.sms-app-header .sms-brand-text {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding-left: .35rem;
}

.sms-app-header .sms-brand-meta {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 13.25rem !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  color: #cbd5e1 !important;
  font-size: .72rem !important;
  line-height: 1rem !important;
  letter-spacing: .01em !important;
}

.sms-app-header .sms-brand-meta::before {
  content: "Signed in";
  flex: 0 0 auto;
  margin-right: .42rem;
  color: #64748b;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .sms-app-header .sms-brand-block {
    width: 14.75rem !important;
  }
}

@media (max-width: 639px) {
  .sms-app-header .sms-brand-block {
    width: 100% !important;
    padding-right: 0 !important;
  }

  .sms-app-header .sms-brand-meta {
    max-width: 12rem !important;
  }
}

/* SiteTrack EHS v12.2D - compact header identity
   Show only the signed-in user's name below the logo. */
.sms-app-header .sms-brand-block {
  width: 15.5rem !important;
  min-width: 15.5rem !important;
  gap: .34rem !important;
}

.sms-app-header .sms-brand-text {
  width: 100% !important;
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.sms-app-header .sms-brand-meta {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 14.5rem !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  color: #e2e8f0 !important;
  font-size: .72rem !important;
  line-height: 1rem !important;
}

.sms-app-header .sms-brand-meta::before {
  content: "Signed in" !important;
  flex: 0 0 auto;
  margin-right: .48rem !important;
  color: #64748b !important;
  font-size: .58rem !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

@media (max-width: 1100px) {
  .sms-app-header .sms-brand-block {
    width: 14rem !important;
    min-width: 14rem !important;
  }
  .sms-app-header .sms-brand-meta {
    max-width: 13rem !important;
  }
}

@media (max-width: 639px) {
  .sms-app-header .sms-brand-block {
    width: 100% !important;
    min-width: 0 !important;
  }
  .sms-app-header .sms-brand-meta {
    max-width: 12.5rem !important;
  }
}
/* SMS_PATCH_MARKER: V12_3D_UNIFIED_DASHBOARD_NAVIGATION */
.sitetrack-dashboard-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 2.35rem;
    padding: .55rem .85rem !important;
    border: 1px solid rgba(71, 85, 105, .72);
    border-radius: .85rem;
    color: rgb(248 250 252) !important;
    background: rgba(15, 23, 42, .38);
    font-size: .875rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.sitetrack-dashboard-link:hover {
    color: rgb(255 255 255) !important;
    border-color: rgba(59, 130, 246, .75);
    background: rgba(30, 64, 175, .18);
}
.sitetrack-dashboard-link:focus-visible {
    outline: 2px solid rgb(59 130 246);
    outline-offset: 2px;
}
.sitetrack-dashboard-link-active {
    border-color: rgba(59, 130, 246, .85);
    background: rgba(37, 99, 235, .22);
    color: rgb(255 255 255) !important;
}
.sitetrack-dashboard-link-secondary {
    background: transparent;
}

/* SMS_PATCH_MARKER: V12_3E_PERSISTENT_TOP_NAVIGATION */
.sitetrack-standard-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem 0;
    margin-bottom: 1.75rem;
    border-bottom: 1px solid rgb(30 41 59);
}
.sitetrack-standard-logo {
    display: block;
    flex: 0 0 auto;
}
.sitetrack-standard-logo img {
    display: block;
    width: 15rem;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: .85rem;
}
.sitetrack-persistent-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
}
.sitetrack-persistent-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .65rem .85rem;
    border-radius: .85rem;
    color: rgb(248 250 252);
    font-size: .875rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.sitetrack-persistent-nav-link:hover {
    color: rgb(255 255 255);
    background: rgba(30, 41, 59, .9);
}
.sitetrack-persistent-nav-link.is-active {
    color: rgb(255 255 255);
    background: rgba(37, 99, 235, .28);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, .65);
}
.sitetrack-persistent-nav-link:first-child {
    background: rgb(37 99 235);
    color: white;
    padding-left: 1rem;
    padding-right: 1rem;
}
.sitetrack-persistent-nav-link:first-child:hover {
    background: rgb(59 130 246);
}
.sitetrack-persistent-nav-link:last-child:hover {
    color: rgb(248 113 113);
    background: rgba(127, 29, 29, .2);
}
@media (min-width: 1024px) {
    .sitetrack-standard-header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .sitetrack-persistent-nav {
        justify-content: flex-end;
    }
}

/* SMS_PATCH_MARKER: V12_3F_TRUE_PERSISTENT_NAVIGATION */

/*
   The same header geometry and the same navigation order are used on every
   application page. The logo is the only Dashboard return control.
*/
#sitetrack-persistent-header.sms-persistent-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.25rem !important;
    width: 100% !important;
    min-height: 5.75rem !important;
    padding: 1rem 0 !important;
    margin: 0 0 1.5rem 0 !important;
    border-bottom: 1px solid rgb(30 41 59) !important;
    background: transparent !important;
}

#sitetrack-persistent-header .sms-persistent-logo {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    text-decoration: none !important;
}

#sitetrack-persistent-header .sms-persistent-logo img {
    display: block !important;
    width: 15rem !important;
    max-width: 15rem !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: .85rem !important;
}

#sitetrack-persistent-header .sms-persistent-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: .35rem !important;
    margin-left: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#sitetrack-persistent-header .sms-persistent-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .45rem !important;
    min-height: 2.35rem !important;
    padding: .62rem .78rem !important;
    border: 1px solid transparent !important;
    border-radius: .8rem !important;
    color: rgb(248 250 252) !important;
    background: transparent !important;
    font-size: .82rem !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease !important;
}

#sitetrack-persistent-header .sms-persistent-link:hover {
    color: rgb(255 255 255) !important;
    background: rgba(30, 41, 59, .88) !important;
}

#sitetrack-persistent-header .sms-persistent-link.is-active {
    color: rgb(255 255 255) !important;
    background: rgba(37, 99, 235, .18) !important;
    border-color: rgba(59, 130, 246, .55) !important;
}

#sitetrack-persistent-header .sms-persistent-link-primary {
    color: rgb(255 255 255) !important;
    background: rgb(37 99 235) !important;
    border-color: rgb(37 99 235) !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

#sitetrack-persistent-header .sms-persistent-link-primary:hover {
    background: rgb(59 130 246) !important;
    border-color: rgb(59 130 246) !important;
}

#sitetrack-persistent-header .sms-persistent-link:last-child:hover {
    color: rgb(248 113 113) !important;
    background: rgba(127, 29, 29, .2) !important;
}

/* Remove the temporary Dashboard-button styling introduced in v12.3D. */
.sitetrack-dashboard-link,
.sitetrack-dashboard-link-secondary,
.sitetrack-dashboard-link-active {
    display: none !important;
}

@media (max-width: 1180px) {
    #sitetrack-persistent-header.sms-persistent-header {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    #sitetrack-persistent-header .sms-persistent-nav {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        margin-left: 0 !important;
    }
}

/* SMS_PATCH_MARKER: V12_3H_ADMIN_HEADER_LAYOUT_CORRECTION */
.sms-admin-canonical-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    padding: 1rem 0 1.1rem;
    margin-bottom: 1.4rem;
    border-bottom: 1px solid rgb(30 41 59);
}
.sms-admin-brand-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .45rem;
    flex: 0 0 auto;
}
.sms-admin-logo-link {
    display: block;
    text-decoration: none;
}
.sms-admin-logo-link img {
    display: block;
    width: 15rem;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: .85rem;
}
.sms-admin-user-line {
    display: flex;
    align-items: center;
    gap: .45rem;
    max-width: 15rem;
    padding-left: .35rem;
    font-size: .72rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
}
.sms-admin-user-label {
    color: rgb(96 165 250);
    letter-spacing: .08em;
}
.sms-admin-user-name {
    color: rgb(248 250 252);
    overflow: hidden;
    text-overflow: ellipsis;
}
.sms-admin-user-role {
    color: rgb(148 163 184);
}
.sms-admin-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: .3rem;
    margin-left: auto;
}
.sms-admin-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 2.35rem;
    padding: .62rem .76rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    color: rgb(248 250 252);
    background: transparent;
    font-size: .82rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}
.sms-admin-nav-link:hover {
    color: white;
    background: rgba(30, 41, 59, .88);
}
.sms-admin-nav-link.is-active {
    color: white;
    background: rgba(37, 99, 235, .18);
    border-color: rgba(59, 130, 246, .55);
}
.sms-admin-nav-link.is-primary {
    color: white;
    background: rgb(37 99 235);
    border-color: rgb(37 99 235);
    padding-left: 1rem;
    padding-right: 1rem;
}
.sms-admin-nav-link.is-primary:hover {
    background: rgb(59 130 246);
    border-color: rgb(59 130 246);
}
.sms-admin-nav-link:last-child:hover {
    color: rgb(248 113 113);
    background: rgba(127, 29, 29, .2);
}
.sms-admin-page-intro {
    margin-bottom: 1.5rem;
}
.sms-admin-page-intro h1 {
    margin: 0;
    color: rgb(248 250 252);
    font-size: 1.875rem;
    line-height: 1.15;
    font-weight: 650;
    letter-spacing: -.025em;
}
.sms-admin-page-intro p {
    margin: .4rem 0 0;
    max-width: 58rem;
    color: rgb(148 163 184);
    font-size: .875rem;
    line-height: 1.5;
}
@media (max-width: 1180px) {
    .sms-admin-canonical-header {
        align-items: flex-start;
        flex-direction: column;
    }
    .sms-admin-nav {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 0;
    }
}

/* SMS_PATCH_MARKER: V12_3I_CANONICAL_AUTHENTICATED_HEADER */

#sitetrack-auth-shell.st-shell {
    width: 100%;
    color: rgb(248 250 252);
}

#sitetrack-auth-shell .st-shell-inner {
    width: calc(100% - 2rem);
    max-width: 80rem;
    margin: 0 auto;
}

#sitetrack-auth-shell .st-shell-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 6rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgb(30 41 59);
}

#sitetrack-auth-shell .st-shell-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .4rem;
    flex: 0 0 auto;
}

#sitetrack-auth-shell .st-shell-logo-link {
    display: block;
    text-decoration: none;
}

#sitetrack-auth-shell .st-shell-logo-link img {
    display: block;
    width: 15rem;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: .85rem;
}

#sitetrack-auth-shell .st-shell-identity {
    display: flex;
    align-items: center;
    gap: .45rem;
    max-width: 15rem;
    padding-left: .35rem;
    overflow: hidden;
    font-size: .72rem;
    line-height: 1.2;
    white-space: nowrap;
}

#sitetrack-auth-shell .st-shell-signed-label {
    color: rgb(96 165 250);
    letter-spacing: .08em;
}

#sitetrack-auth-shell .st-shell-user-name {
    color: rgb(248 250 252);
    overflow: hidden;
    text-overflow: ellipsis;
}

#sitetrack-auth-shell .st-shell-role {
    color: rgb(148 163 184);
}

#sitetrack-auth-shell .st-shell-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: .3rem;
    margin-left: auto;
}

#sitetrack-auth-shell .st-shell-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 2.35rem;
    padding: .62rem .76rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    color: rgb(248 250 252);
    background: transparent;
    font-size: .82rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color .15s ease,
        background-color .15s ease,
        border-color .15s ease;
}

#sitetrack-auth-shell .st-shell-nav-link:hover {
    color: white;
    background: rgba(30, 41, 59, .88);
}

#sitetrack-auth-shell .st-shell-nav-link.is-active {
    color: white;
    background: rgba(37, 99, 235, .18);
    border-color: rgba(59, 130, 246, .55);
}

#sitetrack-auth-shell .st-shell-nav-link.is-primary {
    color: white;
    background: rgb(37 99 235);
    border-color: rgb(37 99 235);
    padding-left: 1rem;
    padding-right: 1rem;
}

#sitetrack-auth-shell .st-shell-nav-link.is-primary:hover {
    background: rgb(59 130 246);
    border-color: rgb(59 130 246);
}

#sitetrack-auth-shell .st-shell-nav-link:last-child:hover {
    color: rgb(248 113 113);
    background: rgba(127, 29, 29, .2);
}

#sitetrack-auth-shell .st-shell-intro {
    padding: 1.55rem 0 1.1rem;
}

#sitetrack-auth-shell .st-shell-intro h1 {
    margin: 0;
    color: rgb(248 250 252);
    font-size: 1.875rem;
    line-height: 1.15;
    font-weight: 650;
    letter-spacing: -.025em;
}

#sitetrack-auth-shell .st-shell-intro p {
    margin: .35rem 0 0;
    color: rgb(148 163 184);
    font-size: .875rem;
    line-height: 1.4;
}

#sitetrack-auth-shell .st-shell-intro strong {
    color: rgb(96 165 250);
    font-weight: 500;
}

.st-shell-legacy-hidden,
.st-shell-legacy-title-hidden {
    display: none !important;
}

/* Neutralize prior experimental header blocks if they survive in a template. */
#sitetrack-standard-header,
#sitetrack-persistent-header,
#sitetrack-admin-canonical-header,
.sitetrack-standard-header,
.sms-persistent-header,
.sms-admin-canonical-header {
    display: none !important;
}

@media (max-width: 1180px) {
    #sitetrack-auth-shell .st-shell-header {
        align-items: flex-start;
        flex-direction: column;
    }

    #sitetrack-auth-shell .st-shell-nav {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 0;
    }
}

/* SMS_PATCH_MARKER: V12_3J_FINAL_CANONICAL_HEADER */

#sitetrack-canonical-header-v12-3J.stj-header-wrap {
    display: block;
    width: 100%;
    color: rgb(248 250 252);
}

#sitetrack-canonical-header-v12-3J .stj-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: calc(100% - 2rem);
    max-width: 80rem;
    min-height: 6rem;
    margin: 0 auto 1.45rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgb(30 41 59);
}

#sitetrack-canonical-header-v12-3J .stj-brand-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .38rem;
    flex: 0 0 auto;
}

#sitetrack-canonical-header-v12-3J .stj-logo-link {
    display: block;
    text-decoration: none;
}

#sitetrack-canonical-header-v12-3J .stj-logo-link img {
    display: block;
    width: 15rem;
    max-width: 15rem;
    height: auto;
    object-fit: contain;
    border-radius: .85rem;
}

#sitetrack-canonical-header-v12-3J .stj-identity {
    display: flex;
    align-items: center;
    gap: .45rem;
    max-width: 15rem;
    padding-left: .35rem;
    overflow: hidden;
    font-size: .72rem;
    line-height: 1.2;
    white-space: nowrap;
}

#sitetrack-canonical-header-v12-3J .stj-signed-label {
    color: rgb(96 165 250);
    letter-spacing: .08em;
}

#sitetrack-canonical-header-v12-3J .stj-user-name {
    color: rgb(248 250 252);
    overflow: hidden;
    text-overflow: ellipsis;
}

#sitetrack-canonical-header-v12-3J .stj-role {
    color: rgb(148 163 184);
}

#sitetrack-canonical-header-v12-3J .stj-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: .3rem;
    margin-left: auto;
}

#sitetrack-canonical-header-v12-3J .stj-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 2.35rem;
    padding: .62rem .76rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    color: rgb(248 250 252);
    background: transparent;
    font-size: .82rem;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

#sitetrack-canonical-header-v12-3J .stj-nav-link:hover {
    color: white;
    background: rgba(30, 41, 59, .88);
}

#sitetrack-canonical-header-v12-3J .stj-nav-link.is-active {
    color: white;
    background: rgba(37, 99, 235, .18);
    border-color: rgba(59, 130, 246, .55);
}

#sitetrack-canonical-header-v12-3J .stj-nav-link.is-primary {
    color: white;
    background: rgb(37 99 235);
    border-color: rgb(37 99 235);
    padding-left: 1rem;
    padding-right: 1rem;
}

#sitetrack-canonical-header-v12-3J .stj-nav-link.is-primary:hover {
    background: rgb(59 130 246);
    border-color: rgb(59 130 246);
}

#sitetrack-canonical-header-v12-3J .stj-nav-link:last-child:hover {
    color: rgb(248 113 113);
    background: rgba(127, 29, 29, .2);
}

@media (max-width: 1180px) {
    #sitetrack-canonical-header-v12-3J .stj-header-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    #sitetrack-canonical-header-v12-3J .stj-nav {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 0;
    }
}