.public-navigation {
  position: fixed;
  z-index: 20;
  top: 24px;
  right: clamp(20px, 3.33vw, 48px);
  color: #a4abb3;
  font-family: "DM Sans Variable", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  line-height: 1.5;
}
html[data-public-home="false"] .public-navigation { display: none; }
.public-navigation summary {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  list-style: none;
  cursor: pointer;
  border-radius: 5px;
}
.public-navigation summary::-webkit-details-marker { display: none; }
.public-navigation summary svg { width: 12px; height: 12px; transition: transform .15s; }
.public-navigation details[open] summary svg { transform: rotate(180deg); }
.public-navigation summary:hover,
.public-navigation details[open] summary { background: #ffffff0c; color: #e8eaed; }
.public-navigation summary:focus-visible,
.public-navigation a:focus-visible { outline: 2px solid #8c9cab; outline-offset: 2px; }
.public-navigation nav {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: min(256px, calc(100vw - 40px));
  max-height: calc(100dvh - 100px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 7px;
  border: 1px solid #2c363e;
  border-radius: 8px;
  background: #14191e;
  box-shadow: 0 12px 40px #0006;
}
.public-navigation a {
  display: block;
  padding: 9px 11px;
  border-radius: 4px;
  color: #d9dfe5;
  text-decoration: none;
}
.public-navigation a:hover { background: #ffffff0c; color: #fff; }
.public-navigation .public-navigation-secondary { border-top: 1px solid #2c363e; margin-top: 5px; padding-top: 5px; }
.public-navigation .public-navigation-secondary a { color: #a4abb3; }