/* Header controls matched to the supplied slate / gold reference. */
header.top.pro-top.fb-site-top.steel-header {
  background:#233247!important;
  box-shadow:0 3px 12px rgba(18,32,50,.10)!important;
  border-bottom:1px solid rgba(177,193,211,.16)!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav {
  gap:9px!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill {
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  min-width:100px!important;
  width:auto!important;
  padding:0 17px!important;
  border:1px solid #43566f!important;
  border-radius:6px!important;
  clip-path:none!important;
  background:#34475f!important;
  color:#e8edf5!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  text-decoration:none!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  transform:none!important;
  filter:none!important;
  transition:background-color .15s ease,border-color .15s ease!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill::before,
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill::after {
  content:none!important;display:none!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill .nav-ico {
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:19px!important;
  min-width:19px!important;
  max-width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:#c4cfdd!important;
  box-shadow:none!important;
  clip-path:none!important;
  transform:none!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill .nav-ico svg {
  display:block!important;width:18px!important;height:18px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill .nav-ico svg * {
  fill:none!important;stroke:currentColor!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill span:not(.nav-ico) {
  position:static!important;max-width:none!important;color:inherit!important;
  text-decoration:none!important;font-weight:600!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill.add {
  min-width:130px!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill.active {
  background:#2e3b49!important;
  border-color:#bea36b!important;
  color:#efdfb3!important;
  box-shadow:inset 0 1px 0 rgba(239,223,179,.06)!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill.active .nav-ico {color:#ddc58f!important;}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill:hover {
  background:#425873!important;border-color:#71869e!important;
  transform:none!important;filter:none!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill.active:hover {
  background:#3b4650!important;border-color:#dfc889!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn {
  position:relative!important;display:inline-flex!important;
  width:auto!important;font-family:inherit!important;line-height:1!important;
  letter-spacing:0!important;text-decoration:none!important;text-shadow:none!important;
  transform:none!important;filter:none!important;overflow:visible!important;
  align-items:center!important;justify-content:center!important;gap:7px!important;
  height:36px!important;min-height:36px!important;max-height:36px!important;
  min-width:82px!important;padding:0 12px!important;
  border:1px solid #4b5f76!important;border-radius:6px!important;
  background:#34475f!important;color:#edf1f7!important;
  font-size:12px!important;font-weight:600!important;text-transform:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn.ui-register {
  min-width:100px!important;background:#40546d!important;border-color:#576d86!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn .btn-ico {
  position:static!important;display:grid!important;place-items:center!important;
  width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;
  background:none!important;color:#d2dce8!important;box-shadow:none!important;
  transform:none!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn .btn-ico svg {
  display:block!important;width:18px!important;height:18px!important;color:inherit!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn .btn-label {font-weight:600!important;letter-spacing:0!important;color:inherit!important;display:inline-flex!important;}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn::before,
header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn::after {content:none!important;display:none!important;}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn:hover {background:#526982!important;transform:none!important;}
header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill:focus-visible,
header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn:focus-visible {
  outline:2px solid #bcd0e8!important;outline-offset:3px!important;
}
@media(max-width:1150px) {
  header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav {gap:6px!important;}
  header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill {
    min-width:94px!important;padding:0 12px!important;font-size:11px!important;gap:7px!important;
  }
  header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill.add {min-width:130px!important;}
}
@media(max-width:768px) {
  header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn {
    min-width:64px!important;height:32px!important;min-height:32px!important;max-height:32px!important;
    padding:0 8px!important;gap:5px!important;font-size:10px!important;
  }
  header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn.ui-register {min-width:80px!important;}
}
@media(max-width:360px) {
  header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn.ui-register {
    min-width:32px!important;width:32px!important;padding:0!important;
  }
  header.top.pro-top.fb-site-top.steel-header .fb-top-actions a.btn.ui-btn.top-auth-btn.ui-register .btn-label {display:none!important;}
}
@media(prefers-reduced-motion:reduce) {
  header.top.pro-top.fb-site-top.steel-header .fb-top-center.modern-nav.reference-nav .fb-nav-pill {transition:none!important;}
}

/* The drawer uses the same section state; submitting is not always highlighted. */
@media(max-width:1024px) {
  body .mobile-site-drawer .mobile-drawer-nav > a.mobile-drawer-submit:not(.active) {
    background:transparent!important;color:#26364c!important;box-shadow:none!important;
  }
  body .mobile-site-drawer .mobile-drawer-nav > a.mobile-drawer-submit:not(.active) i {
    background:#f1f5f9!important;color:#64748b!important;
  }
  body .mobile-site-drawer .mobile-drawer-nav > a.active {
    background:#fcf8ed!important;color:#715621!important;
    box-shadow:inset 3px 0 0 #bea36b!important;
  }
  body .mobile-site-drawer .mobile-drawer-nav > a.active i {background:#f3ead3!important;color:#856729!important;}
}

/* Profile chip: compact header control with a fixed, circular avatar. */
header.top.pro-top.fb-site-top.steel-header .fb-top-actions > a.fb-user-chip {
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  min-width:36px!important;
  max-width:160px!important;
  padding:3px 10px 3px 3px!important;
  border:1px solid #4b5f76!important;
  border-radius:6px!important;
  background:#34475f!important;
  color:#edf1f7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  text-decoration:none!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions > a.fb-user-chip > img {
  display:block!important;
  box-sizing:border-box!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  flex:0 0 28px!important;
  aspect-ratio:1!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  clip-path:circle(50%)!important;
  background:#e9eef4!important;
  border:1px solid #d3dce7!important;
  padding:0!important;
  margin:0!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions > a.fb-user-chip > b {
  color:inherit!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions > a.fb-user-chip:hover {
  background:#425873!important;
  border-color:#71869e!important;
}
header.top.pro-top.fb-site-top.steel-header .fb-top-actions > a.fb-user-chip:focus-visible {
  outline:2px solid #bcd0e8!important;
  outline-offset:3px!important;
}
/* Uploaded transparent avatars get the same visible circle as initial avatars. */
body .feed-shell .feed-right .feed-person > img {
  display:block!important;
  box-sizing:border-box!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  flex:0 0 36px!important;
  aspect-ratio:1!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  clip-path:circle(50%)!important;
  background:#e9eef4!important;
  border:1px solid #d8e1eb!important;
  margin:0!important;
  padding:0!important;
}
body .feed-shell .feed-right .feed-person {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
}
body .feed-shell .feed-right .feed-person > span {min-width:0;overflow-wrap:anywhere;}
@media(max-width:768px) {
  header.top.pro-top.fb-site-top.steel-header .fb-top-actions > a.fb-user-chip {
    height:32px!important;min-height:32px!important;max-height:32px!important;
    min-width:32px!important;max-width:112px!important;
    padding:1px 7px 1px 1px!important;gap:6px!important;
  }
}
@media(max-width:640px) {
  header.top.pro-top.fb-site-top.steel-header .fb-top-actions > a.fb-user-chip {
    width:32px!important;max-width:32px!important;padding:1px!important;
  }
  header.top.pro-top.fb-site-top.steel-header .fb-top-actions > a.fb-user-chip > b {display:none!important;}
}