.scp2:hover { color: var(--accent); }
.scp3:hover { background: var(--purple-deep); }
html { scroll-behavior: smooth; }
@media (max-width: 640px) {
  .dm-nav-links { display: none !important; }
  .dm-pp-body { padding-left: 22px !important; padding-right: 22px !important; }
}
@media (max-width: 820px) {
  .dm-desktop-nav { display: none !important; }
  .dm-burger { display: inline-block; }
  .dm-nav-shell { padding: 12px 20px !important; }
}