/* Blog article extras: answer box, comparison tables, FAQ list. Scoped to .art-* */
.art-answer{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.22);border-radius:12px;padding:18px 20px;margin:8px 0 28px}
.art-answer p{margin:0}
.art-answer p+p{margin-top:10px}
.art-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0;border:1px solid rgba(255,255,255,.1);border-radius:12px}
.art-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.art-table th,.art-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.06);line-height:1.5}
.art-table thead th{background:#111118;color:#A855F7;font-weight:700;font-size:13px;border-bottom:2px solid rgba(124,58,237,.3)}
.art-table tbody th{color:#fff;font-weight:600}
.art-table td{color:#A0A0B8}
.art-table tr:last-child th,.art-table tr:last-child td{border-bottom:none}
.art-table caption{caption-side:bottom;text-align:left;padding:10px 16px;color:#8E8EA0;font-size:12px}
.art-faq h3{font-size:1.05rem;margin:22px 0 6px}
.art-updated{color:var(--text-muted)}

/* Comparison tables become stacked cards on phones */
@media(max-width:640px){
  .art-table--stack{min-width:0}
  .art-table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .art-table--stack tr{display:block;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
  .art-table--stack tr:last-child{border-bottom:none}
  .art-table--stack th,.art-table--stack td{display:block;border:0;padding:2px 0}
  .art-table--stack tbody th{margin-bottom:4px}
  .art-table--stack td::before{content:attr(data-label) ": ";color:#8E8EA0}
}