.blog-content:has([data-receptionist-comparison]) h2,
.blog-content:has([data-receptionist-comparison]) h3 { scroll-margin-top: 110px; }
.blog-content [data-receptionist-comparison] h3 { margin-top: 0; }
.blog-content [data-receptionist-comparison] dd { overflow-wrap: anywhere; }
.blog-content [data-receptionist-media] img { display: block; }
.blog-content [data-receptionist-media] a:focus-visible { outline: 3px solid #c4b5fd; outline-offset: 4px; }
@media (max-width: 640px) {
 .blog-content:has([data-receptionist-comparison]) th,
 .blog-content:has([data-receptionist-comparison]) td { white-space: normal; min-width: 105px; }
}

.blog-content [data-receptionist-comparison] h3,
.blog-content:has([data-receptionist-comparison]) h2:is(#smithai-ai-receptionist, #quo-sona, #krispcall-ai-voice-agent) { display: flex; align-items: center; gap: 12px; }
.blog-content .receptionist-logo,
.blog-content:has([data-receptionist-comparison]) h2:is(#smithai-ai-receptionist, #quo-sona, #krispcall-ai-voice-agent)::before { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 10px; object-fit: contain; margin: 0; }
.blog-content:has([data-receptionist-comparison]) h2:is(#smithai-ai-receptionist, #quo-sona, #krispcall-ai-voice-agent)::before { content: ""; background-size: contain; background-repeat: no-repeat; }
.blog-content:has([data-receptionist-comparison]) #smithai-ai-receptionist::before { background-image: url('/logos/smith-ai.webp'); }
.blog-content:has([data-receptionist-comparison]) #quo-sona::before { background-image: url('/logos/quo.webp'); }
.blog-content:has([data-receptionist-comparison]) #krispcall-ai-voice-agent::before { background-image: url('/logos/krispcall.webp'); }