.freshness-status {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 1000;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0.55rem 0.8rem;
  border-block: 0.125rem solid currentColor;
  background: var(--md-default-bg-color, Canvas);
  color: var(--md-default-fg-color, CanvasText);
  font-size: 0.8rem;
  line-height: 1.35;
  text-align: center;
}

.freshness-status strong {
  font-weight: 700;
}

.freshness-status__reload {
  margin-inline-start: 0.35rem;
  padding: 0.15rem 0.5rem;
  border: 0.0625rem solid currentColor;
  border-radius: 0.25rem;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.freshness-status__reload:focus-visible {
  outline: 0.125rem solid currentColor;
  outline-offset: 0.125rem;
}

@media (max-width: 800px) {
  .freshness-status {
    padding-inline: 0.55rem;
    font-size: 0.75rem;
  }
}