.weightspace {
  --ink: #2b3324;
  --muted: #59634e;
  --paper: #f5f5ed;
  --line: #d1d7c6;
  --accent: #4e602a;
  --wash: #e4ebd5;
  --on-accent: #fff;
}
.weightspace .hero > div { min-width: 0; }
.weightspace .diagram { background: #293122; box-shadow: none; }
.weightspace .diagram-box { background: #3a4530; border-color: #7f9465; }
.weightspace .diagram-box span,
.weightspace .diagram-note,
.weightspace .diagram-head,
.weightspace .targets small { color: #c9d5b9; }
.weightspace .targets div { border-color: #73895a; overflow-wrap: anywhere; }
.weightspace .connector { background: #9aae80; }
.weightspace .brand-icon { font-size: 1.4rem; }
.weightspace .source-list a { overflow-wrap: anywhere; min-height: 48px; }
.weightspace .footer-links a { display: inline-flex; min-height: 44px; align-items: center; }
@media (max-width: 400px) {
  .weightspace .nav { flex-wrap: wrap; gap: 14px; padding: 16px 0; }
  .weightspace .nav-links { width: 100%; }
  .weightspace .nav-links .button { width: 100%; }
  .weightspace .targets { grid-template-columns: 1fr; }
  .weightspace .targets div { padding: 12px; }
  .weightspace .targets small { display: inline; margin-left: 8px; }
  .weightspace .actions { flex-direction: column; }
}