/* Multi-Model AI Divergence Index (Q3 2026 Edition): widget styles.
 * Everything is scoped under .mm (widget cards) or .mm-page (the page root). Flex layouts only.
 * Dark is the default theme. .mm-light (embeds, light PNG export) and .mm-auto (follows the reader's OS) swap the tokens. */
.mm,.mm-tip{
  --mm-bg:#05020b;--mm-surface:#0d0a14;--mm-panel:#0a0710;--mm-elev:#14101d;--mm-elev2:#1a1525;
  --mm-b0:rgba(255,255,255,.04);--mm-b1:rgba(255,255,255,.08);--mm-b2:rgba(255,255,255,.16);--mm-b3:rgba(255,255,255,.26);
  --mm-fg:#fff;--mm-fg2:#e3e1ea;--mm-fg3:#a7a2b3;--mm-fg4:#8a8596;
  --mm-accent:#8b5cf6;--mm-link:#a78bfa;
  --mm-claude:#f97316;--mm-gpt:#10b981;--mm-gemini:#3b82f6;--mm-grok:#ef4444;--mm-perplexity:#22d3ee;--mm-other:#94a3b8;
  --mm-low:#64748b;--mm-med:#eab308;--mm-high:#ef4444;
  --mm-seq:#e3e1ea;--mm-sm:#22d3ee;
  --mm-t-judgment:#cbd5e1;--mm-t-factual:#22d3ee;--mm-t-numerical:#eab308;--mm-t-stylistic:#64748b;
  --mm-j-openai:#10b981;--mm-j-anthropic:#f97316;--mm-j-google:#3b82f6;
  --mm-track:rgba(255,255,255,.05);--mm-ci:rgba(255,255,255,.75);--mm-zero:rgba(255,255,255,.3);
  --mm-shadow:0 12px 40px rgba(0,0,0,.5);
  --mm-radius:14px;
  font-family:Satoshi,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--mm-fg2);
}
.mm *,.mm *::before,.mm *::after{box-sizing:border-box}
.mm [hidden]{display:none!important}
.mm .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* card */
.mm-card{position:relative;background:var(--mm-surface);border:1px solid var(--mm-b1);border-radius:var(--mm-radius);padding:26px 26px 22px;margin:0}
.hall-page .mm p{margin:0}
.hall-page .mm a{color:var(--mm-link)}
.mm-head{margin:0 0 18px}
.hall-page .mm .mm-title,.mm .mm-title{font-size:20px;line-height:1.3;font-weight:700;color:var(--mm-fg);margin:0;letter-spacing:-.01em}
.hall-page .mm .mm-sub,.mm .mm-sub{font-size:15px;line-height:1.55;color:var(--mm-fg3);margin:6px 0 0}
.hall-page .mm .mm-cap,.mm .mm-cap{font-size:14px;line-height:1.55;color:var(--mm-fg3);margin:18px 0 0;padding-top:14px;border-top:1px solid var(--mm-b1)}
.hall-page .mm .mm-note,.mm .mm-note{font-size:14px;line-height:1.5;color:var(--mm-fg3);margin:14px 0 0}
.mm-cap b,.mm-note b,.mm-sub b{color:var(--mm-fg2);font-weight:600}
.mm-h4{font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mm-fg3);margin:26px 0 12px}
.mm-h4:first-child{margin-top:0}

/* switches */
.mm-ctrls{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:0 0 20px}
.mm-seg{display:flex;flex-wrap:wrap;gap:6px}
.mm-seg-l{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-fg4);margin-right:4px;align-self:center}
.mm-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;min-height:36px;margin:0;padding:7px 14px;border:1px solid var(--mm-b2);border-radius:999px;
  background:transparent;color:var(--mm-fg2);font:inherit;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:normal;text-transform:none;cursor:pointer;box-shadow:none;
  transition:border-color .2s,background .2s,color .2s}
.mm-btn:hover{border-color:var(--mm-b3);color:var(--mm-fg);background:transparent}
.mm-btn[aria-pressed="true"]{background:var(--mm-fg);color:var(--mm-bg);border-color:var(--mm-fg)}
.mm-btn:focus{outline:0}
.mm-btn:focus-visible{outline:2px solid var(--mm-accent);outline-offset:2px}
.mm-btn--solid{background:var(--mm-fg);color:var(--mm-bg);border-color:var(--mm-fg);font-weight:600}
.mm-btn--solid:hover{background:var(--mm-fg2);color:var(--mm-bg)}

/* horizontal bars with 95% intervals */
.mm-bars{display:flex;flex-direction:column;gap:12px}
.mm-bar{display:flex;align-items:center;gap:14px;min-height:30px}
.mm-bar-l{flex:0 0 220px;display:flex;align-items:center;gap:9px;min-width:0;font-size:15px;line-height:1.3;color:var(--mm-fg)}
.mm-bar-name{font-weight:600;overflow-wrap:anywhere}
.mm-bar-sub{display:block;font-size:13px;font-weight:400;color:var(--mm-fg4);margin-top:2px}
.mm-bar-txt{display:flex;flex-direction:column;min-width:0}
.mm-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--mm-other)}
.mm-bar-t{flex:1 1 auto;position:relative;height:22px;background:var(--mm-track);border-radius:5px;min-width:60px}
.mm-bar-f{position:absolute;left:0;top:0;bottom:0;border-radius:5px;opacity:.9}
.mm-ci{position:absolute;top:50%;height:2px;margin-top:-1px;background:var(--mm-ci)}
.mm-ci::before,.mm-ci::after{content:"";position:absolute;top:-5px;width:2px;height:12px;background:var(--mm-ci)}
.mm-ci::before{left:0}.mm-ci::after{right:0}
.mm-bar-v{flex:0 0 74px;text-align:right;font-size:16px;font-weight:700;color:var(--mm-fg);font-variant-numeric:tabular-nums}
.mm-bar-v small{display:block;font-size:12px;font-weight:500;color:var(--mm-fg4)}
.mm-axis{display:flex;gap:14px;margin-top:8px;font-size:13px;color:var(--mm-fg4);font-variant-numeric:tabular-nums}
.mm-axis-pad{flex:0 0 220px}
.mm-axis-t{flex:1 1 auto;display:flex;justify-content:space-between;min-width:60px}
.mm-axis-end{flex:0 0 74px}
.mm-group+.mm-group{margin-top:22px}
.mm-group-l{font-size:15px;font-weight:600;color:var(--mm-fg);margin:0 0 10px}
.mm-group-l span{font-weight:400;color:var(--mm-fg3)}

/* tiers note */
.mm-tier{display:inline-block;margin-left:8px;padding:1px 8px;border:1px solid var(--mm-b2);border-radius:999px;font-size:12px;font-weight:500;color:var(--mm-fg3);vertical-align:1px}

/* diverging bars (tone relative to teammates) */
.mm-dv-t{flex:1 1 auto;position:relative;height:22px;background:var(--mm-track);border-radius:5px;min-width:80px}
.mm-dv-t::after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:var(--mm-zero)}
.mm-dv-f{position:absolute;top:0;bottom:0;opacity:.9}
.mm-dv-f.is-pos{border-radius:0 5px 5px 0}
.mm-dv-f.is-neg{border-radius:5px 0 0 5px}
.mm-dv-axis .mm-axis-t span:nth-child(2){color:var(--mm-fg3)}

/* tables: compact data tables and heat cells */
.mm-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--mm-b1);border-radius:12px;background:var(--mm-panel)}
.mm-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums;margin:0}
.mm-table th,.mm-table td{padding:11px 14px;border-bottom:1px solid var(--mm-b1);text-align:right;vertical-align:middle;white-space:nowrap;background:transparent;color:var(--mm-fg2)}
.mm-table thead th{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--mm-fg3);background:var(--mm-b0)}
.mm-table th:first-child,.mm-table td:first-child{text-align:left}
.mm-table tbody tr:last-child td{border-bottom:0}
.mm-table tbody th{font-weight:600;color:var(--mm-fg);font-size:15px}
.mm-table .mm-th-model{display:inline-flex;align-items:center;gap:8px}
.mm-heat td{min-width:84px}
.mm-cell{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.mm-cell-v{font-weight:600;color:var(--mm-fg)}
.mm-cell-bar{display:block;height:4px;border-radius:2px;min-width:2px;max-width:100%}
.mm-cell-track{display:block;width:64px;height:4px;border-radius:2px;background:var(--mm-track)}
.mm-diag{color:var(--mm-fg4)!important;text-align:center!important}
.mm-table td.is-best .mm-cell-v{color:var(--mm-fg)}
.mm-col-sub{display:block;font-size:12px;font-weight:400;color:var(--mm-fg4);letter-spacing:0;margin-top:2px}

/* ranking chain */
.mm-chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.mm-chain-l{flex:0 0 100%;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-fg4);margin-bottom:2px}
.mm-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--mm-b2);border-radius:999px;background:var(--mm-panel);font-size:15px;font-weight:600;color:var(--mm-fg)}
.mm-chip i{font-style:normal;font-size:12px;font-weight:600;color:var(--mm-fg4)}
.mm-chain-sep{color:var(--mm-fg4);font-size:15px}

/* vertical columns (depth, read position) */
.mm-cols{display:flex;align-items:flex-end;gap:10px;height:240px;padding:0 0 0 38px;position:relative;border-bottom:1px solid var(--mm-b2)}
.mm-cols-grid{position:absolute;left:38px;right:0;top:0;bottom:0;pointer-events:none}
.mm-cols-grid span{position:absolute;left:0;right:0;border-top:1px dashed var(--mm-b1)}
.mm-cols-grid em{position:absolute;left:-38px;width:32px;text-align:right;font-style:normal;font-size:12px;color:var(--mm-fg4);transform:translateY(-50%);font-variant-numeric:tabular-nums}
.mm-colg{flex:1 1 0;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%;position:relative;z-index:1;min-width:0}
.mm-col{flex:1 1 0;max-width:44px;position:relative;border-radius:5px 5px 1px 1px;opacity:.9;min-height:2px}
.mm-col b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px;font-size:12px;font-weight:700;color:var(--mm-fg);white-space:nowrap;font-variant-numeric:tabular-nums}
.mm-colx{display:flex;gap:10px;padding:8px 0 0 38px}
.mm-colx span{flex:1 1 0;text-align:center;font-size:13px;color:var(--mm-fg3);min-width:0;line-height:1.3}
.mm-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;font-size:14px;color:var(--mm-fg3)}
.mm-legend span{display:inline-flex;align-items:center;gap:8px}
.mm-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;flex:none}

/* stacked 100% bars */
.mm-stack-row+.mm-stack-row{margin-top:16px}
.mm-stack-l{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;color:var(--mm-fg);margin:0 0 7px}
.mm-stack-l span{font-weight:400;color:var(--mm-fg4);font-size:13px}
.mm-stack{display:flex;height:34px;border-radius:7px;overflow:hidden;background:var(--mm-track)}
.mm-seg-f{height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#0b0812;overflow:hidden;white-space:nowrap;min-width:0}
.mm-seg-f.is-dark{color:var(--mm-fg)}

/* small stat tiles inside widgets */
.mm-kpis{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.mm-kpi{flex:1 1 180px;padding:14px 16px;border:1px solid var(--mm-b1);border-radius:12px;background:var(--mm-panel)}
.mm-kpi b{display:block;font-size:24px;font-weight:700;line-height:1.15;color:var(--mm-fg);font-variant-numeric:tabular-nums}
.mm-kpi span{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:var(--mm-fg3)}

/* paired comparison rows (fact-checker pipelines) */
.mm-pair+.mm-pair{margin-top:18px}
.mm-pair-l{font-size:15px;font-weight:600;color:var(--mm-fg);margin:0 0 8px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mm-pair-l span{font-weight:500;color:var(--mm-fg3);font-size:14px}
.mm-pair .mm-bar{min-height:24px}
.mm-pair .mm-bar-l{font-size:14px}

/* ---------------- page-level layout (template) ---------------- */
.mm-page .stat-grid{display:flex;flex-wrap:wrap;gap:20px}
.mm-page .stat-box{flex:1 1 calc(25% - 15px);min-width:0}
.mm-page .hall-wide.mm-wide{max-width:1120px}
.mm-page .mm-block{margin:30px auto 0}
.mm-page .mm-block+.mm-block{margin-top:22px}
.mm-page .hall-narrow.mm-after{margin-top:28px}
.mm-page .mm-defs{margin:8px 0 24px;padding:0;list-style:none}
.mm-page .mm-defs li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);margin:0}
.mm-page .mm-defs li:last-child{border-bottom:0}
.mm-page .mm-tiles{display:flex;flex-wrap:wrap;gap:16px 18px}
.mm-page .mm-tile{flex:1 1 calc(25% - 14px);min-width:0;padding:16px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-left:3px solid rgba(139,92,246,.45);border-radius:8px}
.mm-page .mm-tile h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 6px;line-height:1.3}
.mm-page .mm-tile p{font-size:15px;color:rgba(255,255,255,.66);line-height:1.5;margin:0}
.mm-page .mm-tile a{color:inherit}
.mm-page .mm-qref{margin-top:44px}
.mm-page .mm-qref h3{margin:0 0 18px}
.mm-page .mm-myths .mm-tile{flex-basis:calc(33.333% - 12px);border-left-color:rgba(255,255,255,.18)}
.mm-page .mm-callout{margin:24px 0;padding:18px 22px;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(139,92,246,.55);border-radius:10px;background:rgba(255,255,255,.025)}
.mm-page .mm-callout p:last-child{margin-bottom:0}
.mm-page .mm-hist{margin:22px 0 0;padding:22px 24px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02)}
.mm-page .mm-hist h3{margin:0 0 6px}
.mm-page .mm-hist .mm-hist-meta{font-size:15px;color:rgba(255,255,255,.5);margin:0 0 14px}
.mm-page .mm-hist ol{margin-bottom:16px}
.mm-page .mm-hist-current{border-left:3px solid rgba(139,92,246,.55)}
.mm-page .hall-table td.mm-l,.mm-page .hall-table th.mm-l{text-align:left}
.mm-page .hall-hero .updated a{color:var(--link)}
.mm-page .mm-press{margin:28px 0 0;padding:26px 28px;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(139,92,246,.55);border-radius:12px;background:rgba(255,255,255,.03)}
.mm-page .mm-press h4{margin:0 0 8px;font-size:20px}
.mm-page .mm-press p:last-child{margin-bottom:0}
/* ---------------- platform intro: How This Index Works ---------------- */
.mm-page .mm-hero-how{padding-top:6px}
.mm-page .mm-steps{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:6px 0 0;padding:0}
.mm-page .mm-step{position:relative;flex:1 1 calc(33.333% - 14px);min-width:0;margin:0;padding:22px 24px 22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.mm-page .mm-step+.mm-step::before{content:"";position:absolute;left:-16px;top:34px;width:10px;height:10px;border-top:2px solid rgba(255,255,255,.3);border-right:2px solid rgba(255,255,255,.3);transform:rotate(45deg)}
.mm-page .mm-step-n{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 0 14px;border:1px solid rgba(139,92,246,.6);border-radius:50%;font-size:15px;font-weight:600;line-height:1;color:#fff}
.hall-page .mm-step h3{font-size:20px;margin:0 0 8px}
.hall-page .mm-step p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);margin:0}
.mm-page .mm-ex{margin:30px 0 28px;padding:24px 26px;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(139,92,246,.55);border-radius:12px;background:rgba(255,255,255,.025)}
.hall-page .mm-ex p{margin:0}
.hall-page .mm-ex .mm-ex-tag{display:inline-block;margin:0 0 16px;padding:2px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.6;color:rgba(255,255,255,.72)}
.hall-page .mm-ex .mm-ex-q{margin:0 0 14px;font-size:18px;font-weight:500;line-height:1.45;color:#fff}
.mm-page .mm-ex-q span,.mm-page .mm-ex-a span{display:block;margin:0 0 2px;font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1.4;color:rgba(255,255,255,.5)}
.mm-page .mm-ex-answers{display:flex;flex-direction:column;gap:10px}
.hall-page .mm-ex .mm-ex-a{padding:11px 16px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.02);font-size:16px;line-height:1.55;color:rgba(255,255,255,.82)}
.hall-page .mm-ex .mm-ex-h{margin:22px 0 4px;font-size:16px;font-weight:600;color:#fff}
.mm-page .mm-ex-rec{list-style:none;margin:0;padding:0}
.mm-page .mm-ex-rec li{display:flex;align-items:baseline;gap:4px 16px;margin:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:16px;line-height:1.55}
.mm-page .mm-ex-rec li:last-child{border-bottom:0}
.mm-page .mm-ex-l{flex:0 0 132px;font-weight:600;color:#fff}
.mm-page .mm-ex-rec li span{flex:1 1 0;min-width:0;color:rgba(255,255,255,.75)}
.hall-page .mm-ex .mm-ex-note{margin:14px 0 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.5)}
/* April correction table: let headers and labels wrap so the last column is never cut */
.mm-page .hall-table.mm-t-wrap thead th{white-space:normal;vertical-align:bottom;line-height:1.35}
.mm-page .hall-table.mm-t-wrap tbody td:first-child{white-space:normal;min-width:180px}
/* ---------------- hero tiles: one big number, what it means, a jump to its section ---------------- */
.mm-page .stat-box.mm-stat{flex:1 1 calc(25% - 15px);display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 18px 22px;text-decoration:none;color:inherit;transition:border-color .2s,background-color .2s}
.hall-page a.stat-box.mm-stat:hover{border-color:rgba(139,92,246,.55);background:rgba(255,255,255,.05);text-decoration:none}
.mm-page .mm-stat .stat-number{font-size:50px;line-height:1;letter-spacing:-.02em;margin:0 0 6px}
.mm-page .mm-stat-l{display:block;max-width:250px;font-size:17px;line-height:1.35;font-weight:500;color:rgba(255,255,255,.92)}
.mm-page .mm-stat-s{display:block;font-size:14px;line-height:1.4;color:rgba(255,255,255,.5)}
/* ---------------- findings at a glance: the finding is the headline ---------------- */
.hall-page .mm-qref .mm-qref-h{margin:0 0 8px}
.hall-page .mm-qref .mm-qref-sub{margin:0 0 24px;font-size:16px;color:rgba(255,255,255,.6)}
.mm-page .mm-tile.mm-find{flex:1 1 calc(33.333% - 12px);display:flex;flex-direction:column;gap:8px;padding:20px 22px;text-decoration:none;color:inherit;transition:border-color .2s,background-color .2s}
.hall-page a.mm-tile.mm-find:hover{border-color:rgba(255,255,255,.14);border-left-color:rgba(139,92,246,.9);background:rgba(255,255,255,.05);text-decoration:none}
.hall-page .mm-qref .mm-find h3{margin:0;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:#fff}
.hall-page .mm-qref .mm-find p{margin:0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.6)}
@media (max-width:1024px){
  .mm-page .mm-tile.mm-find{flex-basis:calc(50% - 9px)}
}
@media (max-width:900px){
  .mm-page .stat-box.mm-stat{flex-basis:calc(50% - 10px)}
}
@media (max-width:640px){
  .mm-page .stat-grid.mm-stats{gap:12px}
  .mm-page .stat-box.mm-stat{flex-basis:calc(50% - 6px);padding:18px 10px 16px;gap:4px}
  .mm-page .mm-stat .stat-number{font-size:32px}
  .mm-page .mm-stat-l{font-size:15px}
  .mm-page .mm-stat-s{font-size:13px}
  .mm-page .mm-tile.mm-find{flex-basis:100%;padding:16px 18px}
  .hall-page .mm-qref .mm-find h3{font-size:18px}
}
@media (max-width:768px){
  .mm-page .mm-steps{gap:22px}
  .mm-page .mm-step{flex-basis:100%;padding:18px 20px}
  .mm-page .mm-step+.mm-step::before{left:50%;top:-17px;margin-left:-5px;transform:rotate(135deg)}
  .mm-page .mm-ex{padding:20px 18px}
  .mm-page .mm-ex-rec li{flex-wrap:wrap}
  .mm-page .mm-ex-l{flex-basis:100%}
}
@media (max-width:640px){
  .mm-page .mm-hist{padding:18px 16px}
  .mm-page .hall-table.mm-t-wrap{font-size:13px}
  .mm-page .hall-table.mm-t-wrap thead th,.mm-page .hall-table.mm-t-wrap tbody td{padding:9px 6px}
  .mm-page .hall-table.mm-t-wrap tbody td:first-child{min-width:0}
}

@media (max-width:1200px){
  .mm-page .stat-box{flex-basis:calc(50% - 10px)}
  .mm-page .mm-tile{flex-basis:calc(50% - 9px)}
}
@media (max-width:860px){
  .mm-bar-l,.mm-axis-pad{flex-basis:160px}
}
@media (max-width:768px){
  .mm-page .stat-box{flex-basis:100%}
  .mm-page .mm-myths .mm-tile{flex-basis:100%}
}
@media (max-width:640px){
  .mm-card{padding:18px 16px 16px}
  .mm-page .mm-tile{flex-basis:100%}
  .hall-page .mm .mm-title,.mm .mm-title{font-size:18px}
  .mm-ctrls{gap:10px}
  .mm-btn{font-size:14px;padding:7px 12px}
  .mm-bar{flex-wrap:wrap;gap:6px 10px}
  .mm-bar-l{flex:0 0 100%}
  .mm-bar-t,.mm-dv-t{flex:1 1 0}
  .mm-bar-v{flex:0 0 62px;font-size:15px}
  .mm-axis-pad{display:none}
  .mm-axis-end{flex-basis:62px}
  .mm-cols{height:200px;padding-left:30px;gap:6px}
  .mm-cols-grid{left:30px}
  .mm-cols-grid em{left:-30px;width:26px}
  .mm-colx{padding-left:30px;gap:6px}
  .mm-colx span{font-size:12px}
  .mm-col b{font-size:11px}
  .mm-colg{gap:2px}
  .mm-table th,.mm-table td{padding:9px 10px;font-size:14px}
  .mm-heat td{min-width:70px}
  .mm-cell-track{width:48px}
  .mm-page .mm-press{padding:20px}
}


/* tables: wrap long headers, sticky first column, swipe hint on small screens */
.mm-table thead th{white-space:normal;line-height:1.3;vertical-align:bottom}
.mm-heat tbody th,.mm-heat thead th:first-child{position:sticky;left:0;z-index:1;background:var(--mm-panel)}
.mm-heat thead th:first-child{background:var(--mm-panel)}
.hall-page .mm p.mm-swipe,.mm p.mm-swipe{display:none;font-size:13px;color:var(--mm-fg4);margin:8px 0 0}
@media (max-width:640px){
  .hall-page .mm p.mm-swipe,.mm p.mm-swipe{display:block}
  .mm-table:not(.mm-heat) th,.mm-table:not(.mm-heat) td{padding:8px 6px;font-size:13px}
  .mm-table:not(.mm-heat) .mm-th-model{gap:6px}
  .mm-table:not(.mm-heat) tbody th{white-space:normal;font-size:13px}
  .mm-cols--many .mm-col b{display:none}
  .mm-seg-f.mm-seg-sm b{display:none}
  .mm-heat tbody th{white-space:normal;font-size:13px;min-width:96px;max-width:118px;padding-right:6px}
  .mm-heat .mm-th-model{gap:6px;align-items:flex-start}
  .mm-heat .mm-th-model .mm-dot{margin-top:5px;flex:none}
  .mm-heat td{min-width:62px;padding-left:6px;padding-right:8px}
  .mm-heat .mm-cell-track{width:40px}
}
.mm-exporting p.mm-swipe{display:none!important}

/* ---------------- share toolbar (download, embed, cite) ---------------- */
.mm-has-share{position:relative}
.mm-share{position:absolute;top:0;right:20px;transform:translateY(-50%);z-index:5;display:flex;gap:2px;padding:3px;border-radius:999px;
  background:var(--mm-elev2);border:1px solid var(--mm-b2);opacity:0;pointer-events:none;transition:opacity .15s}
.mm-has-share:hover>.mm-share,.mm-has-share:focus-within>.mm-share,.mm-has-share.is-sharing>.mm-share{opacity:1;pointer-events:auto}
@media (hover:none){.mm-share{opacity:1;pointer-events:auto}}
.mm-share-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:6px;height:32px;min-width:32px;margin:0;padding:0 12px;border:0;border-radius:999px;
  background:transparent;color:var(--mm-fg2);font:inherit;font-size:13px;font-weight:500;line-height:1;letter-spacing:normal;text-transform:none;cursor:pointer;box-shadow:none;transition:background .15s,color .15s}
