.operation-guide{margin:20px 0;padding:18px;border:1px solid #c9e2dc;border-radius:14px;background:linear-gradient(120deg,#f0faf7,#fbfefd)}
.operation-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.operation-guide-heading p{margin:0 0 4px;color:#167b75;font-size:11px;font-weight:800;letter-spacing:.1em}.operation-guide-heading h2{margin:0;color:#163f3d;font-size:20px}.operation-guide-heading span{display:block;margin-top:5px;color:#57716e;font-size:13px}.operation-guide-heading>a{flex:0 0 auto;padding:10px 13px;border-radius:9px;background:#167b75;color:#fff;text-decoration:none;font-weight:750;font-size:13px}
.operation-guide-steps{display:grid;grid-template-columns:repeat(10,minmax(92px,1fr));gap:7px;overflow-x:auto;margin:18px 0 0;padding:0 0 5px;list-style:none}.operation-guide-steps li{min-width:92px;padding:9px 8px;border:1px solid #d7e7e3;border-radius:10px;background:#fff;color:#70837f;font-size:12px;font-weight:700;line-height:1.3}.operation-guide-steps span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:5px;border-radius:50%;background:#e4efec;color:#5a746f;font-size:11px}.operation-guide-steps li.done{background:#edf8f4;border-color:#b8ddd2;color:#287564}.operation-guide-steps li.done span{background:#30947d;color:#fff}.operation-guide-steps li.active{border:2px solid #16817d;background:#e1f4ee;color:#124f49;box-shadow:0 4px 14px rgba(22,129,125,.14)}.operation-guide-steps li.active span{background:#16817d;color:#fff}.operation-guide-steps a{color:inherit;text-decoration:none}
@media(max-width:700px){.operation-guide{padding:15px}.operation-guide-heading{align-items:flex-start;flex-direction:column}.operation-guide-heading>a{width:100%;text-align:center;box-sizing:border-box}.operation-guide-steps{grid-template-columns:repeat(10,106px)}}