.business-card {
  width: min(100%, 38rem);
  margin: 0 auto;
  padding: clamp(1.4rem, 4vw, 2rem);
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 3px solid var(--warm);
}
.business-card .eyebrow { margin-bottom: 1.5rem; }
.business-card-prefix { margin: 0 0 .2rem; color: var(--muted); }
.business-card h1 { margin: 0; font-size: clamp(2rem, 5vw, 3rem); }
.business-card-role { margin: 1rem 0 1.5rem; color: var(--muted); font-size: 1.08rem; }
.business-card-links { display: grid; gap: .7rem; padding-top: 1.4rem; border-top: 1px solid var(--line); }
.business-card-links a { overflow-wrap: anywhere; }
.business-card-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.2rem; }
.business-card-action { display: inline-block; padding: .7rem 1rem; border: 1px solid var(--accent); background: transparent; color: var(--accent-dark); font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.business-card-action:hover { background: var(--accent); color: white; }
.business-card-action:focus-visible { outline: 2px solid var(--warm); outline-offset: 3px; }
.business-card-status { min-height: 1.5em; margin: .6rem 0 0; color: var(--muted); font-size: .88rem; }
.business-card-status:empty { display: none; }
.business-card-qr { display: flex; align-items: center; gap: 1.2rem; margin-top: 1.2rem; padding-top: 1.2rem; border-top: 1px solid var(--line); }
.business-card-qr img { display: block; width: 8rem; height: 8rem; flex: 0 0 auto; image-rendering: pixelated; }
.business-card-qr p { margin: 0 0 .35rem; font-weight: 700; }
.business-card-qr a { font-size: .88rem; }
@media (max-width: 560px) {
  .business-card { padding: 1.4rem; }
  .business-card .eyebrow { margin-bottom: 1.8rem; }
  .business-card-qr { gap: .8rem; }
  .business-card-qr img { width: 7rem; height: 7rem; }
}
@media print {
  .business-card-actions, .business-card-status, .business-card-qr a { display: none; }
}