/* Crema Karma readability layer, Nov 11 2026: larger text everywhere, one font family (no monospace) */
html body.ck-roast{font-size:18px;line-height:1.65}
html body.ck-roast main p,html body.ck-roast main li,html body.ck-roast main dd,html body.ck-roast .wrap>p,html body.ck-roast section p,html body.ck-roast section li,html body.ck-roast article p,html body.ck-roast article li{font-size:18px!important;line-height:1.65}
html body.ck-roast :is(code,kbd,samp,pre,tt,.mono,.num){font-family:inherit!important}
/* tables */
html body.ck-roast table td,html body.ck-roast table td a{font-size:17px!important;line-height:1.5}
html body.ck-roast table th{font-size:16px!important}
html body.ck-roast table td small,html body.ck-roast table th small{font-size:15px!important}
/* small print, notes, captions, sources, credits */
html body.ck-roast :is(p.cap,p.src,p.ck-note,p.ck-disc,p.st-note,p.st-sub,p.pc-leg,p.pb-l,p.aff-top,p.ck-mail-s,p.wb-watch,.sec-sub,.disclosure,p.disclosure,.aff-note){font-size:16px!important;line-height:1.55}
html body.ck-roast small,html body.ck-roast main small,html body.ck-roast section small,html body.ck-roast article small{font-size:15px!important;line-height:1.45}
html body.ck-roast small.credit,html body.ck-roast .credit,html body.ck-roast .ck-credit-pick,html body.ck-roast .ck-hero-credit{font-size:14px!important}
/* labels and headings inside cards */
html body.ck-roast :is(dt,p.pc-h,p.ps-h,p.pc-k,p.ck-op-h,.kit-lab,.pick-lab,p.pick-lab){font-size:16px!important;line-height:1.4}
html body.ck-roast dd{font-size:17px!important}
html body.ck-roast :is(p.pp-x,div.stk-body,.stk-body p,.kit-why,.mini-p,.wb-k,.wb-d,span.wb-k,span.wb-d){font-size:17px!important;line-height:1.55}
html body.ck-roast :is(.ck-badge,span.badge,.badge){font-size:14px!important}
html body.ck-roast :is(p.ck-kick,.ck-tagline,.ck-hero .ck-kick){font-size:15px!important}
/* chips and plain links */
html body.ck-roast .pb-chip{font-size:16px!important;line-height:1.3!important}
html body.ck-roast :is(a.btn-ghost,a.amz-link,.pick-more a,.pick-ebay a){font-size:17px!important}
html body.ck-roast .ck-onpage a{font-size:18px!important}
/* SHOP buttons (C1): bigger label, same shape */
html body.ck-roast .ck-shop{font-size:16px!important;min-height:48px}
html body.ck-roast .ck-shop .ck-at{font-size:15px!important}
html body.ck-roast .ck-shop.ck-sm,html body.ck-roast .btn-sm.ck-shop{font-size:15px!important;min-height:44px}
html body.ck-roast .ck-shop.ck-sm .ck-at,html body.ck-roast .btn-sm.ck-shop .ck-at{font-size:14px!important}
/* nav and footer */
html body.ck-roast .ck-nav a{font-size:16px}
html body.ck-roast footer{font-size:16px!important}
html body.ck-roast footer :is(a,p,li){font-size:16px!important;line-height:1.55}
html body.ck-roast footer .foot-h{font-size:14px!important}
/* signup form */
html body.ck-roast .ck-mail form input[type=email],html body.ck-roast .ck-mail form button{font-size:17px!important}
/* mini product cards: real product photo */
html body.ck-roast .mini-img.ck-mini-photo{display:flex;align-items:center;justify-content:center;background:#fff;aspect-ratio:4/3;padding:12px;box-sizing:border-box;border-bottom:1px solid #EFE3D2}
html body.ck-roast .mini-img.ck-mini-photo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
html body.ck-roast .mini-t{font-size:19px!important}
html body.ck-roast p.ck-more-guides{font-size:18px!important;margin:18px 0 0}
html body.ck-roast p.ck-more-guides a{font-weight:600}
/* deep comparison and kit cards: product photo */
html body.ck-roast .ck-card-photo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;height:200px;margin:0 0 14px;padding:8px;box-sizing:border-box}
html body.ck-roast .ck-card-photo img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
html body.ck-roast .ck-card-photo-cr{font-size:13px!important;margin:-8px 0 12px;color:#5E4A3B}
html body.ck-roast .ck-card-photo-cr a{color:inherit}
@media (max-width:420px){
 html body.ck-roast main p,html body.ck-roast main li,html body.ck-roast section p,html body.ck-roast section li,html body.ck-roast article p,html body.ck-roast article li{font-size:17.5px!important}
 html body.ck-roast table td,html body.ck-roast table td a{font-size:16.5px!important}
 html body.ck-roast .pb-chip{font-size:15.5px!important}
 html body.ck-roast .ck-card-photo{height:170px}
}
@media (min-width:700px){html body.ck-roast .minis-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}html body.ck-roast .minis-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
html body.ck-roast a.pb-chip.pb-chip{font-size:16px!important}
html body.ck-roast .ck-shop .ck-s{font-size:16px!important}
html body.ck-roast :is(small.credit a,.credit a,.ck-card-photo-cr a){font-size:inherit!important}
html body.ck-roast .ck-card-photo-cr{font-size:14px!important}
html body.ck-roast nav.ck-crumb,html body.ck-roast nav.ck-crumb :is(a,span){font-size:15.5px!important}
html body.ck-roast .verdict b,html body.ck-roast .verdict div{font-size:16px!important}
html body.ck-roast :is(.sb-pick,.sb-price,.stk-ph,span.wb-k,span.wb-d){font-size:15.5px!important}
html body.ck-roast :is(button,.btn){font-size:17px}
html body.ck-roast :is(p.st-note,p.st-sub){font-size:16px!important}
html body.ck-roast :is(.signup-top,.st-wrap,section,div) p.st-note.st-note,html body.ck-roast :is(.signup-top,.st-wrap,section,div) p.st-sub.st-sub{font-size:16px!important}
/* hub chip rows wrap instead of scrolling sideways */
html body.ck-roast .ck-row .ep-links,html body.ck-roast nav.st11-hub p.ep-links{-webkit-mask-image:none!important;mask-image:none!important;display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:10px!important;white-space:normal!important}
html body.ck-roast .ck-row .ep-links a.pb-chip,html body.ck-roast nav.st11-hub p.ep-links a.pb-chip{flex:0 0 auto!important;width:auto!important;margin:0!important}
/* phone: category chips read as a plain text link list, not stacked buttons */
@media (max-width:700px){
 html body.ck-roast .ck-row .ep-links,html body.ck-roast nav.st11-hub p.ep-links{gap:8px 20px!important;padding:4px 0 2px!important}
 html body.ck-roast .ck-row .ep-links a.pb-chip,html body.ck-roast nav.st11-hub p.ep-links a.pb-chip{background:none!important;border:0!important;border-radius:0!important;padding:4px 0!important;min-height:0!important;box-shadow:none!important;font-size:17px!important;font-weight:600!important;color:#3A2516!important;text-decoration:underline!important;text-decoration-color:#C9A57A!important;text-underline-offset:4px;display:inline!important}
}
/* stray callouts after the main container line up with the page */
html body.ck-roast main>p.gg-cs{max-width:calc(var(--ck-max) - 64px);margin:14px auto 0!important;width:calc(100% - 64px);box-sizing:border-box}
@media(max-width:900px){html body.ck-roast main>p.gg-cs{width:calc(100% - 28px)}}
html body.ck-roast p.src,html body.ck-roast .dc p.src{color:#4E3B2E!important}
html body.ck-roast figcaption{font-size:14px!important}
html body.ck-roast .barbox .bar :is(span,b){font-size:16px!important}
html body.ck-roast :is(span.pill,span.wb-badge,label.cap){font-size:14.5px!important}
html body.ck-roast svg text{font-size:14px}
html body.ck-roast .dc .stat :is(span,b){font-size:17px!important}
html body.ck-roast .dc .stat{padding:8px 0!important}
@media (max-width:700px){html body.ck-roast nav.st11-hub,html body.ck-roast nav.ck-row{margin-bottom:18px!important}}
/* phones: data tables stack into labeled cards, no sideways scrolling */
@media (max-width:1099px){
 html body.ck-roast :is(.tw,.tbl,.st10-table-scroll):has(table.ck-stk){overflow:visible!important;max-width:100%!important}
 html body.ck-roast table.ck-stk{font-family:var(--sans)!important;display:block!important;width:100%!important;min-width:0!important;border:0!important;background:none!important;table-layout:auto!important}
 html body.ck-roast table.ck-stk :is(thead,tbody){display:block!important}
 html body.ck-roast table.ck-stk tr.ck-stk-h,html body.ck-roast table.ck-stk thead{display:none!important}
 html body.ck-roast table.ck-stk tr{display:block!important;background:#fff!important;border:1px solid #E4D4BF!important;border-radius:12px!important;padding:12px 14px!important;margin:0 0 12px!important}
 html body.ck-roast table.ck-stk :is(td,th){display:block!important;width:auto!important;max-width:none!important;border:0!important;padding:6px 0!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;font-family:var(--sans)!important;font-size:18px!important;line-height:1.5!important;background:none!important;color:#1C1410}
 html body.ck-roast table.ck-stk :is(td,th).ck-stk-t{font-weight:800!important;font-size:19px!important;padding:2px 0 6px!important;border-bottom:1px solid #EFE3D2!important;margin-bottom:4px}
 html body.ck-roast table.ck-stk :is(td,th)[data-label]::before{content:attr(data-label);display:block;font-weight:700;font-size:16px;color:#6B3A17;letter-spacing:0;text-transform:none;margin:0 0 2px}
 html body.ck-roast table.ck-stk :is(td,th)[data-label=""]::before{display:none}
}
@media (min-width:1100px){html body.ck-roast :is(.tbl,.tw,.st10-table-scroll)>table{width:100%!important;max-width:100%!important;table-layout:auto}html body.ck-roast :is(.tbl,.tw,.st10-table-scroll) :is(td,th){white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:manual}}
/* product-type line above product names */
html body.ck-roast p.ck-ptype{font-family:var(--sans)!important;font-size:16px!important;font-weight:700;letter-spacing:0;text-transform:none;color:#6B3A17;margin:0 0 2px!important;line-height:1.35}