.article-block{max-width:820px;margin:0 auto 34px;}
.article-block img{border-radius:8px;}
.article-block p{margin:0 0 1.1em;font-size:16.5px;color:#2a2f36;}
.article-block h2{font-size:26px;margin-top:.2em;}
.article-block h3{font-size:20px;color:var(--green-dark);}
.article-block ul{padding-left:22px;margin:0 0 1.1em;}
.article-block ul li{margin-bottom:.5em;font-size:16.5px;color:#2a2f36;}
.caption{font-size:13px;color:var(--muted);text-align:center;margin-top:8px;font-style:italic;}

.rank-card{
  border:1px solid var(--border);
  border-left:5px solid var(--green);
  background:#fbfcfb;
  border-radius:8px;
  padding:22px 26px;
  margin-bottom:28px;
}
.rank-card .num{
  display:inline-block;
  background:var(--navy);
  color:#fff;
  font-family:'Fira Sans Condensed',sans-serif;
  font-weight:800;
  font-size:13px;
  padding:3px 10px;
  border-radius:20px;
  margin-bottom:10px;
  letter-spacing:1px;
}

.factor-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin:20px 0 10px;
}
.factor-item{
  background:#f4f6f8;
  border-radius:8px;
  padding:20px 22px;
}
.factor-item h3{font-size:17px;margin-bottom:.4em;color:var(--navy);}
.factor-item p{font-size:15px;margin:0;color:#3a3f46;}

.cta-box{
  background:var(--navy);
  color:#fff;
  border-radius:10px;
  padding:34px 36px;
  margin:10px 0 34px;
}
.cta-box h2{color:#fff;}
.cta-box p{color:#d7dee5;}
.cta-box strong{color:#fff;}
.cta-box .details{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;
}
.cta-box .details div{font-size:14.5px;color:#c9d3dc;}
.cta-box .details b{
  color:#fff;display:block;margin-bottom:4px;font-size:13px;
  letter-spacing:1px;text-transform:uppercase;color:var(--green);
}
.cta-box .btn-cta{margin-top:20px;display:inline-block;}

blockquote.tip{
  border-left:4px solid var(--green);
  background:#f1f8ef;
  padding:14px 20px;
  border-radius:0 8px 8px 0;
  font-size:15.5px;
  color:#2a2f36;
  margin:0 0 1.4em;
}

@media (max-width:900px){
  .factor-grid{grid-template-columns:1fr;}
  .cta-box .details{grid-template-columns:1fr;}
  .comp-table{font-size:13.5px;}
  .comp-table thead th,.comp-table tbody td{padding:10px 12px;}
  .comp-table td.label{white-space:normal;}
}

.comp-table{
  width:100%;
  border-collapse:collapse;
  margin:20px 0 10px;
  font-size:15px;
  border-radius:8px;
  overflow:hidden;
}
.comp-table thead th{
  background:var(--navy);
  color:#fff;
  text-align:left;
  padding:14px 18px;
  font-family:'Fira Sans Condensed',sans-serif;
  font-weight:700;
  font-size:14px;
  letter-spacing:.5px;
}
.comp-table thead th:first-child{border-radius:8px 0 0 0;}
.comp-table thead th:last-child{border-radius:0 8px 0 0;}
.comp-table tbody tr:nth-child(odd){background:#f4f6f8;}
.comp-table tbody tr:nth-child(even){background:#fff;}
.comp-table tbody td{
  padding:12px 18px;
  border-bottom:1px solid var(--border);
  color:#2a2f36;
}
.comp-table tbody tr:last-child td:first-child{border-radius:0 0 0 8px;}
.comp-table tbody tr:last-child td:last-child{border-radius:0 0 8px 0;}
.comp-table td.label{
  font-weight:600;
  color:var(--navy);
  white-space:nowrap;
}