#personalRecords { margin:24px 0; padding:20px; border:1px solid #8b7650; border-radius:12px; background:#101b18; color:#fff0ca; }
#personalRecords h3 { margin:0 0 18px; font-size:24px; }
.personal-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0; }
.personal-metrics div { min-width:0; }
.personal-metrics dt { color:#c3d2ce; font-size:14px; }
.personal-metrics dd { margin:6px 0 0; color:#ffdc89; font-size:clamp(24px,3vw,36px); font-weight:800; font-variant-numeric:tabular-nums; }
#personalComparison { font-size:19px; color:#c1f8e4; }
#personalPrivacyNote { color:#c3d2ce; font-size:14px; line-height:1.7; }
#personalRecords summary { cursor:pointer; padding:12px 0; }
#personalHistory { padding:0; list-style:none; }
#personalHistory li { display:grid; grid-template-columns:1fr 1fr auto; gap:12px; padding:12px 0; border-top:1px solid #33423c; font-variant-numeric:tabular-nums; font-size:16px; }
#personalHistory li span:nth-child(2) { text-align:right; }
#rankingList li { grid-template-columns:38px minmax(0,1fr) auto minmax(90px,auto); }
#rankingList li span:last-child { font-size:14px; color:#c3d2ce; text-align:right; }
@media(max-width:600px) {
 #personalRecords { padding:16px; }
 .personal-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #rankingList li { grid-template-columns:28px minmax(0,1fr) auto; gap:8px; }
 #rankingList li span:last-child { grid-column:2/4; }
}