.service-grid{display:block;background:#fff;border:1px solid var(--line);border-top:3px solid var(--brand)}
.service-card{display:grid;grid-template-columns:48px minmax(190px,.8fr) minmax(260px,1.4fr) minmax(220px,1fr) 90px;align-items:center;gap:16px;padding:17px 20px;color:var(--ink);border-bottom:1px solid var(--line);min-height:82px}
.service-card:last-child{border-bottom:0}
.service-card:hover{background:#f8f6fa}
.service-card-top{display:contents}
.service-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--brand-mid);border-radius:2px;background:#f5f2f8;color:var(--brand);font-weight:700;font-size:17px}
.service-card .badge{grid-column:4;justify-self:start}
.service-card h2{grid-column:2;grid-row:1;border:0;padding:0;margin:0;font-size:16px}
.service-card p{grid-column:3;grid-row:1;color:#635e68;margin:0;min-height:0}
.service-card small{grid-column:4;grid-row:1;margin-top:30px;color:var(--muted)}
.service-enter{grid-column:5;grid-row:1;color:var(--brand);font-weight:700;text-align:right}
.ledger-metrics .active{background:#fff;color:var(--ink)}
@media(max-width:900px){
  .service-card{grid-template-columns:44px 1fr 85px;gap:10px}
  .service-card h2{grid-column:2}
  .service-card p{grid-column:2;grid-row:2}
  .service-card .badge{grid-column:3;grid-row:1;justify-self:end}
  .service-card small{grid-column:2;grid-row:3;margin-top:0}
  .service-enter{grid-column:3;grid-row:2/4;align-self:center}
}
@media(max-width:600px){
  .service-card{grid-template-columns:40px 1fr}
  .service-card .badge{grid-column:2;grid-row:2;justify-self:start}
  .service-card p{grid-column:2;grid-row:3}
  .service-card small{grid-column:2;grid-row:4}
  .service-enter{grid-column:2;grid-row:5;text-align:left}
}