/* The About summary uses the same glass tokens as the site navbar. Its
   profile-specific radius, border, and padding remain unchanged. */
body.profile-page .profile-identity-card .profile-field-summary.profile-about-summary {
  /* Keep the literal value as a fallback in case the shared token is not
     available while the profile route is being restored from cache. */
  background: rgba(255, 253, 249, .72) !important;
  background: var(--app-glass, rgba(255, 253, 249, .72)) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(var(--motion-blur-menu, 12px)) saturate(1.12) !important;
  backdrop-filter: blur(var(--motion-blur-menu, 12px)) saturate(1.12) !important;
  box-shadow: 0 6px 26px rgba(22, 53, 71, .07) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.profile-page .profile-identity-card .profile-field-summary.profile-about-summary {
    -webkit-backdrop-filter: blur(0) !important;
    backdrop-filter: blur(0) !important;
  }
}