/* Blog: comparison table, figure and note box (2026-11, first used by human-vs-ai-dubbing-for-youtube). Light-locked like the other editorial pages. */
.hvo-compare{margin:0 0 .75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.hvo-compare-table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5;color:#151515}
.hvo-compare-table th,.hvo-compare-table td{padding:.85rem .75rem;border-bottom:1px solid #dfdfda;text-align:left;vertical-align:top}
.hvo-compare-table thead th{font-family:"Geist Mono",ui-monospace,monospace;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#686864;border-bottom:1px solid #151515}
.hvo-compare-table tbody th{width:20%;font-weight:600}
.hvo-compare-table td:last-child{background:#f4f4f0}
.hvo-compare-source{font-size:.85rem;line-height:1.5;color:#686864}
.hvo-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hvo-article-figure{margin:2rem 0}
.hvo-article-figure img{display:block;width:100%;height:auto;border-radius:16px}
.hvo-article-figure figcaption{margin-top:.6rem;font-size:.85rem;line-height:1.5;color:#686864}
.hvo-note{margin:0 0 1.5rem;padding:1.25rem 1.5rem;border:2px dashed #c7c7c7;border-radius:16px}
.hvo-note>:last-child{margin-bottom:0}
.hvo-note .hvo-note-label{margin:0 0 .5rem;font-family:"Geist Mono",ui-monospace,monospace;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#556c00}
@media (max-width:640px){
.hvo-compare{overflow:visible}
.hvo-compare-table,.hvo-compare-table tbody,.hvo-compare-table tr,.hvo-compare-table th,.hvo-compare-table td{display:block;width:auto}
.hvo-compare-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hvo-compare-table tr{padding:.9rem 0;border-bottom:1px solid #dfdfda}
.hvo-compare-table tbody th,.hvo-compare-table td{padding:.25rem 0;border:0;width:auto}
.hvo-compare-table tbody th{font-size:1.05rem;margin-bottom:.25rem}
.hvo-compare-table td{padding:.5rem .75rem;border-radius:8px}
.hvo-compare-table td::before{content:attr(data-label);display:block;font-family:"Geist Mono",ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#686864;margin-bottom:.15rem}
}
