/* Midilot comparison: existing dark UI, narrow cards, locally scrolling data table. */
.comparison-page .comparison-lead { font-size:18px; line-height:1.65; color:var(--ink-soft); }
.comparison-page .comparison-meta { color:var(--ink-soft); font-family:inherit; font-size:13px; line-height:1.6; }
.comparison-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0; }
.comparison-page .comparison-card { min-width:0; border:1px solid var(--hairline); background:var(--surface); padding:18px; border-radius:12px; }
.comparison-page .comparison-card h3 { margin:0 0 10px; }
.comparison-page .comparison-card p { margin:0 0 10px; }
.comparison-page .comparison-card a { display:inline-flex; align-items:center; min-height:44px; }
.comparison-page .evidence-label { font-family:var(--mono); font-size:10px; letter-spacing:.08em; color:var(--lime); }
.comparison-page .comparison-figure { margin:24px 0; }
.comparison-page .comparison-figure img { display:block; width:360px; max-width:100%; height:auto; border:1px solid var(--hairline); border-radius:12px; }
.comparison-page .comparison-figure figcaption { color:var(--ink-soft); font-size:14px; line-height:1.65; margin-top:12px; max-width:65ch; }
.comparison-page .comparison-files { list-style:none; padding:0; gap:4px; }
.comparison-page .comparison-files a { display:inline-flex; align-items:center; min-height:44px; overflow-wrap:anywhere; }
.comparison-page .guide-table { min-width:520px; }
.comparison-page .table-hint { font-family:var(--mono); font-size:11px; color:var(--muted); }
.comparison-page code { white-space:normal; overflow-wrap:anywhere; }
.comparison-page .comparison-note { padding:16px; border-left:2px solid var(--lime); background:var(--lime-dim); border-radius:0 8px 8px 0; }
@media(max-width:600px) { .comparison-cards { grid-template-columns:1fr; } .comparison-page .comparison-lead { font-size:16px; } .comparison-page .tutorial-actions { align-items:stretch; } .comparison-page .tutorial-actions .primary-button { width:100%; white-space:normal; text-align:center; } }