html { scroll-behavior: smooth; }
body { letter-spacing: -0.01em; }
::selection { background: #166534; color: #ffffff; }
h1, h2, h3, h4 { text-wrap: balance; }
p { text-wrap: pretty; }
.retro-card { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease; }
.retro-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(24,33,27,.12); border-color: #86a98f; }
.retro-card-green:hover { box-shadow: 0 18px 40px rgba(22,101,52,.15); }
input, textarea, select, button, a { -webkit-tap-highlight-color: transparent; }
input, textarea, select { transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }