.mm { max-width:960px; margin:0 auto; padding:32px 24px 60px; }

.mm-hero { text-align:center; padding:20px 0 24px; }
.mm-hero h1 { font-size:24px; font-weight:800; color:var(--text-0); margin:0 0 8px; letter-spacing:-0.03em; }
.mm-hero p { font-size:14px; color:var(--text-2); line-height:1.7; margin:0 auto; max-width:700px; }

.mm-stats { display:flex; gap:0; margin:0 0 24px; background:var(--bg-1); border-radius:12px; overflow:hidden; box-shadow:var(--card-shadow); }
.mm-stat { flex:1; text-align:center; padding:16px 10px; }
.mm-stat + .mm-stat { border-left:1px solid var(--bg-2); }
.mm-stat-v { font-size:22px; font-weight:800; color:var(--text-0); font-variant-numeric:tabular-nums; }
.mm-stat-l { font-size:10px; color:var(--text-3); text-transform:uppercase; letter-spacing:0.05em; margin-top:2px; }
.mm-clr-green { color:#22c55e; }
.mm-clr-blue { color:#3b82f6; }
.mm-clr-yellow { color:#eab308; }
.mm-clr-orange { color:#f97316; }
.mm-clr-red { color:#ef4444; }

/* Cards */
.mm-card { background:var(--bg-1); border-radius:12px; padding:20px 24px; margin-bottom:16px; box-shadow:var(--card-shadow); }
.mm-card h2 { font-size:15px; font-weight:700; color:var(--text-0); margin:0 0 8px; }
.mm-card p { font-size:13px; color:var(--text-1); line-height:1.7; margin:0 0 10px; }
.mm-card p:last-child { margin-bottom:0; }
.mm-card ul { font-size:13px; color:var(--text-1); line-height:1.7; padding-left:18px; margin:8px 0 0; }
.mm-card li { margin-bottom:6px; }
.mm-card a { color:var(--accent); }
.mm-card code { background:var(--bg-2); padding:1px 5px; border-radius:3px; font-size:12px; }

/* How grid */
.mm-how-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px; }
.mm-how-item { background:var(--bg-2); border-radius:10px; padding:14px 12px; text-align:center; }
.mm-how-icon { font-size:20px; margin-bottom:6px; }
.mm-how-item strong { display:block; font-size:12px; color:var(--text-0); margin-bottom:4px; }
.mm-how-item span { font-size:11px; color:var(--text-2); line-height:1.4; }

/* Notice */
.mm-notice { background:var(--bg-1); border-left:3px solid var(--accent); border-radius:0 12px 12px 0; padding:16px 20px; margin-bottom:20px; box-shadow:var(--card-shadow); }
.mm-notice h3 { font-size:14px; font-weight:700; color:var(--text-0); margin:0 0 8px; }
.mm-notice p { font-size:12px; color:var(--text-2); line-height:1.7; margin:0 0 8px; }
.mm-notice p:last-child { margin-bottom:0; }
.mm-notice a { color:var(--accent); }
.mm-notice strong { color:var(--text-1); }

/* ═══ Rationality legend ═══ */
.mm-rationality-legend { border-left:3px solid #8b5cf6 !important; border-radius:0 12px 12px 0 !important; }
.mm-r-grid { display:grid !important; grid-template-columns:repeat(5, 1fr) !important; gap:8px; margin:14px 0; }
.mm-r-metric { background:var(--bg-2); border-radius:8px; padding:12px; }
.mm-r-head { display:flex; align-items:center; gap:6px; margin-bottom:6px; }
.mm-r-head strong { font-size:12px; color:var(--text-0); }
.mm-r-letter { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:5px; background:#8b5cf6; color:#fff; font-size:10px; font-weight:800; flex-shrink:0; }
.mm-r-metric > span { font-size:11px; color:var(--text-2); line-height:1.5; display:block; }
.mm-r-link { display:block; margin-top:8px; font-size:10px; color:#8b5cf6; text-decoration:none; font-weight:600; }
.mm-r-link:hover { text-decoration:underline; }
.mm-r-scale { display:flex; flex-wrap:wrap; gap:16px; margin:12px 0 6px; font-size:11px; color:var(--text-2); }
.mm-r-scale > span { display:inline-flex; align-items:center; gap:5px; }
.mm-r-note { font-size:11px; color:var(--text-3); line-height:1.6; margin-top:10px; border-top:1px solid var(--bg-2); padding-top:10px; }

/* ═══ Pips ═══ */
.mm-pips { white-space:nowrap; min-width:60px; }
.mm-pip { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:3px; cursor:help; vertical-align:middle; }
.mm-pip--high { background:#22c55e; }
.mm-pip--med { background:#eab308; }
.mm-pip--low { background:#ef4444; }
.mm-pip--unk { background:#d1d5db; }
[data-theme="dark"] .mm-pip--unk { background:#374151; border:1px solid #6b7280; }

/* Sections */
.mm-section { margin-bottom:24px; }
.mm-section h2 { font-size:16px; font-weight:700; color:var(--text-0); margin:0 0 4px; display:flex; align-items:center; gap:8px; }
.mm-section h3 { font-size:13px; font-weight:600; color:var(--text-1); margin:16px 0 8px; }
.mm-section-desc { font-size:12px; color:var(--text-2); line-height:1.6; margin:0 0 12px; }
.mm-subsection { font-size:13px; font-weight:600; color:var(--text-1); margin:16px 0 8px; }

/* Amplification legend */
.mm-amp-legend { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:12px; padding:10px 14px; background:var(--bg-1); border-radius:8px; }
.mm-amp-item { font-size:11px; color:var(--text-2); display:flex; align-items:center; gap:4px; }
.mm-amp-item strong { color:var(--text-1); }

/* Dots */
.mm-dot { width:10px; height:10px; border-radius:50%; display:inline-block; flex-shrink:0; }
.mm-dot--green { background:#22c55e; }
.mm-dot--blue { background:#3b82f6; }
.mm-dot--yellow { background:#eab308; }
.mm-dot--orange { background:#f97316; }
.mm-dot--red { background:#ef4444; }

/* Tables */
.mm-table-wrap { overflow-x:auto; }
.mm-table { width:100%; border-collapse:collapse; font-size:12px; }
.mm-table th { text-align:left; padding:8px 10px; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; color:var(--text-3); border-bottom:2px solid var(--bg-2); background:var(--bg-0); position:sticky; top:0; z-index:1; }
.mm-table td { padding:8px 10px; border-bottom:1px solid var(--bg-2); vertical-align:middle; }
.mm-table tr:hover td { background:var(--bg-hover); }
.mm-table a { color:var(--accent); text-decoration:none; font-weight:500; }
.mm-table a:hover { text-decoration:underline; }
.mm-notes { font-size:11px; color:var(--text-2); max-width:350px; line-height:1.5; }
.mm-th-link { color:var(--text-3); text-decoration:none; font-size:9px; letter-spacing:0.02em; }
.mm-th-link:hover { color:#8b5cf6; }

/* Badges */
.mm-badge { display:inline-block; padding:2px 7px; border-radius:4px; font-size:10px; font-weight:600; }
.mm-badge--tg { background:rgba(0,136,204,0.15); color:#0088cc; }
.mm-badge--yt { background:rgba(255,0,0,0.12); color:#cc0000; }
[data-theme="dark"] .mm-badge--tg { background:rgba(0,136,204,0.2); color:#4dc4ff; }
[data-theme="dark"] .mm-badge--yt { background:rgba(255,0,0,0.15); color:#ff6b6b; }

.mm-tier { display:inline-block; background:var(--bg-2); color:var(--text-3); font-size:9px; font-weight:700; padding:1px 5px; border-radius:3px; margin-left:6px; vertical-align:middle; }

/* Footer */
.mm-foot { text-align:center; margin-top:28px; font-size:12px; color:var(--text-3); line-height:1.7; }
.mm-foot a { color:var(--text-2); }

/* Light mode */
[data-theme="light"] .mm-notice { border-left-color:#3b82f6; }

@media(max-width:700px) {
  .mm { padding:16px 14px 40px; }
  .mm-stats { flex-wrap:wrap; }
  .mm-stat { min-width:80px; }
  .mm-how-grid { grid-template-columns:1fr 1fr; }
  .mm-r-grid { grid-template-columns:1fr 1fr !important; }
  .mm-notes { max-width:200px; }
  .mm-amp-legend { flex-direction:column; gap:6px; }
}