.mma-fitness-wrap { max-width:820px; margin:12px auto; background:#fff; padding:18px; border-radius:8px; box-shadow:0 6px 18px rgba(0,0,0,0.06); font-family:inherit; }
.mma-sub { color:#555; margin-bottom:12px; }
.mma-form input { width:100%; padding:8px; margin:6px 0 12px; border:1px solid #ddd; border-radius:6px; }
.mma-top-summary { display:flex; gap:12px; align-items:center; margin:8px 0 16px; }
.mma-overall { text-align:center; }
.mma-ring { width:100px; height:100px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:700; background:linear-gradient(180deg,#fff,#f6f6f6); border:4px solid #E63946; color:#E63946; }
.mma-zones { display:flex; gap:8px; }
.mma-zone { text-align:center; padding:8px 10px; background:#f8f9fa; border-radius:6px; min-width:90px; }
.mma-attr-list { margin-top:12px; display:flex; gap:8px; flex-wrap:wrap; }
.mma-attr { width:calc(33% - 8px); background:#fff; padding:8px; border-radius:6px; border:1px solid #eee; box-shadow:0 3px 6px rgba(0,0,0,0.03); }
@media (max-width:640px){ .mma-attr { width:100%; } }