/* Compact Compare presentation. Shared live and included by future column builds. */
html body .dpcs.dpcs[data-compare-columns] .cc-page-hero{background:#f5f7fc}
html body .dpcs.dpcs[data-compare-columns] #top{padding-top:16px!important;padding-bottom:18px!important}
html body .dpcs.dpcs[data-compare-columns] h1{font-size:34px;line-height:1.15;margin:8px 0 12px}
html body .dpcs.dpcs[data-compare-columns] .vs{font-size:21px}
html body .dpcs.dpcs[data-compare-columns] .lede{font-size:14px;line-height:1.55;max-width:88ch;margin-bottom:8px}
html body .dpcs.dpcs[data-compare-columns] .meta{font-size:12px;margin-top:10px}
html body .dpcs.dpcs[data-compare-columns] .jump{margin-top:0}
html body .dpcs.dpcs[data-compare-columns] .jump .wrap{gap:16px;font-size:12px}
html body .dpcs.dpcs[data-compare-columns] .jump a{min-height:40px;padding:8px 0}
html body .dpcs.dpcs[data-compare-columns] section{padding-top:24px;padding-bottom:4px;scroll-margin-top:calc(var(--cc-nav-height,80px) + 64px)}
html body .dpcs.dpcs[data-compare-columns] section>h2{font-size:22px;margin-bottom:12px}
html body .dpcs.dpcs[data-compare-columns] .sub{font-size:13px;margin-bottom:12px}
html body .dpcs.dpcs[data-compare-columns] :is(.row,.mrow)>div,html body .dpcs.dpcs[data-compare-columns] .thead>*,html body .dpcs.dpcs[data-compare-columns] :is(.hero,.pick,.pics,.map,.onset-text,.prods,.se)>*,html body .dpcs.dpcs[data-compare-columns] :is(.cc-component-label,.cc-labelled-content,.ccd-label){padding:10px 12px;font-size:14px;line-height:1.55}
html body .dpcs.dpcs[data-compare-columns] :is(.card,.mapc,.sebox,.row) :is(p,ul,li),html body .dpcs.dpcs[data-compare-columns] .cc-faq-table :is(summary,details p){font-size:14px;line-height:1.55}
html body .dpcs.dpcs[data-compare-columns] :is(.card h3,.thead h3){font-size:14px}
html [data-compare-columns] :is(.row>.lab:first-child,.mrow>.mk,.cc-component-label,.cc-photo-label,.cc-choice-label,.ccd-label,.dec-level){display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
html [data-compare-columns] .dce-table tbody th{vertical-align:middle!important}
html body .dpcs.dpcs[data-compare-columns] .hero.cc-photo-row>.cc-photo-cell{padding:0;overflow:hidden}
html body .dpcs.dpcs[data-compare-columns] .cc-photo-cell>img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin:0;border-radius:0}
html body .dpcs.dpcs[data-compare-columns] .cc-subject-bar{position:sticky;top:var(--cc-nav-height,80px);z-index:30;background:#fff;border-bottom:1px solid #dce2ed}
html body .dpcs.dpcs[data-compare-columns] .cc-subject-grid{display:grid;grid-template-columns:var(--cc-grid)}
html body .dpcs.dpcs[data-compare-columns] .cc-subject-grid>div{padding:10px 12px;min-width:0;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.4}
html body .dpcs.dpcs[data-compare-columns] .cc-subject-a{color:#fff;background:#244b91;border-left:1px solid #e3e6ee;border-bottom:2px solid #2b55a3}
html body .dpcs.dpcs[data-compare-columns] .cc-subject-b{color:#fff;background:#92264f;border-left:1px solid #e3e6ee;border-bottom:2px solid #9c2f5c}
@media(max-width:760px){html body .dpcs.dpcs[data-compare-columns] h1{font-size:26px}html body .dpcs.dpcs[data-compare-columns] .vs{font-size:20px}html body .dpcs.dpcs[data-compare-columns] section>h2{font-size:20px}html body .dpcs.dpcs[data-compare-columns] section{padding-top:20px}html body .dpcs.dpcs[data-compare-columns] .cc-subject-grid>div:first-child{display:none}html body .dpcs.dpcs[data-compare-columns] .cc-subject-grid>div{font-size:13px;padding:9px 10px}}
/* Thirteen editorial table comparisons use native table column headings. */
html body .dpx-root.dpx-root[data-compare-columns] .dce-shell>header{background:#f5f7fc;padding:24px 16px;margin-bottom:20px}
html body .dpx-root.dpx-root[data-compare-columns] .dce-shell h1{font-size:34px!important;line-height:1.15!important;margin:8px 0 12px!important}
html body .dpx-root.dpx-root[data-compare-columns] .dce-intro,html body .dpx-root.dpx-root[data-compare-columns] .dce-intro p{font-size:14px!important;line-height:1.55!important}
html body .dpx-root.dpx-root[data-compare-columns] .dce-table :is(th,td){padding:10px 12px!important;font-size:14px!important;line-height:1.55!important}
html body .dpx-root.dpx-root[data-compare-columns] .dce-table thead{position:sticky;top:var(--cc-nav-height,80px);z-index:30;background:#fff}
html body .dpx-root.dpx-root[data-compare-columns] .dce-picture-row td{padding:0!important}
html body .dpx-root.dpx-root[data-compare-columns] .dce-picture-row :is(figure,a,img){margin:0!important;padding:0!important;display:block;width:100%!important;max-width:none!important;border-radius:0!important}
html body .dpx-root.dpx-root[data-compare-columns] .dce-picture-row img{height:auto!important;aspect-ratio:16/9;object-fit:cover!important}
@media(max-width:760px){html body .dpx-root.dpx-root[data-compare-columns] .dce-shell h1{font-size:26px!important}}
html body .dpcs.dpcs[data-compare-columns] .cc-legacy-subject-bar .cc-subject-grid{padding:0}
html body .dpcs.dpcs[data-compare-columns] .cc-legacy-condition-table .row:has(.method-picture)>.ca,html body .dpcs.dpcs[data-compare-columns] .cc-legacy-condition-table .row:has(.method-picture)>.cb{padding:0}
html body .dpcs.dpcs[data-compare-columns] .cc-legacy-condition-table .method-picture,html body .dpcs.dpcs[data-compare-columns] .cc-legacy-condition-table .method-picture a{margin:0;padding:0;display:block}
html body .dpcs.dpcs[data-compare-columns] .cc-legacy-condition-table .method-picture img{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover!important;border-radius:0!important}

/* Keep the names directly against the first photo row, then sticky during reading. */
html body .dpcs.dpcs[data-compare-columns] .cc-picture-intro{padding-top:20px;padding-bottom:12px}
html body .dpcs.dpcs[data-compare-columns] .cc-picture-intro h2{font-size:22px;line-height:1.25;margin:0}
html body .dpcs.dpcs[data-compare-columns] section.cc-pictures-start{padding-top:0!important}
html body .dpcs.dpcs[data-compare-columns] section.cc-pictures-start>.hero{margin-top:0!important}
html body .dpcs.dpcs[data-compare-columns] .cc-legacy-subject-bar{border-bottom:0}
@media(max-width:760px){html body .dpcs.dpcs[data-compare-columns] .cc-picture-intro{padding-top:16px}html body .dpcs.dpcs[data-compare-columns] .cc-picture-intro h2{font-size:20px}}

/* Enforce density over later per-page fallback styles. */
html body .dpcs.dpcs[data-compare-columns] .cc-photo-cell>img{height:220px;aspect-ratio:auto}
html body .dpcs.dpcs[data-compare-columns] .row p{margin-bottom:5px}
html body .dpcs.dpcs[data-compare-columns] .row p:last-child{margin-bottom:0}
html body .dpcs.dpcs[data-compare-columns] .ccd-grid .ccd-figure,html body .dpcs.dpcs[data-compare-columns] [data-cimp-compare-diagrams] .ccd-grid .ccd-figure{padding:12px!important}
html body .dpcs.dpcs[data-compare-columns] .cc-labelled-content,html body .dpcs.dpcs[data-compare-columns] .together>div{padding:12px}
html body .dpcs.dpcs[data-compare-columns] .cc-legacy-condition-table .row:has(.method-picture) img{height:220px!important;aspect-ratio:auto}
@media(max-width:760px){html body .dpcs.dpcs[data-compare-columns] .cc-photo-cell>img,html body .dpcs.dpcs[data-compare-columns] .cc-legacy-condition-table .row:has(.method-picture) img{height:140px!important}}