/* CFDOnline · editorial renewal R156 · source-bound design canary.
   Scoped: body.cfdEditorial26. No database/contents/filter/affiliate mutation.
   Preserves original style.min.css and R147/R152 fixes. */
body.cfdEditorial26 {
  --cf-ink:#172d43; --cf-muted:#52677b; --cf-blue:#0878c8; --cf-blue-deep:#0860a0;
  --cf-paper:#ffffff; --cf-base:#f3f6f8; --cf-border:#dce5ec; --cf-teal:#117a75;
  --cf-shadow:0 16px 42px rgba(22,48,69,.065);
  color:var(--cf-ink);background:var(--cf-base);padding-top:136px;
  font-family:Roboto,Arial,sans-serif;line-height:1.68;
}
body.cfdEditorial26 *,body.cfdEditorial26 *::before,body.cfdEditorial26 *::after{box-sizing:border-box}
body.cfdEditorial26 :focus-visible {outline:3px solid #edaa33;outline-offset:3px}
body.cfdEditorial26 :is(h1,h2,h3,.title,.smallTitle,.subTitle){color:var(--cf-ink);letter-spacing:-.022em;line-height:1.24}
body.cfdEditorial26 h1 {font-size:clamp(2rem,3.4vw,3.4rem);font-weight:700}
body.cfdEditorial26 h2 {font-size:clamp(1.4rem,2vw,2rem);font-weight:700}
body.cfdEditorial26 h3 {font-size:1.28rem;font-weight:700}
body.cfdEditorial26 a {text-underline-offset:3px}
body.cfdEditorial26 a:hover {color:var(--cf-blue-deep)}
body.cfdEditorial26 .container {max-width:1210px}
body.cfdEditorial26 :is(.textpage,.newsPage,.reviewPage,.comparePage) {background:var(--cf-base)}
body.cfdEditorial26 :is(.textblock,.newsPageWrapper,.wrapper,.items,.result,.rating,.pros,.cons,.qblock) {border-radius:12px}
body.cfdEditorial26 :is(.button,a.button,button.button) {border-radius:9px;font-weight:700;letter-spacing:0;text-transform:none;box-shadow:none;transition:background-color .18s,border-color .18s,transform .18s}
body.cfdEditorial26 :is(.button,a.button,button.button):hover {transform:translateY(-1px)}
body.cfdEditorial26 :is(.button.green,a.button.green){background:var(--cf-blue);color:#fff}
body.cfdEditorial26 :is(.button.blue,a.button.blue){background:var(--cf-ink);color:#fff}
body.cfdEditorial26 .bgLightgray{background:var(--cf-base)}
body.cfdEditorial26 .bgDarkgray{background:var(--cf-ink)}
/* Sitewide chrome: preserve markup and mobile menu handlers. */
body.cfdEditorial26 .cfdEdHeader {background:#fff;box-shadow:0 8px 26px rgba(18,43,65,.09);z-index:1000}
body.cfdEditorial26 .cfdEdHeader > .container {min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.cfdEditorial26 .cfdEdHeader .logo {display:flex;align-items:center}
body.cfdEditorial26 .cfdEdHeader .logo img {width:auto;max-width:220px;max-height:56px}
body.cfdEditorial26 .cfdEdMainNav {background:var(--cf-ink);margin-top:0}
body.cfdEditorial26 .cfdEdMainNav > .container > ul {display:flex;gap:0;align-items:center;min-height:52px}
body.cfdEditorial26 .cfdEdMainNav ul li a{color:#e9f2f8}
body.cfdEditorial26 .cfdEdMainNav ul li a:hover{color:#fff;background:rgba(255,255,255,.12)}
body.cfdEditorial26 .scrollIndicator .progress {background:var(--cf-blue)}
body.cfdEditorial26 .breadcrumb {font-size:.84rem;letter-spacing:.01em;line-height:1.5;color:var(--cf-muted)}
body.cfdEditorial26 .breadcrumb a{color:var(--cf-blue-deep)}
/* Home: articulate hero, ranking and editorial stories as separate surfaces. */
body.cfdEditorial26 .cfdEdHomeHero{background-color:#173b5b;background-blend-mode:multiply;background-size:cover;padding-top:75px;padding-bottom:125px;overflow:hidden}
body.cfdEditorial26 .cfdEdHomeHero .overlay {background:linear-gradient(110deg,rgba(12,36,57,.94),rgba(13,57,86,.69));opacity:1}
body.cfdEditorial26 .cfdEdHomeHero .container{z-index:1}
body.cfdEditorial26 .cfdEdHomeHero .bannerContent{max-width:680px}
body.cfdEditorial26 .cfdEdHomeHero :is(h1,h2,p,.title){color:#fff}
body.cfdEditorial26 .cfdEdHomeHero h1 {font-size:clamp(2.35rem,4.2vw,4.3rem);line-height:1.1}
body.cfdEditorial26 .cfdEdHomeHero .ad {border-radius:14px;min-height:190px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.24);padding:18px}
body.cfdEditorial26 .cfdEdHomeRanking{margin-top:-64px;z-index:2}
body.cfdEditorial26 .cfdEdHomeRanking .wrapper{background:#fff;padding:33px;box-shadow:var(--cf-shadow);border:1px solid var(--cf-border)}
body.cfdEditorial26 .cfdEdHomeRanking .title{font-size:2rem;color:var(--cf-ink);text-align:left}
body.cfdEditorial26 .cfdEdHomeRanking .title small {font-size:.73rem;text-transform:uppercase;letter-spacing:.14em;color:var(--cf-blue);font-weight:700;text-align:left}
body.cfdEditorial26 .cfdEdHomeRanking .divTableCell {padding-top:12px;padding-bottom:12px}
body.cfdEditorial26 :is(.cfdEdHomeTopics,.cfdEdHomeReading) .article{margin-bottom:24px}
body.cfdEditorial26 :is(.cfdEdHomeTopics,.cfdEdHomeReading) .article>a,
body.cfdEditorial26 :is(.cfdEdHomeTopics,.cfdEdHomeReading) .article .wrapper{background:#fff;border:1px solid var(--cf-border);box-shadow:var(--cf-shadow);border-radius:13px;overflow:hidden}
/* Normal knowledge article: editorial wide text and quiet support rail. */
body.cfdEditorial26 .cfdEdGuideHero {background-color:#244b67;background-blend-mode:multiply;min-height:310px;padding-top:54px;padding-bottom:54px}
body.cfdEditorial26 .cfdEdGuideHero .overlay{background:linear-gradient(105deg,rgba(15,44,68,.92),rgba(16,59,88,.64));opacity:1}
body.cfdEditorial26 .cfdEdGuideHero .bannerContent{max-width:720px}
body.cfdEditorial26 .cfdEdGuideHero :is(h1,p){color:#fff}
body.cfdEditorial26 .cfdEdGuideHero h1{line-height:1.13}
body.cfdEditorial26 .cfdEdGuideHero .ad{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:15px}
body.cfdEditorial26 .cfdEdGuide {padding:40px 0 80px}
body.cfdEditorial26 .cfdEdGuide > .container > .disFlex {align-items:start;gap:30px}
body.cfdEditorial26 .cfdEdGuide .cfdEdGuideRail {width:28%;flex:0 0 28%;padding:0}
body.cfdEditorial26 .cfdEdGuide .col8 {flex:1;width:auto;min-width:0;max-width:825px}
body.cfdEditorial26 .cfdEdGuide .col8 :is(p,li){font-size:1.06rem;line-height:1.86}
body.cfdEditorial26 .cfdEdGuide .col8 :is(h2,h3){margin-top:1.65em;margin-bottom:.65em}
body.cfdEditorial26 .cfdEdGuide .col8 img {max-width:100%;height:auto}
body.cfdEditorial26 .cfdEdGuide .cfdEdGuideRail .wrapper{background:#fff;border:1px solid var(--cf-border);box-shadow:var(--cf-shadow);padding:18px}
body.cfdEditorial26 .cfdEdGuide .cfdEdGuideRail .sticky{top:165px}
/* Blog article and cards. */
body.cfdEditorial26 .cfdEdBlogDetail {padding-top:55px;padding-bottom:80px}
body.cfdEditorial26 .cfdEdBlogPaper{background:#fff;border:1px solid var(--cf-border);box-shadow:var(--cf-shadow);padding:clamp(24px,5vw,64px);border-radius:16px;max-width:1000px;margin-inline:auto;gap:20px}
body.cfdEditorial26 .cfdEdBlogPaper :is(p,li){line-height:1.85;font-size:1.05rem}
body.cfdEditorial26 .cfdEdBlogPaper h1{max-width:800px}
body.cfdEditorial26 .cfdEdBlogPaper img{max-width:100%;height:auto;border-radius:12px}
/* Comparison: first understand filters, then compare rows. */
body.cfdEditorial26 .cfdEdCompare {padding-top:44px;padding-bottom:75px}
body.cfdEditorial26 .cfdEdCompare > .container > .marginBottom{max-width:860px}
body.cfdEditorial26 .cfdEdCompare .breadcrumb {background:transparent;border-color:var(--cf-border);margin-bottom:30px}
body.cfdEditorial26 .cfdEdCompare .cfdEdCompareFilter {padding:0 18px 0 0}
body.cfdEditorial26 .cfdEdCompare .filterList {background:#fff;border:1px solid var(--cf-border);border-radius:12px;padding:20px;box-shadow:var(--cf-shadow)}
body.cfdEditorial26 .cfdEdCompare .cfdEdCompareResults {min-width:0}
body.cfdEditorial26 .cfdEdCompare .sorting {background:#fff;border:1px solid var(--cf-border);border-radius:10px;padding:15px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body.cfdEditorial26 .cfdEdCompare .sorting .option {border:1px solid var(--cf-border);border-radius:7px;padding:6px 11px;margin:0}
body.cfdEditorial26 .cfdEdCompare .sorting .option.active {background:var(--cf-ink);color:#fff;border-color:var(--cf-ink)}
body.cfdEditorial26 .cfdEdCompare .result.divTable {background:#fff;border:1px solid var(--cf-border);box-shadow:var(--cf-shadow);overflow:hidden}
body.cfdEditorial26 .cfdEdCompare .sbActiveFiltersCfdOnline{background:#e6f3fa;border:1px solid #b9d9eb;border-radius:9px}
/* Reviews: modern hero, score card, rail and longform keep their existing semantics. */
body.cfdEditorial26 .cfdEdReview .subject{background:#fff;border-bottom:1px solid var(--cf-border)}
body.cfdEditorial26 .cfdEdReview .subject h1{margin:26px 0}
body.cfdEditorial26 .cfdEdReview .intro{background:var(--cf-ink)}
body.cfdEditorial26 .cfdEdReview .intro :is(.smallTitle,.title){color:#fff}
body.cfdEditorial26 .cfdEdReview .review > .container > .row.posRel {display:flow-root}
body.cfdEditorial26 .cfdEdReview .cfdEdReviewRail{padding-right:10px}
body.cfdEditorial26 .cfdEdReview .cfdEdReviewRail .items {background:#fff;border:1px solid var(--cf-border);box-shadow:var(--cf-shadow);padding:22px}
body.cfdEditorial26 .cfdEdReview .cfdEdReviewMain {padding-left:22px}
body.cfdEditorial26 .cfdEdReview .cfdEdReviewMain > .rating{background:#fff;border:1px solid var(--cf-border);box-shadow:var(--cf-shadow);border-radius:13px}
body.cfdEditorial26 .cfdEdReview .textblock {background:#fff;border:1px solid var(--cf-border);padding:clamp(22px,3vw,38px);border-radius:13px;box-shadow:0 8px 25px rgba(22,48,69,.035)}
body.cfdEditorial26 .cfdEdReview .textblock :is(p,li){font-size:1.04rem;line-height:1.83}
body.cfdEditorial26 .cfdEdReview .textblock :is(h2,h3){margin-bottom:.6em}
body.cfdEditorial26 .cfdEdReview .cfScoreRationale__grid {clear:both;width:100%;box-sizing:border-box}
body.cfdEditorial26 .cfdEdReview .cfScoreRationale__card {background:#f8fafb;border:1px solid var(--cf-border);border-radius:10px}
body.cfdEditorial26 .cfdEdReview .cfScoreRationale__card h3{font-size:1.04rem}
/* Native structured review: tonal alignment only, never fabricate editorial longform. */
body.cfdEditorial26 .cfdEdStructured{background:var(--cf-base)}
body.cfdEditorial26 .cfdEdStructured .sbStructuredHero{border-radius:16px;background:var(--cf-ink)}
body.cfdEditorial26 .cfdEdStructured .sbStructuredSection {background:#fff;border-radius:14px}
/* Sitewide footer: quiet and readable. The original warning text is untouched. */
body.cfdEditorial26 .cfdEdFooterNotice{background:#e7f0f5;border-top:1px solid var(--cf-border);color:var(--cf-ink)}
body.cfdEditorial26 .cfdEdFooter{background:var(--cf-ink);color:#dce8f2;min-height:85px;display:flex;align-items:center}
body.cfdEditorial26 .cfdEdFooter a{color:#fff}
/* Accessibility and mobile: avoid lateral scroll, maintain fixed menu behavior. */
@media(max-width:1024px){
 body.cfdEditorial26 .cfdEdHeader>.container{min-height:72px}
 body.cfdEditorial26 .cfdEdGuide .cfdEdGuideRail{width:30%;flex-basis:30%}
 body.cfdEditorial26 .cfdEdReview .cfdEdReviewMain{padding-left:15px}
}
@media(max-width:800px){
 body.cfdEditorial26{padding-top:70px}
 body.cfdEditorial26 .cfdEdHeader>.container{min-height:69px;padding-right:60px}
 body.cfdEditorial26 .cfdEdHeader .logo img{max-height:49px;max-width:170px}
 body.cfdEditorial26 .cfdEdMainNav ul{display:block;min-height:0}
 body.cfdEditorial26 .cfdEdHomeHero{padding:56px 0 105px}
 body.cfdEditorial26 .cfdEdHomeHero .bannerContent{max-width:none}
 body.cfdEditorial26 .cfdEdHomeHero .ad{min-height:0;margin-top:20px}
 body.cfdEditorial26 .cfdEdHomeRanking{margin-top:-54px}
 body.cfdEditorial26 .cfdEdHomeRanking .wrapper{padding:20px 15px}
 body.cfdEditorial26 .cfdEdGuideHero{padding-top:35px}
 body.cfdEditorial26 .cfdEdGuide>.container>.disFlex{display:flex;flex-direction:column-reverse;gap:26px}
 body.cfdEditorial26 .cfdEdGuide .cfdEdGuideRail,body.cfdEditorial26 .cfdEdGuide .col8{width:100%;flex:auto;max-width:none;padding:0}
 body.cfdEditorial26 .cfdEdGuide .cfdEdGuideRail .sticky{position:static}
 body.cfdEditorial26 .cfdEdBlogPaper{padding:24px 18px}
 body.cfdEditorial26 .cfdEdCompare .cfdEdCompareFilter{width:100%;padding:0;margin-bottom:15px}
 body.cfdEditorial26 .cfdEdCompare .right_overzicht,body.cfdEditorial26 .cfdEdCompare .top5.results{width:100%;padding:0}
 body.cfdEditorial26 .cfdEdCompare .sorting{padding:12px;gap:6px}
 body.cfdEditorial26 .cfdEdCompare .sorting .option{font-size:.85rem}
 body.cfdEditorial26 .cfdEdReview .cfdEdReviewRail,body.cfdEditorial26 .cfdEdReview .cfdEdReviewMain {width:100%;float:none;padding:0}
 body.cfdEditorial26 .cfdEdReview .cfdEdReviewRail .items{padding:15px}
 body.cfdEditorial26 .cfdEdReview .textblock{padding:20px}
}
@media(max-width:480px){
 body.cfdEditorial26 h1{font-size:2rem}
 body.cfdEditorial26 .cfdEdHomeRanking .title{font-size:1.55rem}
 body.cfdEditorial26 .cfdEdHomeHero h1{font-size:2.25rem}
 body.cfdEditorial26 .cfdEdCompare .sorting .option{padding:6px 8px}
 body.cfdEditorial26 .cfdEdFooter{font-size:.85rem;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){body.cfdEditorial26 *,body.cfdEditorial26 *::before,body.cfdEditorial26 *::after{transition:none!important;scroll-behavior:auto!important}}
/* Legacy float containment: vital with style.min.css `.row{float:left}`. */
body.cfdEditorial26 .cfdEdHomeRanking > .container,
body.cfdEditorial26 .cfdEdCompare > .container{display:flow-root}
body.cfdEditorial26 .cfdEdHomeRanking .wrapper > .divTable{clear:both;width:100%}
body.cfdEditorial26 .cfdEdCompare > .breadcrumb + .container{clear:both}
body.cfdEditorial26 :is(.cfdEdReview,.cfdEdCompare,.cfdEdHomeHero,.cfdEdBlogDetail) h1{overflow-wrap:anywhere;hyphens:auto}

body.cfdEditorial26 .cfdEdBlogPaper :is(h1,h2,h3,p,a){overflow-wrap:anywhere}


/* R157 accessibility and functional fit corrections after owner screenshot.
   Presentation only. The real site still owns navigation, CMS data,
   comparator AJAX, /go routes and R152 review behavior. */
body.cfdEditorial26 {font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}
body.cfdEditorial26 :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,b,a,li,button,input,textarea,select,td,th,label,blockquote,.title,.smallTitle,.subTitle,.shortTxt,.largeTxt,.button){font-family:Arial,Helvetica,sans-serif}
body.cfdEditorial26 :is(h1,h2,h3,h4,h5,h6,.title,.smallTitle,.subTitle){font-weight:700;letter-spacing:-.018em;text-transform:none}
body.cfdEditorial26 :is(.cfdEdGuideHero,.cfdEdHomeHero) .bannerContent {color:#fff;position:relative;z-index:2}
body.cfdEditorial26 :is(.cfdEdGuideHero,.cfdEdHomeHero) .bannerContent :is(h1,h2,h3,p,small,span,.title,.smallTitle,.shortTxt,blockquote){color:#fff!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,0,0,.18)}
body.cfdEditorial26 :is(.cfdEdGuideHero,.cfdEdHomeHero) .bannerContent :is(a:not(.button)){color:#fff;text-decoration:underline}
body.cfdEditorial26 .cfdEdGuideHero .overlay,body.cfdEditorial26 .cfdEdHomeHero .overlay{pointer-events:none}
body.cfdEditorial26 .cfdEdGuideHero .overlay{background:linear-gradient(105deg,rgba(9,30,46,.95),rgba(15,49,75,.77));opacity:1}
body.cfdEditorial26 .cfdEdHomeHero .overlay{background:linear-gradient(105deg,rgba(9,30,46,.95),rgba(15,49,75,.75));opacity:1}
body.cfdEditorial26 .cfdEdGuideHero .ad,body.cfdEditorial26 .cfdEdHomeHero .ad{position:relative;z-index:2}
body.cfdEditorial26 .cfdEdHeader .logo img{max-height:48px;max-width:185px;width:auto}
body.cfdEditorial26 .cfdEdMainNav{position:relative}
body.cfdEditorial26 .cfdEdMainNav ul li a{font-weight:600}
/* Sticky editorial navigation: the real R152 review script owns active/anchor state.
   Do not introduce a second jQuery sticky/scroll handler. */
@media (min-width:801px){
 body.cfdEditorial26 .cfdEdGuide .cfdEdGuideRail{position:sticky;top:170px;align-self:flex-start}
 body.cfdEditorial26 .cfdEdReview .contents.cfdEdReviewRail{position:sticky;top:170px;align-self:flex-start}
}
body.cfdEditorial26 :is(#review,#rating,#specs,#faq,#userex) {scroll-margin-top:165px}
body.cfdEditorial26 .cfdEdGuide h2,body.cfdEditorial26 .cfdEdGuide h3{scroll-margin-top:165px}
body.cfdEditorial26 .cfdEdReview .contents .items a:focus-visible{outline:3px solid #f5ae2e;outline-offset:3px}
/* The existing homepage already renders six CMS/news records via $news->getNews(6).
   Modernise that exact module; do not replace it with mock articles. */
body.cfdEditorial26 .cfdEdHomeNews{background:var(--cf-base);padding-top:38px;padding-bottom:54px}
body.cfdEditorial26 .cfdEdHomeNews .divHeader{margin-bottom:17px}
body.cfdEditorial26 .cfdEdHomeNews .divHeader :is(.title,.smallTitle){font-size:clamp(1.55rem,2.6vw,2.25rem);color:var(--cf-ink);line-height:1.2}
body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex{align-items:stretch}
body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex>.col4{display:flex;min-width:0}
body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex>.col4>a{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;border-radius:14px;overflow:hidden;border:1px solid var(--cf-border);background:#fff;box-shadow:var(--cf-shadow);color:var(--cf-ink)}
body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex>.col4>a>img{width:100%;height:190px;object-fit:cover;display:block;background:#d9e6f0}
body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex>.col4>a>.shortTxt{display:flex;flex-direction:column;flex:1;gap:8px;padding:20px}
body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex>.col4>a .smallTitle{font-size:1.16rem;color:var(--cf-ink);line-height:1.32}
body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex>.col4>a .button{margin-top:auto;align-self:flex-start}
@media(max-width:800px){
 body.cfdEditorial26 .cfdEdGuide .cfdEdGuideRail,body.cfdEditorial26 .cfdEdReview .contents.cfdEdReviewRail{position:static}
 body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex{flex-direction:column}
 body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex>.col4{width:100%;padding-left:0;padding-right:0}
 body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex>.col4>a>img{height:165px}
 body.cfdEditorial26 :is(#review,#rating,#specs,#faq,#userex){scroll-margin-top:90px}
}

/* R158 · Compact above-fold spacing / review chapter menu / sticky primary action. */
body.cfdEditorial26 :is(h1,h2,h3,h4,.title,.smallTitle,.subTitle) {font-family:Arial,Helvetica,sans-serif!important}
body.cfdEditorial26 .cfdEdBlogDetail.pushHeader {margin-top:0!important;padding-top:24px!important}
body.cfdEditorial26 .cfdEdBlogPaper {padding-top:clamp(18px,2.2vw,30px)}
body.cfdEditorial26 .cfdEdReview .subject h1 {margin:12px 0}
body.cfdEditorial26 .cfdEdReview .intro .col6 {padding-top:27px;padding-bottom:27px}
body.cfdEditorial26 .cfdEdReview .review {padding-top:16px}
body.cfdEditorial26 .cfdEdReview .cfdEdReviewRail {position:sticky;top:157px;align-self:flex-start;max-height:calc(100vh - 165px);overflow:auto;scrollbar-width:thin}
body.cfdEditorial26 .cfdEdReview .cfdEdReviewChapters {display:block;clear:both;margin:6px 0 10px;padding:8px 0 6px;border-top:1px solid var(--cf-border);font-size:.91rem}
body.cfdEditorial26 .cfdEdReview .cfdEdReviewChapters[hidden] {display:none!important}
body.cfdEditorial26 .cfdEdReview .cfdEdReviewChapters summary {cursor:pointer;font-weight:700;color:var(--cf-ink);padding:7px 8px}
body.cfdEditorial26 .cfdEdReview .cfdEdReviewChapterList {padding:4px 2px}
body.cfdEditorial26 .cfdEdReview .cfdEdChapterRow {display:block;float:none;width:auto;line-height:1.4;margin:0}
body.cfdEditorial26 .cfdEdReview .cfdEdChapterRow a {display:block;color:#24506e;padding:7px 10px;border-left:3px solid transparent;text-decoration:none;overflow-wrap:anywhere}
body.cfdEditorial26 .cfdEdReview .cfdEdChapterRow.is-subchapter a {padding-left:23px;font-size:.88rem}
body.cfdEditorial26 .cfdEdReview .cfdEdChapterRow.active a,body.cfdEditorial26 .cfdEdReview .cfdEdChapterRow a:hover {background:#e8f3fa;color:#065a9d;border-left-color:#0878c8}
body.cfdEditorial26 .cfdEdReview .cfdEdReviewMain :is(h2,h3)[id^="cfd-review-chapter-"] {scroll-margin-top:180px}
body.cfdEditorial26.cfdR158DockActive .cfdEdReviewRail>.notMobile>a.button {visibility:hidden;pointer-events:none}
@media(max-width:800px){
 body.cfdEditorial26 .cfdEdReview .cfdEdReviewRail {position:relative;top:auto;max-height:none;overflow:visible}
 body.cfdEditorial26 .cfdEdReview .cfdEdReviewChapters {max-height:145px;overflow:auto}
 body.cfdEditorial26 .cfdEdBlogDetail.pushHeader {padding-top:10px!important}
 body.cfdEditorial26 .cfdEdReview .intro .col6 {padding-top:17px;padding-bottom:17px}
 body.cfdEditorial26 .cfdEdReview .cfdEdReviewMain :is(h2,h3)[id^="cfd-review-chapter-"] {scroll-margin-top:155px}
}

/* R159: always show provider identity and real first action above the longform intro. */
body.cfdEditorial26 .cfdEdReviewIdentity {display:flex;align-items:center;justify-content:space-between;gap:24px;float:none;min-height:84px;padding:12px 0;}
body.cfdEditorial26 .cfdEdReviewIdentity__name {flex:1 1 400px;min-width:0;}
body.cfdEditorial26 .cfdEdReviewIdentity__name h1 {float:none;margin:0!important;font-size:clamp(1.65rem,3.1vw,2.65rem);}
body.cfdEditorial26 .cfdEdReviewIdentity__logo {flex:0 1 190px;display:flex;align-items:center;justify-content:flex-end;background:#fff;border:1px solid var(--cf-border);border-radius:12px;padding:10px 15px;min-width:0;}
body.cfdEditorial26 .cfdEdReviewIdentity__logo img {position:static;display:block!important;max-width:100%!important;width:auto;height:auto;max-height:68px;object-fit:contain;}
body.cfdEditorial26 .cfdEdReviewHeroAction {clear:both;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:2px 0 18px;max-width:100%;}
body.cfdEditorial26 .cfdEdReviewHeroAction__button {display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;min-width:205px;float:none!important;margin:0!important;padding:11px 20px;white-space:normal;max-width:100%;text-align:center;}
body.cfdEditorial26 .cfdEdReviewHeroAction .cfd-commercial-warning {font-size:.82rem;line-height:1.5;max-width:680px;color:#f3f7fa;}
body.cfdEditorial26 .cfdEdReview .intro .container>.disFlex {align-items:flex-start;}
@media(max-width:800px){
 body.cfdEditorial26 .cfdEdReviewIdentity {gap:12px;flex-wrap:wrap;min-height:0;}
 body.cfdEditorial26 .cfdEdReviewIdentity__logo {flex:0 0 130px;max-width:42%;padding:7px 10px;}
 body.cfdEditorial26 .cfdEdReviewIdentity__logo img {max-height:48px;}
 body.cfdEditorial26 .cfdEdReviewIdentity__name {flex:1 1 165px;}
 body.cfdEditorial26 .cfdEdReviewHeroAction__button {width:100%;min-width:0;}
}

/* CFDOnline evidence view R160: isolated, not global CSS rewrite */
.cfdEdReview .cfdFactSources{clear:both;background:#fff;padding:clamp(18px,3vw,32px);margin-top:22px;border:1px solid #dce4eb;border-radius:14px;color:#172c41;font-family:Arial,Helvetica,sans-serif}
.cfdEdReview .cfdFactSources h3,.cfdEdReview .cfdFactSources h4{font-family:inherit;color:#172c41;line-height:1.25;margin:0 0 12px}
.cfdEdReview .cfdFactSources__intro{line-height:1.6;margin:0 0 22px}
.cfdEdReview .cfdFactSources__group{margin:22px 0 0;}
.cfdEdReview .cfdFactSources__item{display:grid;grid-template-columns:minmax(120px,35%) minmax(0,1fr);gap:15px;padding:13px 0;border-bottom:1px solid #e7edf2}
.cfdEdReview .cfdFactSources__item dt{font-weight:700}
.cfdEdReview .cfdFactSources__item dd{margin:0;min-width:0;overflow-wrap:anywhere}
.cfdEdReview .cfdFactSources__route,.cfdEdReview .cfdFactSources__source{display:block;font-size:.88em;color:#536677;margin-top:8px;line-height:1.55}
.cfdEdReview .cfdFactSources__source{display:flex;gap:14px;flex-wrap:wrap}
.cfdEdReview .cfdFactSources a{color:#006eaf;text-decoration:underline}
@media(max-width:640px){.cfdEdReview .cfdFactSources__item{display:block}.cfdEdReview .cfdFactSources__item dt{margin-bottom:6px}}

/* R161 sitewide component reconciliation: only presentation surfaces. */
body.cfdEditorial26 .cfdEdCompareAjax > .top5,
body.cfdEditorial26 .cfdEdEmbeddedBrokerList{min-width:0;width:100%;clear:both}
body.cfdEditorial26 .cfdEdCompareAjax .sorting,
body.cfdEditorial26 .cfdEdCompareAjax .result,
body.cfdEditorial26 .cfdEdEmbeddedBrokerList{background:#fff;border:1px solid var(--cf-border);border-radius:12px;box-shadow:var(--cf-shadow)}
body.cfdEditorial26 .cfdEdCompareAjax .sorting{padding:15px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
body.cfdEditorial26 .cfdEdCompareAjax .sorting .option{border:1px solid var(--cf-border);border-radius:7px;padding:6px 10px;cursor:pointer}
body.cfdEditorial26 .cfdEdCompareAjax .result .divTableCell,
body.cfdEditorial26 .cfdEdEmbeddedBrokerList .divTableCell{min-width:0}
body.cfdEditorial26 .cfdEdFooter{clear:both;float:none;width:100%}
body.cfdEditorial26 .cfdEdMissingPage{padding:30px 0 65px;background:var(--cf-base)}
body.cfdEditorial26 .cfdEdMissingPage .intro{background:#fff;border:1px solid var(--cf-border);border-radius:14px;box-shadow:var(--cf-shadow)}
/* Keep dropdown hierarchy and legacy mobile menu display untouched. */
@media(min-width:801px){
 body.cfdEditorial26 .cfdEdMainNav ul ul{min-height:0;align-items:initial}
}
@media(max-width:800px){
 body.cfdEditorial26 .cfdEdCompareAjax .sorting{gap:6px}
 body.cfdEditorial26 .cfdEdMissingPage .col8{width:100%;padding-right:0}
}

/* R161 finish: legacy review subsections share the same editorial card language. */
body.cfdEditorial26 .cfdEdReview .specs,body.cfdEditorial26 .cfdEdReview .gotoCompare{border-radius:14px;overflow:hidden}
body.cfdEditorial26 .cfdEdReview .specs .textblock,
body.cfdEditorial26 .cfdEdReview .qblock{border:1px solid var(--cf-border);border-radius:10px;background:#fff}
body.cfdEditorial26 .cfdEdReview .cfd-review-extended{border-left:3px solid var(--cf-blue)}
body.cfdEditorial26 .cfdEdReview .gotoCompare :is(.title,.button){position:relative;z-index:2}
body.cfdEditorial26 .cfdEdReview .userReviews :is(input,textarea){max-width:100%}


/* CFDONLINE-R162 — Public screenshot reconciliation, limited to established site5 display.
   The R161/old site's PHP selection, tracking, warning and AJAX remain unchanged. */
/* Main dropdown: legacy brand green is intentionally replaced in the real megamenu. */
@media(min-width:1021px){
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul{display:none!important;}
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li:hover>ul,
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li:focus-within>ul{display:block!important;}
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul>li{float:left;width:25%;padding:4px 8px;}
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul>li>a{display:block;padding:3px 5px;white-space:normal;}
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul>li>ul{display:block;min-height:0;}
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul{
   background:#16354c!important;border:1px solid #365268!important;
   box-shadow:0 16px 28px rgba(7,28,47,.20);border-radius:0 0 11px 11px;
   padding:20px 24px;z-index:1100;width:min(800px, calc(100vw - 48px))!important;max-width:calc(100vw - 48px);
 }
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul>li>a,
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul>li>ul>li>a{color:#f6f9fb!important;line-height:1.4}
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul>li>a:hover,
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul>li>ul>li>a:hover{color:#fff!important;background:#235b83!important}
}
@media(max-width:1020px){
 body.cfdEditorial26 .cfdEdMainNav{background:#16354c!important}
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul{background:#1e435c!important}
 body.cfdEditorial26 .cfdEdMainNav .container>ul>li>ul a{color:#fff!important}
}
/* Review's last CTA: old lime/olive block plus inherited dark headings caused low contrast. */
body.cfdEditorial26 .cfdEdReview .gotoCompare{
 background:#16354c!important;background-image:none!important;color:#fff!important;
 border:1px solid #31546f;padding:26px 20px!important;margin:25px 0 28px!important;
 box-shadow:0 10px 28px rgba(12,37,59,.10);
}
body.cfdEditorial26 .cfdEdReview .gotoCompare .overlay{background:transparent!important;pointer-events:none}
body.cfdEditorial26 .cfdEdReview .gotoCompare .title,
body.cfdEditorial26 .cfdEdReview .gotoCompare .title small,
body.cfdEditorial26 .cfdEdReview .gotoCompare .cfd-commercial-warning{
 color:#fff!important;text-shadow:none!important;opacity:1!important;
}
body.cfdEditorial26 .cfdEdReview .gotoCompare .title{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.4;margin-bottom:16px!important}
body.cfdEditorial26 .cfdEdReview .gotoCompare .title small{font-size:.95rem;line-height:1.5;margin-bottom:5px}
body.cfdEditorial26 .cfdEdReview .gotoCompare a.button.ghost.white,
body.cfdEditorial26 .cfdEdReview .gotoCompare .button.ghost.white{
 display:inline-flex;align-items:center;justify-content:center;min-height:46px;
 background:#fff!important;color:#12344e!important;border:2px solid #fff!important;
 text-decoration:none;box-shadow:none!important;padding:10px 18px;
}
body.cfdEditorial26 .cfdEdReview .gotoCompare a.button.ghost.white:hover{background:#e6f4ff!important;color:#063958!important}
/* Consistent floating dock; old lateral sidebar action is a JS-failure-only fallback. */
body.cfdEditorial26.cfdDockReady .cfdEdReview .cfdEdReviewRail>.notMobile>a.button,
body.cfdEditorial26.cfdDockReady .cfdEdReview .cfdEdReviewRail>.notMobile>.button{
 display:none!important;
}
body.cfdEditorial26 .reviewPage .cfdR145FixedCta{background:#fff!important;border-top:1px solid #c7d8e5;z-index:1001}
body.cfdEditorial26 .reviewPage .cfdR145FixedCta__link{background:#0878c8!important;color:#fff!important}
/* Existing homepage promo CTA: same accessible light text on a coherent navy surface. */
body.cfdEditorial26 .cfdEdHomeReading + .gotoCompare,
body.cfdEditorial26 .gotoCompare.bgWhite{
 margin-top:35px!important;margin-bottom:40px!important;
}
body.cfdEditorial26 .gotoCompare.bgWhite .wrapper{
 background-color:#16354c!important;background-image:none!important;
 padding:clamp(24px,4vw,42px)!important;border-radius:14px!important;
}
body.cfdEditorial26 .gotoCompare.bgWhite .overlay{background:transparent!important;pointer-events:none}
body.cfdEditorial26 .gotoCompare.bgWhite .content :is(.title,.title small,span:not(.button),i){color:#fff!important;opacity:1!important}
body.cfdEditorial26 .gotoCompare.bgWhite .button.ghost.white{
 background:#fff!important;color:#16354c!important;border:2px solid #fff!important;min-height:46px;
}
/* Homepage news/content: actual CMS markup uses row floats and blockPadding. */
body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex>.col4>a>.shortTxt,
body.cfdEditorial26 .cfdEdHomeNews .col4>a>.shortTxt{
 float:none!important;display:flex!important;flex:1;flex-direction:column;
 gap:12px;padding:22px!important;min-width:0;width:100%;box-sizing:border-box;
}
body.cfdEditorial26 .cfdEdHomeNews .shortTxt .smallTitle,
body.cfdEditorial26 .cfdEdHomeNews .shortTxt p{color:#172d43!important;line-height:1.5;margin:0}
body.cfdEditorial26 .cfdEdHomeNews .shortTxt .smallTitle{font-size:1.1rem;font-weight:700}
body.cfdEditorial26 .cfdEdHomeNews .shortTxt .button{background:#0878c8!important;color:#fff!important;display:inline-flex;align-items:center;min-height:38px}
body.cfdEditorial26 .cfdEdHomeTopics{margin-top:20px!important;padding-bottom:15px!important}
body.cfdEditorial26 .cfdEdHomeTopics .article a>.shortTxt{padding:21px!important;line-height:1.6}
body.cfdEditorial26 .cfdEdHomeRanking{margin-bottom:22px!important}
body.cfdEditorial26 .cfdEdHomeNews .container.grid .disFlex{row-gap:18px;align-items:stretch}
/* Numeric real provider scores (not five hardcoded stars). */
body.cfdEditorial26 .cfdEdEmbeddedBrokerList .cfdEdScoreValue{
 display:inline-flex;align-items:baseline;gap:3px;float:none;
 padding:8px 14px;border-radius:8px;background:#e8f4fb;color:#075b93;
 font:700 1.4rem/1.2 Arial,Helvetica,sans-serif;
}
body.cfdEditorial26 .cfdEdEmbeddedBrokerList .cfdEdScoreValue small{font-size:.78rem;color:#435d72;font-weight:600}
body.cfdEditorial26 .cfdEdEmbeddedBrokerList .cfdEdScoreMissing{font-size:.86rem;line-height:1.4;color:#52677b}
body.cfdEditorial26 .cfdEdEmbeddedBrokerList .divTableBody>.disFlex{
 background:#fff;border:1px solid #dce5ec;border-radius:11px;padding:12px;gap:8px;
}
@media(max-width:800px){
 body.cfdEditorial26 .cfdEdReview .gotoCompare{padding:22px 15px!important}
 body.cfdEditorial26 .cfdEdHomeNews .col4>a>.shortTxt{padding:18px!important}
 body.cfdEditorial26 .cfdEdHomeTopics .article a>.shortTxt{padding:18px!important}
 body.cfdEditorial26 .cfdEdEmbeddedBrokerList .divTableBody>.disFlex{padding:9px}
}