nav{display:flex;gap:24px}a{color:#14745d;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #9dd7c4;outline-offset:4px}.filter{flex:0 0 180px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{display:block;background:white;border:1px solid #dce5df;border-radius:12px;padding:23px;color:#183331}.card:hover{border-color:#14745d;text-decoration:none;box-shadow:0 5px 18px #1833310d}.card h2{font-size:18px;margin:12px 0;overflow-wrap:anywhere}.card .number{font-size:13px;color:#516b62;overflow-wrap:anywhere;min-height:36px}.card .bottom{border-top:1px solid #eef2ef;padding-top:15px;display:flex;justify-content:space-between;color:#60776e;font-size:12px}.badge{font-size:12px;background:#eef5f0;color:#49675b;border-radius:4px;padding:4px 8px}.pager{display:flex;justify-content:center;align-items:center;gap:25px;margin:30px 0}button:disabled{opacity:.4;cursor:default}.back{display:inline-block;margin-bottom:20px}.part-number{font-size:20px;overflow-wrap:anywhere}.section-title{display:flex;align-items:center;justify-content:space-between;margin-top:36px}.section-title h2{margin:0}.section-title span{color:#61796d;font-size:13px}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:66px 1fr auto;gap:18px;align-items:center;padding:22px;background:white;border:1px solid #dce5df;border-radius:10px;color:#183331}.step:hover{text-decoration:none;border-color:#14745d}.step h3{margin:0 0 7px;font-size:17px}.step p{margin:0;color:#6c7e75;font-size:13px}.step-code{font-size:20px;color:#14745d;overflow-wrap:anywhere}.step-status{font-size:12px;color:#71827b}.selected{background:white;border:1px solid #dce5df;border-radius:12px;padding:26px;margin:28px 0}.selected h2{margin:10px 0}.selected video{background:#142421;margin:18px 0;max-height:65vh}.selected select{display:block;width:100%;margin:12px 0}.selected [hidden]{display:none}#video-state{padding:22px;background:#f2f5f3;color:#63786d;line-height:1.8}#error{color:#a33232}h1{overflow-wrap:anywhere}@media(max-width:800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.cards{grid-template-columns:1fr}.filter{flex:auto}.step{grid-template-columns:44px 1fr;gap:12px}.step-status{grid-column:2}.selected{padding:18px}nav{gap:12px;font-size:13px}header span{display:none}}
