/* Tables and diagrams in the AI recommendation article series. */
.ai-article .table-wrap { overflow-x: auto; max-width: 100%; margin: 18px 0 26px; overscroll-behavior-inline: contain; }
.ai-article .table-wrap:focus-visible { outline: 2px solid var(--acc); outline-offset: 4px; }
.ai-article .table-wrap table { min-width: 650px; margin: 0; }
.ai-article th { text-transform: none; letter-spacing: normal; font-family: inherit; font-size: 14px; }
.ai-article th, .ai-article td { text-align: start; overflow-wrap: anywhere; }
.ai-article .table-hint { display: none; font-size: 13px; color: var(--muted); }
.ai-article .post-figure { margin: 28px 0; }
.ai-article .post-figure a { display: block; }
.ai-article .post-figure img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 14px; }
.ai-article figcaption { font-size: 14px; line-height: 1.6; color: var(--muted); margin-top: 12px; }
.ai-article blockquote { border-inline-start: 3px solid var(--acc); margin: 24px 0; padding: 8px 22px; background: var(--acc-tint); }
.ai-article blockquote p:last-child { margin-bottom: 0; }
.ai-article ol { padding-inline-start: 24px; margin-bottom: 18px; }
.ai-article a { overflow-wrap: anywhere; }
.ai-article code { unicode-bidi: isolate; overflow-wrap: anywhere; }
.ai-article .related-articles { border-top: 1px solid var(--line); margin-top: 40px; padding-top: 8px; }
html[lang="he"] .ai-article h1, html[lang="hi"] .ai-article h1, html[lang="zh-Hans"] .ai-article h1 { letter-spacing: normal; line-height: 1.4; }
html[lang="he"] .ai-article h2, html[lang="hi"] .ai-article h2, html[lang="zh-Hans"] .ai-article h2 { letter-spacing: normal; line-height: 1.45; }
html[lang="hi"] .ai-article { line-height: 1.85; }
@media (max-width: 720px) {
  .ai-article .table-hint { display: block; margin-top: 18px; margin-bottom: 8px; }
  .ai-article .table-wrap { margin-top: 8px; }
}
@media print {
  .ai-article .table-wrap { overflow: visible; }
  .ai-article .table-wrap table { min-width: 0; }
  .ai-article .table-hint { display: none; }
}