.mm-share-btn svg{width:16px;height:16px;flex:none}
.mm-share-btn:hover,.mm-share-btn[aria-expanded="true"]{background:var(--mm-b1);color:var(--mm-fg)}
.mm-share-btn:focus{outline:0;box-shadow:none}
.mm-share-btn:focus-visible{outline:2px solid var(--mm-accent);outline-offset:1px}
@media (max-width:560px){.mm-share{right:12px}.mm-share-btn span{display:none}.mm-share-btn{width:44px;height:44px;justify-content:center;padding:0}}
.mm-pop{position:absolute;top:24px;right:16px;z-index:6;width:min(420px,calc(100% - 32px));padding:18px;border-radius:12px;background:var(--mm-elev2);
  border:1px solid var(--mm-b2);box-shadow:var(--mm-shadow);color:var(--mm-fg2);font-size:14px;line-height:1.5;text-align:left}
.mm-pop[hidden]{display:none}
.mm-pop-title{font-size:15px;font-weight:700;color:var(--mm-fg);margin:0 0 12px}
.mm-pop-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.mm-pop-row:first-of-type{margin-top:0}
.mm-pop .mm-btn[disabled]{opacity:.6;cursor:progress}
.hall-page .mm .mm-pop-note,.mm-pop-note{font-size:13px;line-height:1.5;color:var(--mm-fg3);margin:12px 0 0}
.mm-pop-note a,.mm-pop-link{color:var(--mm-fg2);text-decoration:underline;text-underline-offset:2px}
.mm-pop-code{display:block;width:100%;min-height:112px;margin:0;padding:10px 12px;border:1px solid var(--mm-b2);border-radius:8px;background:var(--mm-panel);color:var(--mm-fg2);
  font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical;white-space:pre-wrap;word-break:break-all}
