/* Only the bilingual audit comparison articles use this reading layout. */
html:has(body.audit-buyer-guide) { scroll-behavior: auto; }
.audit-buyer-guide .blog-post { max-width: 1040px; }
.audit-buyer-guide .blog-post-content > :is(p, h2, h3, ul, ol, figure, .audit-next-step, .audit-toc) {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.audit-byline { display: flex; gap: 14px; align-items: center; margin-top: 24px; color: var(--mist); }
.audit-byline img { flex-shrink: 0; border-radius: 50%; width: 56px; height: 56px; object-fit: cover; object-position: center 22%; }
.audit-byline a { color: var(--cloud); }
.audit-byline .blog-post-meta { margin: 6px 0 0; }
.audit-toc { display: flex; flex-wrap: wrap; gap: 12px 22px; padding: 0 0 24px; border-bottom: 1px solid var(--line); margin-bottom: 24px; font-size: .92rem; }
.audit-buyer-guide .audit-source-date, .audit-buyer-guide .audit-scroll-hint { color: var(--mist); font-size: .85rem; }
.audit-table-scroll { max-width: 100%; overflow-x: auto; margin: 24px 0 10px; border: 1px solid var(--line); border-radius: 8px; scroll-margin-top: 120px; }
.audit-table-scroll table { border-collapse: collapse; width: 100%; min-width: 900px; font-size: .92rem; line-height: 1.6; }
.audit-table-scroll th, .audit-table-scroll td { padding: 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); color: var(--cloud); }
.audit-table-scroll th { color: var(--white); background: rgba(212, 168, 83, .10); font-weight: 600; }
.audit-table-scroll td:first-child { font-weight: 600; min-width: 140px; }
.audit-table-scroll tbody tr:nth-child(even) { background: rgba(255, 255, 255, .025); }
.audit-table-scroll tr:last-child td { border-bottom: 0; }
.audit-table-scroll:focus-visible, .audit-toc a:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.audit-buyer-guide .blog-post-content :is(h2, h3) { scroll-margin-top: 120px; }
.audit-buyer-guide .blog-post-content ol > li { list-style-type: decimal; }
.audit-buyer-guide .report-example { margin-top: 28px; margin-bottom: 28px; }
.report-example img { display: block; width: 100%; height: auto; border-radius: 6px; }
.report-example figcaption { font-size: .85rem; line-height: 1.6; color: var(--mist); margin-top: 12px; }
.audit-next-step { padding: 24px; border-top: 3px solid var(--gold); background: rgba(212, 168, 83, .06); margin-top: 40px; }
.audit-next-step h2:first-child { margin-top: 0; }
.audit-buyer-guide .audit-related { margin-top: 32px; }
@media (max-width: 600px) {
  .audit-buyer-guide .blog-post-content { padding: 20px 16px; }
  .audit-byline { align-items: flex-start; font-size: .9rem; }
  .audit-table-scroll th, .audit-table-scroll td { padding: 12px; }
  .audit-toc { gap: 12px 18px; }
  .audit-next-step { padding: 20px 16px; }
}