/* Shared article card. Distinct classes keep legacy page-specific overrides out. */
#page .vp-article-mini-profile {
  --vp-mini-avatar: 100px;
  display: grid;
  grid-template-columns: var(--vp-mini-avatar) minmax(0, 1fr);
  gap: 11px;
  min-width: 0;
  margin: 0;
  padding: 9px 10px;
  border: 1px solid #e4e6ec;
  border-radius: 12px;
  background: #fff;
  color: #34323c;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: normal;
  box-shadow: none;
  text-align: left;
}
#page .vp-article-mini-profile,
#page .vp-article-mini-profile * { box-sizing: border-box; }
#page .vp-article-mini-profile a {
  margin: 0;
  padding: 0;
  color: inherit;
  border: 0;
  background: transparent;
  text-decoration: none;
  box-shadow: none;
}
#page .vp-article-mini-profile a:focus-visible { outline: 2px solid #b84772; outline-offset: 3px; border-radius: 5px; }
#page .vp-article-mini-profile__identity { min-width: 0; }
#page .vp-article-mini-profile__avatar-link { display: block; width: var(--vp-mini-avatar); }
#page .vp-article-mini-profile__portrait {
  --vp-mini-ring: #cda65b;
  position: relative;
  display: block;
  width: var(--vp-mini-avatar);
  height: var(--vp-mini-avatar);
  border: 3px solid var(--vp-mini-ring);
  border-radius: 50%;
  overflow: hidden;
  background: #f7f0f3;
}
#page .vp-article-mini-profile__portrait--male { --vp-mini-ring: #75aed1; }
#page .vp-article-mini-profile__portrait--female { --vp-mini-ring: #e66d99; }
#page .vp-article-mini-profile .vp-article-mini-profile__avatar {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: none;
}
#page .vp-article-mini-profile__initial { display: grid; place-items: center; width: 100%; height: 100%; color: #a34d72; font-size: 29px; font-weight: 700; }
#page .vp-article-mini-profile__avatar[hidden] { display: none !important; }
#page .vp-article-mini-profile__name {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
  margin-top: 6px !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
#page .vp-article-mini-profile svg { flex: 0 0 auto; display: block; max-width: none; margin: 0; color: #8e7181; }
#page .vp-article-mini-profile__name svg { margin-top: 1px; }
#page .vp-article-mini-profile__details { min-width: 0; padding: 1px 0 0; }
#page .vp-article-mini-profile__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 11px; min-width: 0; }
#page .vp-article-mini-profile__handle,
#page .vp-article-mini-profile__followers { display: inline-flex; align-items: center; gap: 4px; min-width: 0; min-height: 22px; font-size: 12px; line-height: 1.4; }
#page .vp-article-mini-profile .vp-article-mini-profile__handle { color: #776572; overflow-wrap: anywhere; }
#page .vp-article-mini-profile__handle span { min-width: 0; }
#page .vp-article-mini-profile .vp-article-mini-profile__followers { color: #736b77; white-space: nowrap; }
#page .vp-article-mini-profile__followers strong { margin: 0; padding: 0; color: #443540; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
#page .vp-article-mini-profile .vp-article-mini-profile__bio {
  display: block;
  margin: 7px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #55515d;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: normal;
  white-space: pre-line;
  overflow-wrap: anywhere;
  word-break: normal;
}
#page .vp-article-mini-profile .vp-article-mini-profile__bio--empty { color: #8b848d; }
@media (hover: hover) {
  #page .vp-article-mini-profile a:hover { color: #a54068; }
  #page .vp-article-mini-profile__avatar-link:hover .vp-article-mini-profile__portrait { border-color: #b84973; }
}
@media (max-width: 600px) { #page .vp-article-mini-profile { gap: 9px; padding: 8px; } }
@media (max-width: 380px) { #page .vp-article-mini-profile { --vp-mini-avatar: 84px; gap: 8px; } }
@media (forced-colors: active) {
  #page .vp-article-mini-profile { border-color: CanvasText; }
  #page .vp-article-mini-profile__portrait { border-color: CanvasText; }
}