.tutorial-page{max-width:1180px;margin:0 auto;padding:34px 38px 60px}.tutorial-title h1{font-size:28px;margin:7px 0}.tutorial-title p{margin:0}.tutorial-steps{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.tutorial-steps a{color:#8cd7df;text-decoration:none;border:1px solid #28434a;background:#14272b;border-radius:7px;padding:9px 14px;font-size:12px}.tutorial-steps a:hover{border-color:var(--cyan)}.tutorial-step{scroll-margin-top:20px;padding:26px}.tutorial-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.tutorial-heading h2{font-size:19px;font-weight:600;margin:0}.tutorial-number{display:grid;place-items:center;background:#143035;border:1px solid #28565e;color:var(--cyan);border-radius:9px;width:34px;height:34px;flex-shrink:0;font-weight:700}.tutorial-step p{color:#b5c1cb}.tutorial-step strong{color:var(--text);font-weight:600}.tutorial-step ul,.tutorial-step ol{padding-left:24px;color:#b5c1cb}.tutorial-step li{margin:10px 0;padding-left:3px}.tutorial-step code{color:#8cd7df;background:#11171c;border:1px solid var(--line);border-radius:4px;padding:2px 5px;font-size:12px;overflow-wrap:anywhere}.tutorial-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.tutorial-gallery figure,.tutorial-wide{margin:0;min-width:0;background:#11161b;border:1px solid var(--line);border-radius:9px;overflow:hidden}.tutorial-image{display:flex;align-items:center;justify-content:center;min-height:110px;padding:16px;color:var(--cyan)}.tutorial-image img{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:4px}.tutorial-routes .tutorial-image img{max-height:540px;width:auto}.tutorial-login .tutorial-image{align-items:flex-start;justify-content:flex-start}.tutorial-login .tutorial-image img{width:auto}.tutorial-command .tutorial-image{min-height:170px}.tutorial-command .tutorial-image img{max-height:460px;width:auto}.tutorial-wide{margin:0 0 22px}.tutorial-wide .tutorial-image{justify-content:flex-start}.tutorial-wide .tutorial-image img{width:auto}.tutorial-step figcaption{padding:10px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.tutorial-note{border:1px solid #28565e;border-left:3px solid var(--cyan);background:#14272b;color:#afe3e8;border-radius:7px;padding:12px 16px;font-size:13px;margin:18px 0}.tutorial-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}.tutorial-footer>span{flex:1}.tutorial-footer .primary{color:#03282b}.tutorial-image:focus-visible,.tutorial-steps a:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}@media(max-width:740px){.tutorial-page{padding:25px 18px 40px}.tutorial-title h1{font-size:24px}.tutorial-title p{font-size:12px}.tutorial-step{padding:20px 16px}.tutorial-heading{gap:10px}.tutorial-heading h2{font-size:17px}.tutorial-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tutorial-steps a{font-size:11px;padding:9px 10px}.tutorial-gallery{grid-template-columns:1fr;gap:12px}.tutorial-routes .tutorial-image img{max-height:540px}.tutorial-image{padding:12px}.tutorial-footer>span{flex-basis:100%}header>.action-link{font-size:11px;padding:7px 9px}.tutorial-step code{font-size:11px}}