/* ai-search-v1 (Oct 24, 2026): short answer, Last updated, side-by-side table, best lists and FAQ.
   Linked only on /best/<list>/ pages (v6p, over retro.css + v6-pages.css) and the 10 industry pages (v6.css). */
.ai-answer{margin:0 0 28px;padding:20px 22px;border:1px solid var(--line);border-left:6px solid var(--blue);border-radius:16px;background:#fff}
.ai-answer p{margin:0;font-size:18px;line-height:1.55;color:var(--ink);max-width:none}
.ai-answer p.ai-updated{margin-top:10px;font-size:15.5px;color:var(--mute)}
.ai-updated a,.ai-tbl a,.ai-best a{color:var(--blue);font-weight:600}
.ai-compare{margin-top:48px}
.ai-compare h2,.ai-faq h2,.ai-best h2{margin:0 0 16px}
.ai-tbl-wrap{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
.ai-tbl-wrap:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.ai-tbl{width:100%;min-width:880px;border-collapse:collapse;font-size:15.5px;line-height:1.45;color:var(--text);background:#fff}
.ai-tbl caption{caption-side:top;text-align:left;padding:14px 16px 8px;font-weight:650;font-size:16px;color:var(--ink)}
.ai-tbl th,.ai-tbl td{padding:12px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--line);overflow-wrap:anywhere}
.ai-tbl thead th{background:#F4F5F7;color:var(--ink);font-size:14px;font-weight:700;white-space:nowrap;overflow-wrap:normal}
.ai-tbl tbody th{font-weight:650;color:var(--ink);min-width:140px}
.ai-tbl td:nth-child(2){min-width:220px}
.ai-tbl td:nth-child(4),.ai-tbl td:nth-child(6){white-space:nowrap;overflow-wrap:normal}
.ai-tbl td:nth-child(5){min-width:130px}
.ai-sp{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#FFF3EC;color:#9E3E0C;font-size:12.5px;font-weight:700}
.ai-fine{margin:10px 0 0;font-size:15px;color:var(--mute)}
.ai-best{margin-top:48px}
.ai-best ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.ai-best li a{display:block;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none}
.ai-best li a:hover{border-color:var(--blue)}
.ai-faq{margin-top:48px}
.ai-faq h3{margin:22px 0 6px;font-size:20px;line-height:1.3;color:var(--ink)}
.ai-faq p{margin:0;color:var(--text);max-width:70ch}
.sec.ai-sec{padding:80px 0}
.ai-sec h2{font-size:40px}
@media (max-width:640px){
  .ai-answer{padding:16px 16px 16px 18px}
  .ai-answer p{font-size:17px}
  .ai-sec h2{font-size:30px}
  .sec.ai-sec{padding:56px 0}
  /* Phones: each row becomes a small card, labels from data-label. No sideways scroll. */
  .ai-tbl-wrap{overflow:visible;border:0;background:none}
  .ai-tbl{min-width:0;display:block;background:none}
  .ai-tbl caption{display:block;padding:0 0 10px}
  .ai-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ai-tbl tbody,.ai-tbl tr,.ai-tbl th,.ai-tbl td{display:block;width:auto;min-width:0}
  .ai-tbl tr{margin:0 0 12px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}
  .ai-tbl th,.ai-tbl td{border:0;padding:5px 0}
  .ai-tbl tbody th{font-size:18px;padding-bottom:4px}
  .ai-tbl td::before{content:attr(data-label);display:block;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--mute)}
}