:root { color-scheme: light dark; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
  margin: 0;
}
main { max-width: 760px; margin: 0 auto; padding: 32px 20px; }
a { color: #2a6fdb; }
h1 { margin: 0 0 4px; }
.crumbs { font-size: 14px; margin: 0 0 24px; }
.muted, footer { color: #777; font-size: 14px; }
footer { margin-top: 40px; }

ul.servers, ul.people { list-style: none; padding: 0; }
li.server, li.person, header.profile { display: flex; gap: 14px; align-items: flex-start; margin: 0 0 22px; }
li.server > div, li.person > div, header.profile > div { min-width: 0; }
.avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: none; }
header.profile .avatar { width: 88px; height: 88px; }
.avatar-none { display: inline-block; background: rgba(128, 128, 128, 0.25); }
.name { font-weight: 600; }
.handle { color: #888; font-size: 14px; margin-left: 6px; }
header.profile .handle { margin-left: 0; }
.bio { margin: 2px 0 0; font-size: 15px; overflow-wrap: anywhere; }
.links { font-size: 14px; margin: 4px 0 0; }
ul.feeds { margin: 6px 0 0; padding-left: 18px; font-size: 14px; }
a.rss { font-size: 12px; color: #c46a00; margin-left: 4px; }
.badge { font-size: 12px; font-weight: 600; padding: 1px 6px; border-radius: 4px; vertical-align: middle; }
.badge-stale { background: #fff1c2; color: #7a5a00; }
.badge-unreachable { background: #ffd9d9; color: #8a1f1f; }

@media (prefers-color-scheme: dark) {
  a { color: #7aa7ff; }
  .badge-stale { background: #4a3c00; color: #ffe08a; }
  .badge-unreachable { background: #4a1414; color: #ffb3b3; }
}