.mm-pop-block+.mm-pop-block{margin-top:12px}
.mm-pop-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-fg3)}
.mm-pop-label .mm-btn{font-size:13px;padding:4px 12px;min-height:30px}
.mm-pop-cite{padding:10px 12px;border:1px solid var(--mm-b1);border-radius:8px;background:var(--mm-panel);color:var(--mm-fg2);font-size:13px;line-height:1.55;overflow-wrap:anywhere;user-select:all}

/* PNG export: an off-screen clone renders with these rules */
.mm-exporting .mm-share,.mm-exporting .mm-pop,.mm-exporting .mm-ctrls{display:none!important}
.mm-exporting .mm-head .mm-title{display:none}
.mm-exporting .mm-tablewrap{overflow:visible}

/* ---------------- light theme ---------------- */
.mm.mm-light,.mm-tip.mm-light{
  --mm-bg:#fff;--mm-surface:#fff;--mm-panel:#f5f3f9;--mm-elev:#eeecf3;--mm-elev2:#fff;
  --mm-b0:rgba(17,12,30,.04);--mm-b1:rgba(17,12,30,.1);--mm-b2:rgba(17,12,30,.18);--mm-b3:rgba(17,12,30,.32);
  --mm-fg:#0b0812;--mm-fg2:#2a2635;--mm-fg3:#5b5668;--mm-fg4:#6b6678;
  --mm-accent:#6d28d9;--mm-link:#6d28d9;
  --mm-claude:#ea580c;--mm-gpt:#059669;--mm-gemini:#2563eb;--mm-grok:#dc2626;--mm-perplexity:#0891b2;--mm-other:#64748b;
  --mm-low:#64748b;--mm-med:#ca8a04;--mm-high:#dc2626;
  --mm-seq:#2a2635;--mm-sm:#0891b2;
  --mm-t-judgment:#94a3b8;--mm-t-factual:#0891b2;--mm-t-numerical:#ca8a04;--mm-t-stylistic:#cbd5e1;
  --mm-j-openai:#059669;--mm-j-anthropic:#ea580c;--mm-j-google:#2563eb;
  --mm-track:rgba(17,12,30,.06);--mm-ci:rgba(17,12,30,.7);--mm-zero:rgba(17,12,30,.35);
  --mm-shadow:0 12px 32px rgba(17,12,30,.14);
}
@media (prefers-color-scheme: light){
  .mm.mm-auto,.mm-tip.mm-auto{
    --mm-bg:#fff;--mm-surface:#fff;--mm-panel:#f5f3f9;--mm-elev:#eeecf3;--mm-elev2:#fff;
    --mm-b0:rgba(17,12,30,.04);--mm-b1:rgba(17,12,30,.1);--mm-b2:rgba(17,12,30,.18);--mm-b3:rgba(17,12,30,.32);
    --mm-fg:#0b0812;--mm-fg2:#2a2635;--mm-fg3:#5b5668;--mm-fg4:#6b6678;
    --mm-accent:#6d28d9;--mm-link:#6d28d9;
    --mm-claude:#ea580c;--mm-gpt:#059669;--mm-gemini:#2563eb;--mm-grok:#dc2626;--mm-perplexity:#0891b2;--mm-other:#64748b;
    --mm-low:#64748b;--mm-med:#ca8a04;--mm-high:#dc2626;
    --mm-seq:#2a2635;--mm-sm:#0891b2;
    --mm-t-judgment:#94a3b8;--mm-t-factual:#0891b2;--mm-t-numerical:#ca8a04;--mm-t-stylistic:#cbd5e1;
    --mm-j-openai:#059669;--mm-j-anthropic:#ea580c;--mm-j-google:#2563eb;
    --mm-track:rgba(17,12,30,.06);--mm-ci:rgba(17,12,30,.7);--mm-zero:rgba(17,12,30,.35);
    --mm-shadow:0 12px 32px rgba(17,12,30,.14);
  }
}
.mm-light .mm-seg-f.is-dark,.mm-light .mm-seg-f{color:#0b0812}

@media (prefers-reduced-motion:reduce){.mm *{transition:none!important;animation:none!important}}

/* ==================================================================
   Index page, October 12, 2026: the right "AI Models Index" card
   (WPCode 2497) waits 50 seconds, so the first minute belongs to the
   content. Pure CSS, so it never depends on a cached script.
   The bottom bar (WPCode 2060) is held back by mmdi.js.
   ================================================================== */
@keyframes mm-promo-in {
  from { opacity: 0; visibility: hidden; transform: translateX(12px); }
  to   { opacity: 1; visibility: visible; transform: none; }
}
body.page-template-mmdi-q3-2026 #hall-sidebar-widget { animation: mm-promo-in 0.35s ease 50s both; }
@media (prefers-reduced-motion: reduce) {
  body.page-template-mmdi-q3-2026 #hall-sidebar-widget { animation-duration: 0.01s; }
}

/* Press kit box (shared .rt-press component): the fine print at body colour, so it reads as easily as the page text. */
.mm-page .rt-press .rt-press-fine { color: rgba(255, 255, 255, 0.75); }