/* css/result-page.css - the standalone shared-result page (/r/<slug>/) */
.share-page {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  padding: 24px 16px 48px;
  background: var(--bg);
}
.share-result {
  width: 100%;
  max-width: 560px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.share-result__generic { text-align: center; padding: 24px 0; }
.share-result__archetype { font-size: 2rem; font-weight: 800; color: var(--fg); margin: 0 0 6px; }
.share-result__identity { font-size: 1rem; color: var(--fg); opacity: 0.7; margin: 0; }
.share-result__drift { font-size: 0.8125rem; color: var(--fg); opacity: 0.55; margin: 0; }
.share-result__cta {
  align-self: stretch;
  text-align: center;
  padding: 14px 20px;
  background: var(--accent);
  color: var(--bg-elev);
  border-radius: var(--bubble-radius, 12px);
  font-weight: 700;
  text-decoration: none;
}
.share-result__cta:hover { opacity: 0.9; }