/* Comparison only: native table aligns every feature, responsive labels stay translated. */
#why .vs-intro { max-width:760px; margin:18px 0 32px; color:var(--muted); font-size:16px; line-height:1.7; }
#why .vs-legend { display:flex; flex-wrap:wrap; gap:12px 24px; list-style:none; padding:0; margin:-12px 0 28px; color:var(--muted); font-size:12px; line-height:1.6; }
#why .vs-legend li { display:flex; align-items:flex-start; gap:8px; }
#why .vs-answer { display:flex; align-items:flex-start; gap:8px; }
#why .vs-answer-text { min-width:0; }
#why .vs-status { display:inline-flex; width:18px; height:18px; flex:0 0 18px; margin-top:2px; }
#why .vs-status svg { display:block; width:100%; height:100%; stroke-width:1.8; }
#why .vs-status-available { color:#34d399; }
#why .vs-status-absent { color:#f87171; }
#why .vs-status-conditional { color:#facc15; }
#why:where([data-theme="light"] *) .vs-status-available { color:#166534; }
#why:where([data-theme="light"] *) .vs-status-absent { color:#b91c1c; }
#why:where([data-theme="light"] *) .vs-status-conditional { color:#a16207; }
#why .vs-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#why .vs-comparison { max-width:1280px; margin:0 auto; border:1px solid var(--border); border-radius:16px; background:var(--card); overflow:clip; }
#why .vs-matrix { width:100%; border-collapse:collapse; table-layout:fixed; font-size:14px; line-height:1.6; text-align:left; }
#why .vs-feature-col { width:21%; }
#why .vs-bysophia-col { width:35%; }
#why .vs-matrix th, #why .vs-matrix td { padding:18px 20px; border-bottom:1px solid var(--border); vertical-align:top; overflow-wrap:break-word; }
#why .vs-matrix thead th { position:sticky; top:var(--nav-h); z-index:2; color:var(--muted); font-size:12px; line-height:1.5; letter-spacing:.7px; font-weight:700; background:var(--card2); }
#why .vs-matrix thead .vs-bysophia { font-size:16px; letter-spacing:0; color:var(--orange); background:var(--card2); box-shadow:inset 0 3px 0 var(--orange); }
#why .vs-matrix .vs-feature-row > th { font-weight:600; color:var(--white); }
#why .vs-feature-heading { display:flex; align-items:flex-start; gap:10px; }
#why .vs-feature-heading > span:last-child { min-width:0; }
#why .vs-feature-icon { display:inline-flex; flex:0 0 22px; width:22px; height:22px; margin-top:1px; color:var(--orange); }
#why .vs-feature-icon svg { display:block; width:100%; height:100%; stroke-width:1.65; }
#why:where([data-theme="light"] *) .vs-feature-icon { color:var(--orange-ink); }
#why .vs-matrix td { color:var(--muted); }
#why .vs-matrix .vs-bysophia { color:var(--white); background:rgba(255,107,43,.06); border-left:1px solid rgba(255,107,43,.24); }
#why .vs-matrix .vs-bysophia > .vs-answer { display:flex; }
#why .vs-matrix .vs-group th { padding:14px 20px; color:var(--white); background:var(--card2); font-size:15px; font-weight:700; letter-spacing:-.15px; }
#why .vs-matrix .vs-group th span { display:block; padding-left:12px; border-left:3px solid var(--orange); }
#why .vs-mobile-label { display:none; }
#why .vs-notes { padding:24px 28px; }
#why .vs-notes p { margin:0 0 12px; color:var(--muted); font-size:13px; line-height:1.7; }
#why .vs-notes a { display:inline-block; margin-top:8px; color:var(--orange); font-size:14px; font-weight:600; line-height:1.5; text-underline-offset:4px; }
#why .vs-notes a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
#why:where([data-theme="light"] *) .vs-matrix thead .vs-bysophia, #why:where([data-theme="light"] *) .vs-notes a { color:var(--orange-ink); }
@media(max-width:900px) {
  #why .vs-matrix th, #why .vs-matrix td { padding:16px 14px; }
  #why .vs-matrix { font-size:13px; }
}
@media(max-width:700px) {
  #why .vs-intro { font-size:15px; margin-bottom:24px; }
  #why .vs-matrix, #why .vs-matrix tbody { display:block; width:100%; }
  #why .vs-matrix colgroup { display:none; }
  #why .vs-matrix thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  #why .vs-matrix thead th { position:static; }
  #why .vs-matrix tr { display:block; }
  #why .vs-matrix .vs-group th { display:block; width:100%; padding:18px; box-sizing:border-box; }
  #why .vs-matrix .vs-feature-row { padding:18px; border-bottom:1px solid var(--border); }
  #why .vs-matrix .vs-feature-row > th { display:block; border:0; padding:0 0 14px; width:100%; font-size:15px; box-sizing:border-box; }
  #why .vs-matrix .vs-feature-row > td { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr); column-gap:14px; padding:12px 0; border:0; }
  #why .vs-matrix .vs-feature-row > td + td { border-top:1px solid var(--border); }
  #why .vs-mobile-label { display:block; font-size:12px; font-weight:600; line-height:1.6; }
  #why .vs-matrix td > span:last-child { min-width:0; font-size:13px; }
  #why .vs-matrix .vs-feature-row > td.vs-bysophia { padding:14px 12px; margin:4px -12px 0; border:1px solid rgba(255,107,43,.2); border-radius:8px; }
  #why .vs-matrix .vs-bysophia .vs-mobile-label { color:var(--orange); }
  #why:where([data-theme="light"] *) .vs-matrix .vs-bysophia .vs-mobile-label { color:var(--orange-ink); }
  #why .vs-notes { padding:20px 18px; }
}