.monko-browser-help {
  box-sizing: border-box;
  max-width: 38rem;
  margin: 8vh auto;
  padding: 1.5rem;
  border: 1px solid #dbe5df;
  border-color: hsl(var(--border, 144 15% 88%));
  border-radius: 1rem;
  background: #fff;
  background: hsl(var(--card, 0 0% 100%));
  color: #172b21;
  color: hsl(var(--foreground, 149 30% 13%));
  font: 1rem/1.6 Figtree, system-ui, sans-serif;
}
.monko-browser-help[hidden] { display: none; }
.monko-browser-help h1 { font: inherit; font-size: 1.5rem; font-weight: 700; }
.monko-browser-help nav { display: flex; flex-wrap: wrap; gap: 1rem; }
.monko-browser-help a { color: #157347; color: hsl(var(--primary, 152 69% 27%)); text-decoration: underline; }
.monko-browser-help button {
  margin-top: 1.5rem;
  min-height: 44px;
  padding: .6rem 1.2rem;
  border: 0;
  border-radius: .65rem;
  background: #157347;
  background: hsl(var(--primary, 152 69% 27%));
  color: #fff;
  font: inherit;
  cursor: pointer;
}
.monko-browser-help a:focus-visible, .monko-browser-help button:focus-visible {
  outline: 3px solid hsl(var(--primary, 152 69% 27%));
  outline-offset: 4px;
}
@media (prefers-color-scheme: dark) {
  .monko-browser-help { background: #14271d; color: #f0f6f2; border-color: #355343; }
  .monko-browser-help a { color: #64bb84; }
}
.monko-boot-help body { background: #f3f7f4; }
@media (prefers-color-scheme: dark) {
  .monko-boot-help body { background: #0c1811; }
}