*{box-sizing:border-box}body{font-family:System-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;margin:0;background:#fafafa;color:#222}
header{padding:24px 20px;border-bottom:1px solid #e7e7e7;background:#fff;position:sticky;top:0}
h1{margin:0 0 8px 0;font-size:24px}
main{padding:20px;max-width:1000px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:16px}
.aggregate-row{display:flex;align-items:center;gap:12px}
#aggregate-score{font-size:40px;font-weight:700}
.badge{padding:4px 8px;border-radius:999px;background:#eee}
.badge.green{background:#d6f5d6}
.badge.yellow{background:#fff5cc}
.badge.orange{background:#ffe0b3}
.badge.red{background:#ffd6cc}
.list .item{background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:12px;margin-bottom:10px}
.small{font-size:12px;color:#666}
.category-card h3{margin:0 0 6px 0}
.score{font-size:28px;font-weight:700}
footer{padding:30px 20px;color:#666;text-align:center}