.sso-tutorials{margin:0 0 20px;border:1px solid #d9e8f8;border-radius:14px;background:#fff;padding:18px 20px}
.sso-tutorial-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sso-tutorial-head h2{font-size:15px;line-height:1.5;margin:0;color:#193b59}
.sso-tutorial-head p{font-size:12px;color:var(--muted);margin:4px 0 0}
.sso-tutorial-actions{display:flex;gap:8px;flex-shrink:0}
.sso-tutorial-actions button{font:inherit;font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;min-height:38px;padding:8px 12px;white-space:nowrap}
.sso-guide-button{border:1px solid #d6e5f5;background:#f1f7ff;color:#1766a3}
.sso-video-button{border:1px solid #1d9bf0;background:#1d9bf0;color:#fff}
.sso-guide-button:hover{background:#e6f1ff}.sso-video-button:hover{background:#1488da}
.sso-guide{padding-top:18px;margin-top:16px;border-top:1px solid #e7eff8}
.sso-guide-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.sso-guide-steps li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start}
.sso-guide-steps li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eaf4ff;color:#1766a3;font-size:12px;font-weight:700}
.sso-guide-steps h3{font-size:13px;line-height:1.6;margin:2px 0 4px}
.sso-guide-steps p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;overflow-wrap:anywhere}
.sso-guide a{color:#087ac7;text-decoration:underline;text-underline-offset:3px}
.sso-guide code{padding:1px 5px;border-radius:4px;background:#eef5fc;color:#234d6e}
.sso-guide-note{font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0 0}
.sso-video-open{overflow:hidden}
.sso-video-dialog{width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:18px;border:1px solid #dbe7f5;border-radius:14px;background:#fff;color:#162b38;overflow:auto;box-shadow:0 20px 80px #0004}
.sso-video-dialog::backdrop{background:#081725cc}
.sso-video-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.sso-video-head h2{margin:0;font-size:16px}
.sso-video-head button{border:0;border-radius:7px;cursor:pointer;background:#eef4fa;color:#23455e;font:inherit;padding:5px 10px}
.sso-video-dialog video{display:block;width:100%;max-height:72dvh;border-radius:8px;background:#000}
.sso-video-dialog>p{margin:10px 0 0;color:#71808c;font-size:12px}.sso-video-dialog a{color:#087ac7}
.sso-tutorials button:focus-visible,.sso-video-dialog button:focus-visible{outline:3px solid #9fd4f7;outline-offset:3px}
@media(max-width:600px){.sso-tutorials{padding:16px;margin-bottom:16px}.sso-tutorial-head{flex-wrap:wrap;gap:12px}.sso-tutorial-actions{width:100%}.sso-tutorial-actions button{flex:1}.sso-guide-steps{grid-template-columns:1fr;gap:16px}.sso-video-dialog{padding:12px}.sso-video-head h2{font-size:14px}}