.np-profile-match-metrics { margin: 1rem 0; border: 1px solid #9a6c3d; border-radius: 6px; padding: .85rem; background: #d8b474b0; }
.np-profile-match-metrics h2 { margin: 0 0 .7rem; color: #5a3924; text-transform: uppercase; letter-spacing: .06em; font-size: .9rem; }
.np-profile-match-metrics > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; }
.np-profile-match-metrics article { border: 1px solid #a97c48; border-radius: 5px; padding: .65rem; background: #f0d39a75; }
.np-profile-match-metrics strong, .np-profile-match-metrics span { display: block; }
.np-profile-match-metrics strong { color: #3e2619; font-size: 1.1rem; }
.np-profile-match-metrics span { color: #75543a; text-transform: uppercase; font-size: .67rem; font-weight: 800; }
.np-profile-history-list { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.np-profile-history-list article { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .7rem; border: 1px solid #aa7c48; border-radius: 5px; padding: .65rem; background: #e3bf7ab8; }
.np-profile-history-list article > div { min-width: 0; }
.np-profile-history-list strong, .np-profile-history-list b, .np-profile-history-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.np-profile-history-list strong { color: #3e271a; }
.np-profile-history-list b { color: #765338; font-size: .75rem; }
.np-profile-history-list small { color: #745841; font-size: .68rem; }
.np-profile-history-list .match-result { min-width: 78px; text-align: center; }
.np-profile-history-empty { color: #74543b; }
html[data-home-theme="mrak"] .np-profile-match-metrics,
html[data-home-theme="mrak"] .np-profile-history-list article { border-color: #8b5c72; background: #c7a0b2a8; }
html[data-home-theme="worlds"] .np-profile-match-metrics,
html[data-home-theme="worlds"] .np-profile-history-list article { border-color: #4e8581; background: #aed0c5ad; }
html[data-home-theme="kids"] .np-profile-match-metrics,
html[data-home-theme="kids"] .np-profile-history-list article { border-radius: 14px; border-color: #b27eb9; background: #e0b7d2b8; }
@media (max-width: 760px) {
  .np-profile-match-metrics > div { grid-template-columns: 1fr 1fr; }
  .np-profile-history-list { grid-template-columns: 1fr; }
}