.hb-mertra-compare{
  --hb-ink:#111111;--hb-copy:#333333;--hb-muted:#686868;
  --hb-line:#dddddd;--hb-soft:#f5f5f5;--hb-white:#ffffff;
  width:100%;max-width:1080px;margin:0 auto;padding:0 2px;
  color:var(--hb-copy);font-family:Arial,Helvetica,sans-serif;
  font-size:17px;line-height:1.76;overflow-wrap:break-word;
}
.hb-mertra-compare,.hb-mertra-compare *{box-sizing:border-box}
.hb-mertra-compare p,.hb-mertra-compare figure{margin:0 0 22px}
.hb-mertra-compare p{max-width:100%}
.hb-mertra-compare .hb-lede{font-size:20px;line-height:1.66;color:#222;margin:0 0 31px}
.hb-mertra-compare h2{
  margin:66px 0 24px;padding-top:19px;border-top:2px solid var(--hb-ink);
  color:var(--hb-ink);font-size:clamp(27px,3vw,36px);line-height:1.2;
  letter-spacing:-.025em;scroll-margin-top:28px;
}
.hb-mertra-compare h3{margin:26px 0 12px;color:var(--hb-ink);font-size:21px;line-height:1.35}
.hb-mertra-compare p > a{
  color:var(--hb-ink);font-weight:700;text-decoration:underline;
  text-decoration-color:#999;text-underline-offset:4px;
}
.hb-mertra-compare a:focus-visible{outline:2px solid #111;outline-offset:3px}
.hb-mertra-compare .hb-toc{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;
  margin:29px 0 44px;padding:10px;border:1px solid var(--hb-line);background:var(--hb-soft);
}
.hb-mertra-compare .hb-toc a{
  min-width:0;display:flex;align-items:center;justify-content:center;
  padding:11px 6px;border:1px solid #ccc;background:#fff;color:var(--hb-ink);
  font-size:13px;font-weight:700;line-height:1.3;text-decoration:none;text-align:center;
}
.hb-mertra-compare .hb-toc a:hover{background:var(--hb-ink);color:#fff;border-color:#111}
.hb-mertra-compare .hb-decision{
  margin:29px 0 35px;padding:24px 26px;border-left:4px solid #111;
  background:var(--hb-soft);color:#262626;
}
.hb-mertra-compare .hb-decision strong{display:block;margin-bottom:7px;font-size:16px;color:#111}
.hb-mertra-compare .hb-decision p{margin:0}
.hb-mertra-compare .hb-product{
  margin:29px 0 32px;border:1px solid var(--hb-line);background:#fff;
}
.hb-mertra-compare .hb-product-link{
  display:grid;
  grid-template-columns:minmax(0,36%) minmax(0,64%);
  width:100%;align-items:stretch;color:var(--hb-ink);text-decoration:none;
}
.hb-mertra-compare .hb-product-image{
  display:flex;justify-content:center;align-items:center;
  min-width:0;min-height:0;width:100%;padding:16px;background:#f3f3f3;
}
.hb-mertra-compare .hb-product-image img{
  display:block;width:100%;max-width:310px;height:auto;max-height:320px;
  object-fit:contain;object-position:center;background:#f3f3f3;
}
.hb-mertra-compare .hb-product-caption{
  display:flex;flex-direction:column;justify-content:center;
  align-items:flex-start;min-width:0;padding:24px 30px;
}
.hb-mertra-compare .hb-product-label{
  display:block;margin-bottom:7px;font-size:12px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--hb-muted);font-weight:700;
}
.hb-mertra-compare .hb-product-name{
  display:block;margin-bottom:9px;font-size:23px;font-weight:800;
  line-height:1.25;color:var(--hb-ink);
}
.hb-mertra-compare .hb-product-desc{
  display:block;margin-bottom:18px;max-width:860px;color:#494949;
  font-size:15px;line-height:1.66;
}
.hb-mertra-compare .hb-product-action{
  display:inline-block;padding:12px 20px;border:1px solid #111;
  color:#fff;background:#111;font-size:14px;line-height:1.35;
  font-weight:700;align-self:flex-start;
}
.hb-mertra-compare .hb-product-link:hover .hb-product-action{color:#111;background:#fff}
.hb-mertra-compare .hb-product-link:hover .hb-product-name{text-decoration:underline;text-underline-offset:4px}
.hb-mertra-compare .hb-product figcaption{display:none}
.hb-mertra-compare .hb-faq{margin-top:0}
.hb-mertra-compare .hb-faq-item{
  border-bottom:1px solid var(--hb-line);
  padding:21px 0 20px;
}
.hb-mertra-compare .hb-faq-item:first-of-type{border-top:1px solid var(--hb-line)}
.hb-mertra-compare .hb-faq-item h3{
  margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.4;
}
.hb-mertra-compare .hb-faq-item p{margin:0;color:var(--hb-copy)}
.hb-mertra-compare .hb-ending{margin-top:61px;padding:30px 32px 35px;border:2px solid #111;background:var(--hb-soft)}
.hb-mertra-compare .hb-ending p:last-of-type{margin-bottom:19px}
.hb-mertra-compare .hb-main-cta{
  display:inline-block;max-width:100%;padding:13px 23px;border:1px solid #111;
  color:#fff;background:#111;font-size:15px;line-height:1.38;
  font-weight:700;text-decoration:none;text-align:center;
}
.hb-mertra-compare .hb-main-cta:hover{background:#fff;color:#111}
@media(max-width:850px){
  .hb-mertra-compare .hb-toc{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hb-mertra-compare .hb-product-link{grid-template-columns:minmax(0,40%) minmax(0,60%)}
  .hb-mertra-compare .hb-product-caption{padding:21px 23px}
}
@media(max-width:700px){
  .hb-mertra-compare .hb-product-link{grid-template-columns:minmax(0,1fr)}
  .hb-mertra-compare .hb-product-image{padding:13px}
  .hb-mertra-compare .hb-product-image img{max-width:300px;max-height:275px}
  .hb-mertra-compare .hb-product-caption{padding:20px 22px 23px}
}
@media(max-width:600px){
  .hb-mertra-compare{font-size:16px;line-height:1.73;padding:0}
  .hb-mertra-compare .hb-lede{font-size:18px}
  .hb-mertra-compare h2{margin-top:52px;font-size:clamp(26px,7vw,31px)}
  .hb-mertra-compare .hb-toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px}
  .hb-mertra-compare .hb-toc a{font-size:12px;min-height:43px}
  .hb-mertra-compare .hb-decision{padding:19px 20px}
  .hb-mertra-compare .hb-product-image{padding:12px}
  .hb-mertra-compare .hb-product-image img{max-height:360px}
  .hb-mertra-compare .hb-product-caption{padding:20px}
  .hb-mertra-compare .hb-product-name{font-size:20px}
  .hb-mertra-compare .hb-ending{padding:24px 19px}
  .hb-mertra-compare .hb-main-cta{display:block}
  .hb-mertra-compare .hb-faq-item{padding:18px 0}
}