#profile-stats-content {
  --profile-stats-accent: var(--results-detail-accent, #b178ff);
  min-width: 0;
}
.profile-stats-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.profile-stats-eyebrow { margin: 0 0 .5rem; color: var(--profile-stats-accent); font-size: .7rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.profile-stats-heading h2 { margin: 0; font-size: clamp(1.4rem, 2.4vw, 2rem); letter-spacing: -.025em; }
.profile-stats-summary { margin: .6rem 0 0; color: var(--muted, #aaa0a7); font-size: .85rem; line-height: 1.6; }
.profile-stats-count { flex-shrink: 0; padding: .45rem .85rem; border: 1px solid color-mix(in srgb, var(--profile-stats-accent) 30%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--profile-stats-accent) 8%, transparent); color: var(--profile-stats-accent); font-size: .76rem; }
.profile-stats-context { margin-bottom: 1.5rem; padding: .9rem 1.1rem; border-left: 2px solid var(--profile-stats-accent); border-radius: 0 8px 8px 0; background: rgba(255, 255, 255, .025); color: var(--text, #f8f5fa); font-size: .8rem; line-height: 1.6; }
.profile-stats-context p { margin: 0; }
.profile-stats-context .profile-stats-context-note { margin-top: .2rem; color: var(--muted, #aaa0a7); font-size: .74rem; }
.profile-stats-context .profile-stats-warning { margin-top: .55rem; color: #e6c183; }
.profile-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 1rem; }
.profile-stats-group { min-width: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--profile-stats-accent) 24%, transparent); border-radius: 15px; background: linear-gradient(145deg, color-mix(in srgb, var(--profile-stats-accent) 9%, #101014), #101014 65%); }
.profile-stats-group-heading { padding: 1.2rem 1.3rem 1rem; }
.profile-stats-group-heading h3 { margin: 0; color: var(--text, #f8f5fa); font-size: 1.08rem; font-weight: 700; letter-spacing: -.015em; }
.profile-stats-group-heading p { margin: .35rem 0 0; color: var(--muted, #aaa0a7); font-size: .73rem; line-height: 1.5; }
.profile-stats-table { width: 100%; table-layout: fixed; border-collapse: collapse; color: var(--text, #f8f5fa); }
.profile-stats-table thead { background: rgba(255, 255, 255, .025); }
.profile-stats-table thead th { padding: .65rem 1.3rem; color: var(--muted, #aaa0a7); font-size: .62rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-align: left; }
.profile-stats-table thead th:first-child { width: 43%; }
.profile-stats-table thead th:nth-child(2) { width: 27%; }
.profile-stats-table thead th:last-child { width: 30%; text-align: right; }
.profile-stat-row > th, .profile-stat-row > td { padding: .85rem 1.3rem; border-top: 1px solid rgba(255, 255, 255, .055); vertical-align: middle; }
.profile-stat-row:last-child > th, .profile-stat-row:last-child > td { padding-bottom: 1.1rem; }
.profile-stat-label { font-size: .79rem; font-weight: 500; line-height: 1.45; text-align: left; overflow-wrap: anywhere; }
.profile-stat-value { font-variant-numeric: tabular-nums; }
.profile-stat-value strong { display: block; font-size: .98rem; font-weight: 650; white-space: nowrap; }
.profile-stat-unit { display: block; margin-top: .2rem; color: var(--muted, #aaa0a7); font-size: .64rem; line-height: 1.35; }
.profile-stat-comparison { text-align: right; font-variant-numeric: tabular-nums; }
.profile-stat-mean { display: block; color: #d1cbd5; font-size: .74rem; white-space: nowrap; }
.profile-stat-percentile { display: block; margin-top: .2rem; color: var(--profile-stats-accent); font-size: .61rem; white-space: nowrap; }
.profile-stat-track { display: block; width: 100%; max-width: 88px; height: 3px; margin: .4rem 0 0 auto; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--profile-stats-accent) 15%, transparent); }
.profile-stat-fill { display: block; height: 100%; border-radius: inherit; background: var(--profile-stats-accent); }
.profile-stat-unavailable { color: var(--muted, #aaa0a7); font-size: .85rem; }
.profile-stats-footnote { margin: 1.15rem 0 0; color: var(--muted, #aaa0a7); font-size: .7rem; line-height: 1.6; }
.profile-stats-empty { margin: 0; padding: 2.5rem 1.3rem; border: 1px dashed color-mix(in srgb, var(--profile-stats-accent) 28%, transparent); border-radius: 15px; color: var(--muted, #aaa0a7); font-size: .85rem; text-align: center; }
@media (max-width: 960px) {
  .profile-stats-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .profile-stats-heading { align-items: flex-start; }
  .profile-stats-count { padding: .4rem .6rem; font-size: .68rem; }
  .profile-stats-group-heading { padding: 1.1rem .85rem .85rem; }
  .profile-stats-table thead th, .profile-stat-row > th, .profile-stat-row > td { padding-right: .6rem; padding-left: .6rem; }
  .profile-stats-table thead th:first-child, .profile-stat-row > th { padding-left: .85rem; }
  .profile-stats-table thead th:last-child, .profile-stat-row > td:last-child { padding-right: .85rem; }
  .profile-stats-table thead th:first-child { width: 42%; }
  .profile-stats-table thead th:nth-child(2) { width: 25%; }
  .profile-stats-table thead th:last-child { width: 33%; }
  .profile-stat-label { font-size: .74rem; }
  .profile-stat-value strong { font-size: .88rem; }
  .profile-stat-mean { font-size: .68rem; }
  .profile-stat-percentile { font-size: .56rem; }
}
