.activity-rating-card { --rating-line:#d8edf1; --rating-accent:#079caf; padding:20px; border:1px solid var(--rating-line); border-radius:22px; background:linear-gradient(135deg,#f2fcfd,#fff 75%); color:#153d47; min-width:0; }
.activity-rating-head { display:flex; align-items:center; gap:12px; }
.activity-rating-symbol { display:grid; place-items:center; flex:none; width:39px; height:39px; background:#fff5de; border:1px solid #fae8bd; color:#e7ac37; border-radius:13px; }
.activity-rating-symbol svg { width:22px; height:22px; fill:currentColor; }
.activity-rating-head h2 { font:900 17px/1.25 "Nunito",sans-serif; margin:0; }
.activity-rating-head p { font:500 10px/1.5 "Nunito Sans",sans-serif; color:#7898a2; margin:3px 0 0; }
.activity-rating-summary { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:17px; }
.activity-rating-score { display:flex; align-items:baseline; gap:6px; }
.activity-rating-score strong { font:900 31px/1 "Nunito",sans-serif; color:var(--rating-accent); font-variant-numeric:tabular-nums; }
.activity-rating-score span { color:#77949e; font-size:11px; }
.activity-rating-stars { display:inline-flex; gap:3px; }
.activity-rating-stars svg { width:17px; height:17px; fill:#d9e8ec; }
.activity-rating-stars svg.is-earned { fill:#efb94e; }
.activity-rating-level { display:block; margin-top:10px; font:800 11px/1.4 "Nunito Sans",sans-serif; color:#368995; }
.activity-rating-explanation { margin:13px 0 0; font-size:11px; line-height:1.65; color:#76949e; }
.activity-rating-details { margin-top:14px; padding-top:13px; border-top:1px solid var(--rating-line); }
.activity-rating-details summary { display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:pointer; color:#078fa3; font-size:11px; font-weight:800; list-style:none; }
.activity-rating-details summary::-webkit-details-marker { display:none; }
.activity-rating-details summary svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; transition:transform .15s; }
.activity-rating-details[open] summary svg { transform:rotate(180deg); }
.activity-rating-metrics { display:grid; gap:9px; margin:14px 0 0; }
.activity-rating-metrics > div { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.activity-rating-metrics dt { color:#79949e; font-size:11px; line-height:1.5; }
.activity-rating-metrics dd { margin:0; font-size:11px; font-weight:850; font-variant-numeric:tabular-nums; }
.pa-account-left > .activity-rating-card { margin-top:18px; }
.community > .activity-rating-card { margin:20px 0; }
.activity-rating-card :focus-visible { outline:3px solid #3ad3e4; outline-offset:4px; border-radius:6px; }
@media(max-width:600px) { .activity-rating-card { padding:18px; border-radius:18px; } .activity-rating-summary { gap:9px 14px; } }