.vpd-ns-app,
.vpd-ns-section,
.vpd-ns-detail,
.vpd-ns-profile,
.vpd-ns-account-wrap,
.vpd-ns-community,
.vpd-ns-join-panel,
.vpd-ns-panel,
.vpd-ns-form,
.vpd-ns-email-state {
  --vpd-green: #557f28 !important;
  --vpd-green-dark: #43681e !important;
  --vpd-navy: #18382b !important;
  --vpd-ink: #15251e !important;
  --vpd-muted: #667268 !important;
  --vpd-border: #e0e6da !important;
  --vpd-soft: #f7f8f3 !important;
  --vpd-white: #fff !important;
  --vpd-ns-green: #557f28 !important;
  --vpd-ns-dark: #18382b !important;
  --vpd-ns-muted: #667268 !important;
  --vpd-ns-line: #e0e6da !important;
  --green: #557f28 !important;
  --navy: #18382b !important;
  --mint: #f7f8f3 !important;
  box-sizing: border-box;
  color: var(--vpd-ink);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.vpd-ns-app *,
.vpd-ns-section *,
.vpd-ns-detail *,
.vpd-ns-profile *,
.vpd-ns-account-wrap *,
.vpd-ns-community *,
.vpd-ns-join-panel *,
.vpd-ns-panel *,
.vpd-ns-form *,
.vpd-ns-email-state * { box-sizing: border-box; }

.vpd-ns-app :where(a, button, input, select, textarea, summary):focus-visible,
.vpd-ns-section :where(a, button, input, select, textarea, summary):focus-visible,
.vpd-ns-detail :where(a, button, input, select, textarea, summary):focus-visible,
.vpd-ns-profile :where(a, button, input, select, textarea, summary):focus-visible,
.vpd-ns-account-wrap :where(a, button, input, select, textarea, summary):focus-visible,
.vpd-ns-community :where(a, button, input, select, textarea, summary):focus-visible,
.vpd-ns-join-panel :where(a, button, input, select, textarea, summary):focus-visible,
.vpd-ns-panel :where(a, button, input, select, textarea, summary):focus-visible,
.vpd-ns-form :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid rgba(85, 127, 40, .35);
  outline-offset: 2px;
}

.vpd-ns-coordinate-status { margin: 10px 0 0; color: var(--vpd-muted); font-size: .92rem; }
.vpd-ns-coordinate-details { margin: -4px 0 18px; color: var(--vpd-muted); font-size: .88rem; }
.vpd-ns-coordinate-details summary { cursor: pointer; font-weight: 700; color: var(--vpd-navy); }
.vpd-ns-coordinate-details p { margin: 7px 0 0; }
.vpd-ns-coordinate-details code { overflow-wrap: anywhere; }

@media (max-width: 640px) {
  .vpd-ns-app,
  .vpd-ns-section,
  .vpd-ns-detail,
  .vpd-ns-profile,
  .vpd-ns-account-wrap,
  .vpd-ns-community,
  .vpd-ns-join-panel { max-width: 100%; }

  .vpd-ns-app :where(button, input, select, textarea),
  .vpd-ns-section :where(button, input, select, textarea),
  .vpd-ns-detail :where(button, input, select, textarea),
  .vpd-ns-profile :where(button, input, select, textarea),
  .vpd-ns-account-wrap :where(button, input, select, textarea),
  .vpd-ns-community :where(button, input, select, textarea),
  .vpd-ns-join-panel :where(button, input, select, textarea) { max-width: 100%; }
}