/* Pixel Kinship v1.7 identity: deliberately separate from the existing theme. */
.hub-breadcrumb {
  margin: 0 0 14px;
  font: 600 .78rem/1.5 ui-monospace, "SFMono-Regular", Consolas, monospace;
  letter-spacing: .025em;
}
.hub-breadcrumb a { display: inline-block; color: var(--pink, #ed80c3); text-decoration: none; }
.hub-breadcrumb a:hover, .hub-breadcrumb a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.hub-breadcrumb a span { color: var(--muted, #b2a9ba); font-weight: 400; }
.kinship-about {
  margin: 0 0 20px;
  padding: clamp(14px, 3vw, 22px);
  border: 1px solid var(--line, #5a5366);
  border-left: 3px solid var(--pink, #ed80c3);
  background: #1b1a25;
}
.kinship-about h2 { font-size: 1rem; margin: 0 0 10px; color: var(--pink, #ed80c3); }
.kinship-about p { margin: 0 0 11px; line-height: 1.65; }
.kinship-about p:last-child { margin-bottom: 0; }
.kinship-cta {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid var(--accent, #a8e5b0);
  color: var(--accent, #a8e5b0);
  text-decoration: none;
  font: 700 .78rem/1.4 ui-monospace, Consolas, monospace;
}
.kinship-cta:hover, .kinship-cta:focus-visible { background: var(--accent, #a8e5b0); color: #181720; }
.kinship-fineprint { color: var(--muted, #b2a9ba); font-size: .8rem; }
@media (max-width: 420px) {
  .hub-breadcrumb a span { display: none; }
  .kinship-cta { white-space: normal; }
}
