body {
	padding: 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}

h1 {
	font-size: 16px;
	margin-top: 0;
}

p {
	color: rgb(107, 114, 128);
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.card {
	max-width: 620px;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid lightgray;
	border-radius: 16px;
}

.card p:last-child {
	margin-bottom: 0;
}

.name {
  white-space: nowrap;      /* Prevents line break */
  font-size: clamp(1.5rem, 2.5vw, 2rem); /* Adjusts size responsively */
}

@media (max-width: 480px) {
  .name {
    font-size: 1.2rem;
  }
}

html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.badge { border:1px solid #e5e7eb; border-radius:999px; padding:2px 10px; font-size:12px; }
.card { border:1px solid #e5e7eb; border-radius:1rem; background:#fff; }
.shadow-soft { box-shadow: 0 10px 30px rgba(2,6,23,.06); }