/* Dewdrop author profile (uses the dd- tokens from dewdrop-account.css) */
.dd-ap-hero { align-items: flex-start; }
.dd-ap-id { flex: 1 1 260px; min-width: 0; }
.dd-ap-id .dd-title { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.dd-ap-role { font-size: .55em; font-weight: 700; padding: .2rem .7rem; border-radius: 999px; background: var(--da-blue); color: var(--dda-on-accent); border: 2px solid var(--da-line); letter-spacing: .02em; }
.dd-ap-bio { margin: 0 0 .8rem; line-height: 1.5; }
.dd-chips b { color: var(--da-blue); margin-right: .15rem; }
.dd-ap-tabs { margin: 0 0 1.1rem; }
.dd-ap-pane[hidden] { display: none; }
.dd-ap-ch { transition: transform .15s, box-shadow .15s; }
.dd-ap-ch:hover { transform: translateY(-2px); box-shadow: 0 5px 0 var(--da-sky); }
.dd-ap-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1.1rem; }
.dd-ap-person { align-items: center; text-align: center; padding: 1rem .6rem; }
.dd-ap-small { width: 72px; height: 72px; }
@media (max-width: 760px) {
  .dd-ap-hero { align-items: center; }
  .dd-ap-id .dd-title { justify-content: center; }
}