platform-header {
  box-sizing:border-box;
  display:flex;
  min-height:52px;
  width:100%;
  gap:12px;
  align-items:center;
  padding:7px clamp(10px, 2vw, 26px);
  background:#fffdf8;
  color:#25312f;
  border-bottom:1px solid #ded6c7;
  font:700 14px 'Segoe UI', Calibri, Arial, sans-serif;
}
platform-header a {color:inherit;text-decoration:none}
platform-header a:focus-visible {outline:2px solid #0f766e;outline-offset:2px}
platform-header .platform-brand {display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:17px}
platform-header img {border-radius:7px;display:block}
platform-header strong {color:#0f766e}
platform-header nav {display:flex;align-items:center;gap:4px;margin:0;padding:0}
platform-header nav a,platform-header .platform-account {padding:7px 9px;border-radius:7px;white-space:nowrap}
platform-header nav a:hover,platform-header nav a[aria-current] {background:#d9f0eb;color:#0f665f}
platform-header .platform-account {margin-left:auto;background:#0f766e;color:white}
platform-header .platform-account:hover {background:#0c5e58}
@media(max-width:540px) {
  platform-header {gap:6px;font-size:12px}
  platform-header .platform-brand {font-size:14px;gap:4px}
  platform-header img {width:23px;height:23px}
  platform-header nav a,platform-header .platform-account {padding:6px 5px}
}
@media(max-width:340px) {
  platform-header {flex-wrap:wrap}
  platform-header nav {order:3;width:100%}
}